background preloader

Related:  html/css

20 Must See CSS3 and jQuery Tutorials It is really fascinating to see how much the web design development has evolved over the last two years. Although, HTML will not be fully implanted until 2014 , many web designers/developers, companies and web enthusiasts are using HTML5 and CSS3 in their products and apps. In this post we are sharing 20 recent web design tutorials that explore the true potential of HTML5, CSS3 and with a mix of good old jQuery. 3D Flipping Circle with CSS3 and jQuery Codrops shows you how to create 3D flipping effect with the help of CSS 3D transforms and shadows/gradients. Creating a 3D Rotating Menu with CSS3 Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter Using emphasis, addresses, & abbreviations When to use Emphasis tags (<strong> and <em>) should be used to indicate additional importance or emphasis of a word or phrase relative to its surrounding copy. Use <strong> for importance and <em> for stress emphasis. Emphasis in a paragraph Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup About This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features: Automatically binds standard hotkeys for common operations on Mac and Windows Drag and drop files to insert images, support image upload (also taking photos on mobile devices) Voice dictation input (only in Chrome) Allows a custom built toolbar, no magic markup generators, enabling the web site to use all the goodness of Bootstrap, Font Awesome and so on... Beautiful Buttons for Twitter Bootstrappers This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) First, monkey with the sliders on the left.

Customizing Bootstrap Twitter’s Bootstrap 1 has taken off like a rocket since its release a year ago. The popular CSS framework supplies a responsive grid system, pre-styled components and JavaScript plugins to a parade of websites 2 . One of Bootstrap’s appeals is that it just works. It’s a significant time-saver when starting a website, so much so that major organizations such as NBC, NASA and the White House are adopting it. And it empowers even the non-designers among us to turn out something decent. To illustrate, you can transform the default button below on the left to the polished one on the right just by adding two classes: btn and btn-primary . Inspiritas - a free Bootstrap theme ← Home Ripple, the web agency I’ve co-founded, today announced the highly anticipated release of Campaign UI not only as a PSD, but as a coded and free Bootstrap theme. All the goodness of Bootstrap 2 A hand-crafted, completely new visual theme Easy to customize Free and maintained Uses overrides to make future updates to Bootstrap easy to get Photoshop file included with the entire design BONUS: Includes styling for Highcharts charting library Head over to to check it out live. How to use

Bootstrap for GWT bootstrap4gwt Twitter Bootstrap for GWT a sample for Google Web Toolkit. Bootstrap, from Twitter Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. Bootstrap from Twitter » Customizing Twitter Bootstrap's Nav Bar Color in 2.0 - The Nyaruka Blog Twitter Bootstrap is the bee's knees. At Nyaruka we've used it for virtually every single project since it arrived on the scene. And we aren't the only ones.

Related:  TwitterBootstraptbs designBootStrapTwitterBootstrapBootstrapWeb Design