background preloader

StyleBootstrap.info

StyleBootstrap.info

CSS sucks, do Less! « Hype Driven Development L’écriture d’une feuille de style est l’un des moments les plus douloureux pour tout développeur Web : la science occulte des CSS et sa verbosité en font une soupe rarement agréable à avaler. Mais un outil peut changer tout ça : Less! Less est un preprocesseur CSS et n’est pas magique : vous devrez tout de même travailler pour avoir un style graphique convenable. Mais la où il innove, c’est par l’ajout de quelques fonctionnalités bien pratiques, et on se demande comment nous avons pu nous en passer jusque la. Do Less Pour démarrer, un fichier css peut être un fichier less : vous le renommez en .less et le tour est joué. Ou vous pouvez compiler directement vos fichiers less en css, selon le type de votre application : - Avec des compilateurs existants comme less.app - Avec le module less de nodejs - Si vous faites du Play! Variables Que tout ceux qui n’ont jamais pesté pour changer la couleur d’un thème lève la main! @body_color: #262626; @font_color: #EAF2D9; @font_size: 20px; Fonctions Import

Controlfrog Black Layout 1 Layout 2 Layout 3 Layout 4 White Fuel UX Example Below is a working radio example. Using radio Call the radio via javascript (optional): $('#myRadio').radio() If you need to deactivate a radio button, the only way to do this currently is through javascript using: //note that this will deselect ALL radio buttons on the page. Methods Fuel UX's radio exposes the following methods: Markup You can activate radio on your page easily without having to write a single line of javascript. <label class="radio radio-custom"><input type="radio"><i class="radio"></i>Item One</label> Additionally, you can add a highlight effect to the radio control by adding the class highlight to its label element.

BootTheme : Web Designer and Theme Generator for Twitter Bootstrap BootTheme : Web Designer and Theme Generator for Twitter Bootstrap 20+ Beautiful Resources That Complement Twitter Bootstrap Twitter Bootstrap is a beautiful "web design kit" for creating cross browser, consistent and good looking interfaces. With a flexible and well-thought HTML/CSS/Javascript structure, it offers many of the popular UI components, a grid system and JavaScript plugins for common scenarios. And, it seems to be rocking the web design community as there are lots of websites already built and being built with it (it is also the most watched/forked repository in GitHub). Twitter Bootstrap is already powerful enough to empower any web interface. These include Bootstrap themed vector UI images, WordPress themes, web-based Bootstrap customizers and more. jQuery UI Bootstrap This is an awesome resource for jQuery and Twitter Bootstrap users that combines the power of both. It is a jQuery UI theme that not only brings Bootstrap-themed widgets but also enables us to use (most) of Twitter Bootstrap side-by-wide without any components being broken visually. Bootstrap Image Gallery jQuery Mobile Bootstrap Theme

Bootstrap Customization: Themes, UI Patterns and Tools Everyone loves Bootstrap, the front-end framework created by Twitter, because it’s easy to set up, it magically creates a responsive version, great for prototyping etc... Of course, its biggest defect is that it’s too visible. We can think of thousands of projects where the framework is clearly recognizable. This shouldn’t happen so often, as there are a huge number of resources for customizing Bootstrap, and we have to go out and find them. What we’re bringing you today is a complete selection of themes, plugins, UI patterns and tools for customizing the structure and visual design of Bootstrap layouts. WrapBootstrap WrapBootstrap is a marketplace for premium Bootstrap themes and templates. by Matthew AdamsWe ran a retrospective of our first few Bootstrap-based HTML5/Javascript projects a few weeks back, and distilled some of the output into these top tips.Read the article

BootSwatchr.com

Related:  Web Design