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 Using CSS3 property 3D transforms, this tutorial show you how to create a neat effect on a website menu. Building Web Presentations Using jQuery Mobile Using jQuery mobile create a HTML5 themeable presentation. CSS 3D Folding Animation David Walsh teaches us how to create folding animation with CSS3. Create Quick and Easy Progress Bar Charts with HTML5 and CSS3 A quick progress bar with CSS3 adn HTML5.

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. Use your arrow keys for extra precision. Second, copy the CSS in the box below. You should be able to just pop it into your CSS file.

Bootswatch: Free themes for Twitter Bootstrap 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 5 plugins jQuery libres à avoir pour les concepteurs Web jQuery est une bibliothèque JavaScript très populaire qui encourage les développeurs à « écrire moins, et en faire plus » ! Il s’agit de l’un des moyens les plus faciles pour commencer à puiser dans la puissance du langage JavaScript sans être écroulé par un tas de code compliqué. En d’autres termes, il s’agit d’une boîte à outils accessible pour n’importe qui ayant une expérience avec les langages HTML et CSS, mais il est tout aussi utile dans les mains d’experts. Il semble y avoir une réserve inépuisable de plugins jQuery tout autour du Web, mais quelques-uns ont, pour lesquels j’ai pu tester leur utilité récemment, porté toute mon attention. Voici une liste de cinq plugins pour lesquels vous pouvez devez les utiliser dans un projet, ou du moins y jeter un œil ! jQuery Scroll Path est carrément incroyable. Découvrez les explications de ce plugin sur le blog du développeur ou testez sa démo ! Note : À noter que toutes les images utilisées doivent être de la même taille.

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

Controlfrog Black Layout 1 Layout 2 Layout 3 Layout 4 White

Related:  Web Design