background preloader

Home of free code snippets for Bootstrap

Related:  HTML/CSS

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. Extend Twitter Bootstrap Javascript Plugins Twitter Boostrap is gaining a lot of attentions nowadays. Just a few weeks ago, a new major version of Bootstrap was released and bundled with a lot more features. Bootstrap is the most comprehensive front-end framework to date and it's really useful for rapid prototyping and great tool for backend/CMS. Personally, I have been using it as the layout of my CMS, it saves a lot of times fixing cross browsers layout issues and as well as eleminate or reduce the layout design time. Everything is predefined, from grid, responsive, to UI elements such as buttons, notification, table, form and other components. We just need to put everything together.

Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. Components · Twitter Bootstrap Need reasons to love Bootstrap? Look no further. By nerds, for nerds. Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!)

Roundabout for jQuery by Fred LeBlanc It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results. Roundabout requires jQuery (at least version 1.2, successfully tested through version 1.7.2). It works in all major modern browsers and even some of the older, not-so-modern ones. It’s open source and released under the BSD license, meaning that it’s free to use in your personal or commercial projects. See Roundabout In Action Add-Ons Flatly Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

10 Easy Image Hover Effects You Can Copy and Paste Hover effects are always a fun topic to explore. In the past, we’ve built some awesome examples of CSS hovers that were easy to copy and paste right into your code. Today, we’re going to follow that up with ten new effects specifically built for use with images. Each example comes with an HTML and CSS snippet that you can steal and a live demo so you can see it in action. Sneak Peek Projects — Andy Taylor Style Manual An incomplete, personal grammar reference. When something is in question, I plan to document the opinions of multiple books (and other sources), drawing my own conclusions and setting my own rules for style.

Related:  #+#+sabdoulGalleries - GeneratorsdragondropsangsoulrobinkhatriBoostrapBootstrapbootstrap