Discover Yahoo! With Your Friends

Explore news, videos, and much more based on what your friends are reading and watching. Publish your own activity and retain full control.

To get started, first

YOUR FRIENDS' ACTIVITY

    Zurb Releases a Flexible Foundation for Developers and Designers

    By Christina Warren | Mashable – Wed, Oct 19, 2011

    The Web Development Series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace's hosting solutions here.

    Thanks to the success of projects such as HTML5 Boilerplate, companies big and small are increasingly giving back to the dev and design community by releasing pre-packaged toolkits and frameworks to make getting projects off the ground easier and less time consuming.

    [More from Mashable: 5 Ways Apps Make Salesforce Even More Valuable]

    Back in August, Twitter released Bootstrap, its own front-end toolkit for rapidly developing web apps. Bootstrap is a remarkable toolkit, providing developers with access to a well-structured grid system, various layouts, styles for buttons and forms and more.

    Twitter released Bootstrap on GitHub, and more than 8,000 users are currently "watching" the project and it has been forked more than 1,200 times.

    [More from Mashable: Droid Razr vs. iPhone 4S vs. Droid Bionic and More [CHART]]

    Interaction design and strategy company ZURB -- known for its web apps Notable and Chop -- has decided to offer its own framework for web apps, the aptly named Foundation.

    Foundation, now in version 2.0, includes a boilerplate, CSS, JavaScript and assorted plugins. What separates Foundation from other toolkits -- like Bootstrap -- is that it was designed from the ground up to be responsive and work on a cross-section of devices.

    What's In a Foundation

    Foundation consists of a few different components to make building a website or web app less challenging. These include:

    • A semi-liquid mobile-scaling grid system
    • Pre-styled CSS3 buttons with options for sizes and colors
    • Pre-styled forms
    • Zurb's jQuery plugins Orbit and Reveal for easy sliders and modal windows

    Foundation in Action

    ZURB is already using Foundation on a number of its projects -- including its ZURBsoapbox. The company put together a set of case studies showing off how Foundation can be used to speed up the web development process.

    Our favorite aspect of Foundation is the ability to hide or show elements based on the media query (screen resolution) of a website. This means that when viewing a page on the iPad or iPhone, a link to non-Flash MP3 audio player becomes visible.

    Future Improvements

    Like Bootstrap, ZURB is hoping to continue to add new features and additions to Foundation. Users can grab the project on Github and contribute their own feedback or fork it and use it the way they want.

    We would love to see a base WordPress theme or framework created from Foundation.

    What do you think of the trend of toolkits and quick-start frameworks that emphasized HTML5, CSS3 and mobile device support? Let us know in the comments.

    Series Supported by Rackspace

    The Web Development Series is supported by Rackspace, the better way to do hosting. No more worrying about web hosting uptime. No more spending your time, energy and resources trying to stay on top of things like patching, updating, monitoring, backing up data and the like. Learn why.

    This story originally published on Mashable here.

     

    There are no comments yet

    [ [ [['Connery is an experienced stuntman', 2]], 'http://yhoo.it/KeQd0p', '[Slideshow: See photos taken on the way down]', ' ', '630', ' ', ' ', ], [ [['Connery is an experienced stuntman', 7]], ' http://yhoo.it/KpUoHO', '[Slideshow: Death-defying daredevils]', ' ', '630', ' ', ' ', ], [ [['know that we have confidence in', 3]], 'http://yhoo.it/LqYjAX ', '[Related: The Secret Service guide to Cartagena]', ' ', '630', ' ', ' ', ], [ [['We picked up this other dog and', 5]], 'http://yhoo.it/JUSxvi', '[Related: 8 common dog fears, how to calm them]', ' ', '630', ' ', ' ', ], [ [['accused of running a fake hepatitis B', 5]], 'http://bit.ly/JnoJYN', '[Related: Did WH share raid details with filmmakers?]', ' ', '630', ' ', ' ', ], [ [['accused of running a fake hepatitis B', 3]], 'http://bit.ly/KoKiqJ', '[Factbox: AQAP, al-Qaeda in Yemen]', ' ', '630', ' ', ' ', ], [ [['have my contacts on or glasses', 3]], 'http://abcn.ws/KTE5AZ', '[Related: Should the murder charge be dropped?]', ' ', '630', ' ', ' ', ], [ [['have made this nation great as Sarah Palin', 5]], 'http://yhoo.it/JD7nlD', '[Related: Bristol Palin reality show debuts June 19]', ' ', '630', ' ', ' ', ], [ [['have made this nation great as Sarah Palin', 1]], 'http://bit.ly/JRPFRO', '[Related: McCain adviser who vetted Palin weighs in on VP race]', ' ', '630', ' ', ' ', ], [ [['A JetBlue flight from New York to Las Vegas', 3]], 'http://yhoo.it/GV9zpj', '[Related: View photos of the JetBlue plane in Amarillo]', ' ', '630', ' ', ' ', ], [ [['the 28-year-old neighborhood watchman who shot and killed', 15]], 'http://news.yahoo.com/photos/white-house-stays-out-of-teen-s-killing-slideshow/', 'Click image to see more photos', 'http://l.yimg.com/cv/ip/ap/default/120411/martinzimmermen.jpg', '630', ' ', 'AP', ], [ [['Titanic', 7]], 'http://news.yahoo.com/titanic-anniversary/', ' ', 'http://l.yimg.com/a/p/us/news/editorial/b/4e/b4e5ad9f00b5dfeeec2226d53e173569.jpeg', '550', ' ', ' ', ], [ [['He was in shock and still strapped to his seat', 6]], 'http://news.yahoo.com/photos/navy-jet-crashes-in-virginia-slideshow/', 'Click image to see more photos', 'http://l.yimg.com/cv/ip/ap/default/120406/jet_ap.jpg', '630', ' ', 'AP', ], [ [['xxxxxxxxxxxx', 11]], 'http://news.yahoo.com/photos/russian-grannies-win-bid-to-sing-at-eurovision-1331223625-slideshow/', 'Click image to see more photos', 'http://l.yimg.com/a/p/us/news/editorial/1/56/156d92f2760dcd3e75bcd649a8b85fcf.jpeg', '500', ' ', 'AP', ] ]
    [ [ [['did not go as far his colleague', 8]], '29438204', '0' ], [ [[' the 28-year-old neighborhood watchman who shot and killed', 4]], '28924649', '0' ], [ [['because I know God protects me', 14], ['Brian Snow was at a nearby credit union', 5]], '28811216', '0' ], [ [['The state news agency RIA-Novosti quoted Rosaviatsiya', 6]], '28805461', '0' ], [ [['measure all but certain to fail in the face of bipartisan', 4]], '28771014', '0' ], [ [['matter what you do in this case', 5]], '28759848', '0' ], [ [['presume laws are constitutional', 7]], '28747556', '0' ], [ [['has destroyed 15 to 25 houses', 7]], '28744868', '0' ], [ [['short answer is yes', 7]], '28746030', '0' ], [ [['opportunity to tell the real story', 7]], '28731764', '0' ], [ [['entirely respectable way to put off the searing constitutional controversy', 7]], '28723797', '0' ], [ [['point of my campaign is that big ideas matter', 9]], '28712293', '0' ], [ [['As the standoff dragged into a second day', 7]], '28687424', '0' ], [ [['French police stepped up the search', 17]], '28667224', '0' ], [ [['Seeking to elevate his candidacy back to a general', 8]], '28660934', '0' ], [ [['The tragic story of Trayvon Martin', 4]], '28647343', '0' ], [ [['Karzai will get a chance soon to express', 8]], '28630306', '0' ], [ [['powerful storms stretching', 8]], '28493546', '0' ], [ [['basic norm that death is private', 6]], '28413590', '0' ], [ [['songwriter also saw a surge in sales for her debut album', 6]], '28413590', '1', 'Watch music videos from Whitney Houston ', 'on Yahoo! Music', 'http://music.yahoo.com' ], [ [['keyword', 99999999999999999999999]], 'videoID', '1', 'overwrite-pre-description', 'overwrite-link-string', 'overwrite-link-url' ] ]

    News For You

    Loading...