Twitter Bootstrap 101: Introduction
Twitter's Bootstrap is an excellent set of carefully crafted user interface elements, layouts, and javascript tools, freely available to use in your next web design project. This video series aims to introduce you to Bootstrap; taking you all the way from downloading the resources, to building a complete Bootstrap-based website. When Mark Otto (@mdo) and Jacob Thornton (@fat) released Twitter Bootstrap to the world in August 2011, their announcement explained what its value would be: empowering front-end developers to kickstart projects more efficiently and effectively. The Bootstrap stylesheet provides an easy-to-implement 960 grid for efficient layout, as well as expertly crafted styles for typography, navigation, tables, forms, buttons, and more. To take care of everyday JavaScript touches, Bootstrap provides a well built set of jQuery plugins for drop-down menus, tabs, modal boxes, tooltips, alert messages, and more. And yet none of it gets in the way of further customization.
Tooltipster - The jQuery Tooltip Plugin
Styling your tooltips with a custom look ⇑ Tooltipster makes it very easy to go from one of the packaged themes and customize a few properties of your choice. To do so, we recommend that you create a so-called "secondary theme" which will override some properties of a packaged theme. Create a new css file and include it in your page. Inside the file, declare your customized rules like this:
Rocking Out With CoffeeScript
Even though CoffeeScript is a new language, you'll learn it very quickly. You should, since it's only JavaScript flaunting with some flashy clothes, after all. It reads like Ruby or Python, but compiles down to pure, non-fluffy JavaScript. Today, we're going to take a look at why everyone is talking about CoffeeScript.
High speed Coding with Zen & SASS - Web Design & Frontend Developement
The Power of Awesome Frontend Development is experiencing golden times these days. With the hype on HTML5, CSS3, a brighter focus on JavaScript and sophisticated workflows, the process of creating great stuff on the web has never been more rewarding. In this series I'd like to give you a little taste of what it's like to save time and get even more efficient at coding HTML and CSS. We're gonna use two amazing quick-to-learn and easy-to-use tools that will help us to ease the development of great Websites and WebApps. In this first part we will learn about these two plugins, how they work and what they're capable of.
Nivo Slider - The World's Most Popular jQuery & WordPress Image Slider
Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun. No coding skills needed Create a beautiful experience when playing your gallery of images without any advanced coding. Include the image slider in your posts and pages using a simple shortcode.
11 Tools to Instantly Code Faster
Twice a month, we revisit or update some of our readers’ favorite posts and sessions from throughout the history of Nettuts+. This tutorial was first published last September. Doesn't the title say it all?
Developing Backbone.js Applications -
By Addy Osmani (@addyosmani) Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them.
Sass vs. LESS
"Which CSS preprocessor language should I choose?" is a hot topic lately. I've been asked in person several times and an online debate has been popping up every few days it seems.
Upgrading to RequireJS 2.0 · jrburke/requirejs Wiki
Why There has been a good deal real world usage of requirejs, and there were some features around configuration that have come up that would be nice to add. At the same time, there were some configuration options and internal features that have not held their weight, and it would be good to remove them. Support for the AMD APIs has not changed. If anything, I am hoping that the AMD loader implementers are starting to agree on higher level APIs, like common config.
