Develop Reference

Microsoft Fluent Design for Web (CSS framework) [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
As Microsoft recently released a design system called "Fluent Design", is it appropriate to apply it on web design?
Most of my searching has been for all Microsoft platforms, C# app, F# etc..
I have never seen anything regarding in web design.

April 2020 Update primary destination for Fluent Design is Microsoft's Fluent Design System website.
For official web frameworks go to github repos:
Fluent UI - A set of React components for building Microsoft web experiences. Good support and big following.
Office UI Fabric with only includes grid, typography, icons and utilities. No component and no dependency on React. Not very well maintained.
Some tutorials are available here.

Take a look at Microsoft Web Framework for details on the components, HTML structure and CSS that you would use to meet Microsoft's web design principles.

just copy-paste from the bottom of the MWF homepage.
This site is restricted to use by Microsoft employees and authorized vendors. No materials or code from this site may be used on non-Microsoft websites. By entering this site, you confirm that you are a Microsoft employee or an authorized vendor working on behalf of Microsoft. You further agree that the materials and code constitute Microsoft’s intellectual property, are limited for use on Microsoft-operated websites, and are subject to the applicable agreements governing your employment or vendor relationship with Microsoft.

You can use this library for Reveal Effect in Fluent Design System.
And you need to wait for the backdrop-filter CSS supported for background blur effect.
https://github.com/d2phap/fluent-reveal-effect

I'm just quoting Microsoft here.
It is perfectly relevant to the web design. Since these are just principles and not specific to any platform. So if you are a web developer and like the Microsoft way of thinking. it is perfectly fine to build a Web UI framework around these principles.
Please check out this video in which your question has been discussed in the Q&A session (22:00).

Check out the Fluent Kit framework.
It is a Fluent Design extension to the current Bootstrap version, using jQuery, so should be an easy starting point for anybody, really. Also, it is very well documented and the "work in progress", so you can expect further functionalities as the design itself develops.
Important update: Fluent Kit, as well as the whole Nespero project is closed.

Update: Fluent design now supports web, Android and IOS. https://www.microsoft.com/design/fluent/#/
Update: a high quality 3rd party react component framework called react-uwp can be found here
Update: new website is at https://fluentweb.com/
Update: link is now dead, and https://getmwf.com doesn't mention fluent design anymore.
Microsoft has a web framework for its own employees and vendors.
Looks like they are introducing fluent design components to this framework.
https://fluent.getmwf.com/

Comparing YUI and Ext JS [closed]

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I've been using Ext JS as my rich-widget toolkit for a while, but I'm thinking of moving to YUI, partly because of the less restrictive license.
The component-oriented model used in YUI seems quite similar to the one that I've enjoyed so much in Ext JS, but I'm interested in how deep those similarities are. So I'm interested in feedback from people who've used both Ext JS and YUI. What is the same, and what is different? What do I lose by moving to YUI, and what do I gain?

I think both libraries actually address different needs.
YUI is designed addresses the needs of Yahoo inc. It is very good at building public facing applications where things like graceful degradation, clean markup and accessibility is important.
ExtJS is a very good and well designed full RIA framework that is very firmly targeted at building line of business applications. Features such as a really powerful grid component, strong layout and good professional look and feel.
I've used both quite considerably, although only up to YUI 2.7.0 and have built several full RIA using the frameworks.
Moving an existing application from one to another would be quite differcult as although they share a common ancestor (ExtJS was once YUIext) the frameworks are quite different now.

One major difference is that YUI is distributed under the extremely permissive BSD license whereas ExtJS is distributed under a very viral interpretation of the GPL. For instance, with Sencha's interpretation of the GPL, if you write a SOAP or REST interface specifically to talk to an ExtJS front end then your server code must be GPL and you must provide access to the source since you have "distributed" it by granting access over the web. Sencha does provide a commercial license for their code but if you read their docs carefully you will see that they do not allow you to convert code you wrote against GPL Sencha to another license when you switch to the commercial version. (http://www.sencha.com/legal/license-overview)
In short, if your code needs to integrate with proprietary business logic or commercially licensed systems then you must develop using the commercial version of Sencha from the outset.

For me the difference is that YUI is very lightweight and flexible, whereas ExtJS is heavier, with a bigger footprint and more rigid in the way you use it. YUI is great if you know what you're doing in Javascript and want to extend your power; ExtJS is good if you want a UI abstraction layer that you don't have to mess with much ... but if you do want to make it do things it wasn't designed to do, it can be a real chore.

When building a recent application I had the exact same decision to make YUI or Ext JS.
I ended up going with YUI for a few reasons:
YUI 3 is extremely light weight and fast for simple tasks and the lazy loading makes things even faster.
Graceful degradation was important for this app.
Using YUI 2 widgets in YUI 3 is rather easy and with 3.1 literally weeks away that will become even easier.
YUI documentation is unbelievable and the irc chat and forums are very helpful and actually have people from the YUI development team.

In a time when all applications are migrating to the web, the clear line drawn by Gareth between public facing and Business app doesn't make sense too me.
I prefer the other answers, like the one of Robusto, and compare both framework on technical/financial grounds.
YUI advantages:
Free
Lightweight (HTML + Javascript)
More efficient
Easier to learn and understand
Better documentation and examples
Larger community
Ext advantages:
Richer features & components
Some (undocumented) Server Side driver (like .NET) (although using such libraries on the server seems bad design)
Conclusion:
If your web site doesn't require the extra features provided by ext, go for YUI.

I haven't used ExtJS a lot yet, still in a learning phase, but for what I was able to do with it, I'm pretty sure that even a little more than 1 year ago when I was doing a lot of YUI dev, it would have been much more challenging and the result would not have been as slick.
It's not too say you shouldn't do it, but my advice to you would be to make some serious research and good prototyping of some of the existing features you have to see if YUI will fit your needs. DON'T just base yourself on the examples and the feel of "Yeah seems that would work".

With the GPLv3, it states that as long as your users are all part of the same legal entity that you do not need to share the source code. The verbiage technically states this as if they are not part of the same legal entity, then you need to provide source. But this doesn't mean Sencha won't change the license later. It also doesn't mean they will either.

Javascript library for building desktop-like web application: ExtJS, jQuery, YahooUI, Mocha, SproutCore, Cappuccino, others? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 9 years ago.
Improve this question
I am evaluating several Javascript UI toolkits for building web applications that have a desktop-like feel, mainly because of dialogs and window management.
I looked at several options - here are my evaluations so far:
ExtJS - Great widget library, great docs! Not so great license.
jQuery UI - Lack of ready-made window and dialog containers. I love jQuery though.
Yahoo! UI - Same problem as above. Really mature (but, unfortunately, is no longer being actively maintained) and well documented.
Mocha (Mootools-based) - Not as mature as the others. Lacks good documentation.
SproutCore - Same as above. Also doesn't have window and dialog widgets.
Cappuccino - Too weird and revolutionary.
What's your take on these? Are my evaluations correct?

In terms of a desktop look/feel the best of that bunch has to be ExtJS. In terms of the UI it really is leaps ahead of the rest. Of course there are licensing issues but they have their FLOSS exceptions and if you intend to make money from the project then a commercial license isn't exactly going to break the bank.
Other Very Rich Framework worth looking at (all have their good and bad points),
Bindows
Tibco General Interface
vegUI
Echo

Have you thought about GWT (Google Web Toolkit http://code.google.com/webtoolkit/ )?

I love jQuery, plus its been adopted by M$ for MVC. I wouldnt call the lack of ready made stuff a downer. Yeah it would be great if there was, but with things like that i always find you end up bodging them to fit your needs, just write you own, its so easy to!

YUI is very great at UI, except that the syntax is a little verbose, but hey, there are enough documentation on yahoo! site to get thing done correctly!

You could give a try to jQuery Desktop or ExtJS.

If you want it to look like and work like a desktop app, I would choose either Yahoo! UI or Ext.JS

I have been using ExtJS for some projects lately. It's learning curve is a bit steep, since you'll have to grasp their concept of layouts, but other than that you'll be fine.
Just make sure that you read the licensing agreement before you start using it. Oh, and ExtJS works fine using jQuery, Prototype and others.

ExtJS is probably the best choice. It's fast, it's lean and it's damn beautiful.
Their support is also excellent.

Which CMS should I use to manage a small internet site without programming experiences? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I'm looking for a CMS system to manage a simple and small website. The website will be made with pure HTML and some JavaScript (perhaps prototype library).
The reason while I'm looking for a CMS system is, because the customer will have the ability to change the content later by him self, and of course he didn't have any experiences with HTML and JavaScript or programming any more.
The CMS should be very easy to use, especially the management.

Personally I would recommend WordPress. Although it's 'marketed' as a blogging platform, it has very nice support for just "pages".
It's free;
It's commonly available on cPanel installations, or it's easy to set up on your own server;
It has very slick editing facilities;
There's a mass of themes and documentation available.

http://www.opensourcecms.com/ has demos of a bunch of cms' for you to try.
Personally, http://www.concrete5.org/ would be my choice for easy of use for non-programmers.

Have found Drupal to be very easy and it can grow with you

It also depends on your own level of skills but I would go with a CMS which has a good front end editing implementation so the customer doesn't even have to login to the admi area that often.
you could chose:
SilverStripe
Joomla
WordPress (is not a CMS as such)
Drupal (is a good CMS but in my opinion not suitable for your needs since its admin backend is not very easy to understand for non-tech-ppl.)
for not tech-savy end users I recommend Joomla though (the 1.5 series) since it is hard to break and components/plugins/etc. are found in a central location (joomla.org), easy to install and easy to uninstall.

If this site involves e-commerce, I would recommend Joomla, since there's a popular e-commerce plugin for it called VirtueMart. Joomla has good community support, many plugins, and its features make it very scalable and customizable. Joomla also has good user management. However, using Joomla can be difficult at first, as its content organization is rather complex.
If the site would consist of basic blog-like webpages, then WordPress is the way to go. WordPress is a very simple blogging CMS with a huge user community. It's very easy to use, has many plugins for it, and the newest version of WordPress even has auto-updating features. WordPress isn't as good as Joomla when it comes to user management, though. For example, Joomla can specify exactly what content users and user groups have access to. WordPress has basic user groups, but additional customization and plugins would be required to have that functionality.
OpenSourceCMS contains demos for both Joomla and WordPress.
In my past web development experience, I've used both Joomla and WordPress for my clients. Joomla typically requires having a sit-down with the client to go over the basic features of how to use the software, while WordPress is easy enough for the client to figure out without any assistance. However, the WordPress sites I've worked with that require more than the standard blogging features (e.g., e-commerce, image galleries, forums) usually involve integrating WordPress with a separate software application, while Joomla more often than not has those plugins available for it. The end result is a website with several applications on it installed (e.g., WordPress, Coppermine, phpBB), each with separate logins and admin screens.
For a simple and easy website with basic features, I would suggest WordPress. For a website with specific needs (such as e-commerce) and the potential to scale, I would suggest Joomla.

You said "pure HTML" so http://www.cushycms.com/ will do what you want. Watch the demo, it's extremely slick and easy albeit no frills but you don't need any, it just gets the job done ;)
Also, http://www.synthasite.com/ is a great website creation tool to get up and running quickly.
You can add 3rd party plugins for forms, feeds, photos, maps etc. and then it exports all of that as HTML or it can publish to your FTP site and I think they can also host it for you. http://www.synthasite.com/tutorials
Using Synthasite & CushyCMS is a great combo to get something "pure HTML" up and running extremely fast.
http://www.squarespace.com, not free but so easy that your granny would smile.

A good .Net one is Umbraco...

Like stusmith, i'd go with wordpress if the needs are really basics. It's really simple and easy to install then handle.
But if you need a real CMS, Drupal is still not complicated and very powerful.

One simple cms is for example Zimplit, it has a online editor, so your customers can edit their pages right on site, no admin area,also you can use any html template you want,you can take a look at demo or read more info about it

What about cuyahoga? It's a .NET CMS web app which has a really simple edit + admin interface + it's very module oriented. It's also easy for developers to create own custom modules.

guude,
have a look at typolight it has the best backend i have ever seen. and it is very easy to understood. login into the demo backend and have fun :D
regards,
sebastian

I'm quite surprised no-one mentioned Plone yet. This is an open-source product which is very suitable for the requirements you describe.

If it is a pure HTML site use Veolay CMS. This CMS doesn’t use database but it has a good content and user management system.
for example if you want to edit a div then you have to add a class with veoaly-
Content here can be edit... and you can assign users to edit “EditMe” region.
Try the demo http://www.veolay.com/livedemo/ to take a good idea.
Read more http://veolay.com/features.html

JavaScript editor within Eclipse [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I'm looking for the best JavaScript editor available as an Eclipse plugin. I've been using Spket which is good. But, is there more better one?

Eclipse HTML Editor Plugin
I too have struggled with this totally obvious question. It seemed crazy that this wasn't an extremely easy-to-find feature with all the web development happening in Eclipse these days.
I was very turned off by Aptana because of how bloated it is, and the fact that it starts up a local web server (by default on port 8000) everytime you start Eclipse and you can't disable this functionality. Adobe's port of JSEclipse is now a 400Mb plugin, which is equally insane.
However, I just found a super-lightweight JavaScript editor called Eclipse HTML Editor Plugin, made by Amateras, which was exactly what I was looking for.

Disclaimer, I work at Aptana. I would point out there are some nice features for JS that you might not get so easily elsewhere. One is plugin-level integration of JS libraries that provide CodeAssist, samples, snippets and easy inclusion of the libraries files into your project; we provide the plugins for many of the more commonly used libraries, including YUI, jQuery, Prototype, dojo and EXT JS.
Second, we have a server-side JavaScript engine called Jaxer that not only lets you run any of your JS code on the server but adds file, database and networking functionality so that you don't have to use a scripting language but can write the entire app in JS.

Try the Vjet Javascript IDE from ebay (installation)

Ganymede's version of WTP includes a revamped Javascript editor that's worth a try. The key version numbers are Eclipse 3.4 and WTP 3.0. See http://live.eclipse.org/node/569

There once existed a plugin called JSEclipse that Adobe has subsequently sucked up and killed by making it available only by purchasing and installing FlexBuilder 3 (please someone prove me wrong). I found it to worked excellent but have since lost it since "upgrading" from Eclipse 3.4 to 3.4.1.
The feature I liked most was Content Outline.
In the Outline window of your Eclipse
Screen, JSEclipse lists all classes in
the currently opened file. It provides
an overview of the class hierarchy and
also method and property names. The
outline makes heavy use of the code
completion engine to find out more
about how the code is structured. By
clicking on the function entry in the
list the cursor will be taken to the
function declaration helping you
navigate faster in long files with
lots of class and method definitions

The new release of Eclipse (Helios) has an especific package for javascript web development. I haven't tried it yet, but it certainly worth a look.

Didn't use eclipse for a while, but there are ATF and Aptana.

Oracle Workshop for WebLogic (formally BEA Workshop) has excellent support for JavaScript and for visually editing HTMLs. It support many servers, not only WebLogic, including Tomcat, JBoss, Resin, Jetty, and WebSphere.
It recently became free, check out my post about it. Given that it was an expensive product not long ago, I guess it's worth checking out.