4 Design Frameworks Not To Miss

Pete Prestipino — Thu, 03 Jan 2013 16:12:00 GMT

Ever since Website Magazine profiled several popular CSS and website frameworks back in late November 2012, there’s been demand from our readers for additional resources to explore. And what do you know, we managed to identify a few others!

Just like the frameworks previously mentioned, the resources listed below are definitely worthy of attention from anyone interested in developing a website quickly, easily and with as many best practices built in from the start.

Bootstrap: A now very popular framework and the inspiration for others including Workless (see below), Boostrap was built by Twitter developers and features a 12-column responsive grid, numerous components, Javascript plugins, form controls and even a Web-based tool to customize the appearance.

Workless: An HTML5/CSS3 framework which standardizes CSS, offers straightforward scaffolding, prioritizes usability and interaction, sets base typography, and adds helper classes to style elements easily.

Less Framework: A popular CSS grid system for designing adaptive websites, Less Framework contains 4 layouts and 33 sets of typography presets, all based on a single grid. If you like this one, you’ll also like its successor Frameless (http://framelessgrid.com/), a new fixed-width adaptive grid.

Skeleton: Less a UI framework than a development kit, Skeleton is a collection of CSS files for rapid site development. Skeleton uses a 960 grid base that while providing some basic styles is ideal for those wanting to implement their own design features.

Create CSS3 Animations with Sencha Animator

Pete Prestipino — Mon, 01 Nov 2010 14:55:00 GMT

Enterprise JavaScript framework Sencha has released a preview of Sencha Animator, a tool for creating CSS3-based animations that can be viewed on the latest WebKit browsers and mobile devices. If you need to create cross-platform animations for playback on smart-phones and touch-based mobile devices including Apple iPad, Apple iPhone, iPod Touch, BlackBerry Torch, and Google Android-based devices, Sencha is worth a look.

Since Apple iOS and numerous other mobile devices do not support popular animation platforms like Adobe Flash and Microsoft Silverlight many rich-media animations and ads are blocked from playback. Sencha Animator bypasses the need for rich-media plug-ins by making it easy to create CSS3 animations that will play anywhere as CSS3 is an HTML5 family technology that runs on modern browsers.

Features of Sencha Animator include full CSS3 support (including animations, 2D and 3D transformations, backgrounds, borders, font effects). interactive timeline and intuitive object property controls, the ability to manage sequencing, grouping, easing, and other effects with a familiar timeline manager, the ability to export animations to readable HTML, a drag-and-drop development environment. Sencha Animator is packaged as a desktop application.

'Net Features : css3

4 Design Frameworks Not To Miss

Create CSS3 Animations with Sencha Animator