Living mostly in the shadow of Twitter Bootstrap is a powerful CSS framework that is just now making its way into WordPress themes. Billed as “freakishly advanced”, with support for literally any grid size from mobile phone to TV, this is one framework that can no longer be overlooked. Today we’re going to explore Foundation, the MIT-licensed front-end framework created by ZURB, Inc.
Using icons is a great way to add a bit of personality to your website while improving usability. One of the most efficient ways to load icons is by using a font.
Font Awesome is an iconic font designed for use with Twitter Bootstrap. The icons have cross-browser support and even support IE7, should you be so unfortunate to be have to support it. There are 220 vector icons in the font and they were designed to be infinitely scalable and compatible with screen readers.
Font Awesome Icons Plugin for WordPress:
Everyone loves free themes, right? We’ve got a great one for you today. My team at Untame has created its first free WordPress and BuddyPress theme based on Twitter Bootstrap. There’s a story behind this theme that I should fill you in on.
If you haven’t yet tried Bootstrap from Twitter, you’ll be amazed at how quickly you can crank out a simple, responsive website. Bootstrap is a complete kit of HTML, CSS, and Javascript for some of the most common user interface components and interactions of modern websites. Add that to WordPress and you’ve got a CMS with tons of ready-made front-end elements to support your content publishing power.
StrapPress: WordPress + Twitter Bootstrap
Want to take advantage of the Twitter Bootstrap CSS and javascript without changing your whole WordPress theme? The WordPress Twitter Bootstrap CSS gives you the opportunity to quickly link the latest Bootstrap CSS and Javascript to all pages, no matter what WordPress theme you’re using.
The WordPress Twitter Bootstrap CSS plugin features:
Works with any WordPress theme – no theme file edits required and no programming needed.
Handy WordPress [SHORTCODES] to add Twitter Bootstrap elements to your site quickly
Add your own custom CSS reset file
Option to add JavaScript to the [HEAD] (defaults to end of [BODY] as is good practice)
Like it, love it or hate it – the Twitter Bootstrap craze is in full force. Bootstrap is a complete kit of HTML, CSS, and Javascript for some of the most common user interface components and interactions. It’s built on HTML5 and LESS and is now fully responsive, supporting a range of resolutions and devices. Many are heralding Twitter Bootstrap as a frontend developer’s dream come true. It’s a completely open source toolkit, free for anyone to use.
