Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

5 Fresh HTML & CSS frameworks

A contemporary collection of frameworks for quick construction and futureproofing.

A contemporary collection of frameworks for quick construction and futureproofing sites.


Groundwork CSS

Want to make typographically impressive user interfaces with minimal extra effort.Groundworks is good for making scalable web apps and responsive text.

Developers familiar with Sass will immediately recognise the powerful selectors that simplify the acquiring of pointers to DOM elements. The product ships with a large selection of predefined classes, which create impressively-designed textual elements. For example, <a> tags with a href attribute pointing to YouTube are automatically expanded with a YouTube icon, providing the user with a visual cue about the contents of said element.



MontageJS is based on various object-oriented design patterns. This means that most components can be expanded easily, thereby aiding the creation of complex applications. A visual designer assists you in getting user-interface markup just right without long and tedious code editing.

Functional Reactive Bindings free you from the obligation of creating glue code. They differ from normal two-way bindings as they permit you to create more complex relationships automagically.



Grid frameworks can be behemoths. Dan Eden provides a slim alternative with Toast.Grids tend to have an unholy fascination for component vendors, and developers peddle for complex grid components.

But Dan Eden’s product goes against the mainstream in that he purposely limits the number of options that is given to developers, in order to create a widget which is very simple to use. Deploying it is as easy as 1-2-3: just start by inserting the file, adding the skeleton tag and then proceed to filling it up.



Responsive layout systems tie their users to a specific GUI stack. Skel is different Adding Skel to your website immediately changes the behaviour of your client’s browsers. This is because a group of stylesheets are added, thereby overriding some of the more annoying per-tag formatting specified by browser vendors.



Many frameworks are tied to a custom GUI stack. This framework augments widget sets with flexible toggles. Getting started with Gumby is easy, all you have to do is add the relevant CSS and JavaScript files to your project.