background preloader

03 | TRANSITIONS & ANIMATIONS WEB

Facebook Twitter

25 ressources CSS et plugins Javascript pour vos interfaces. Rien de tel que de nouveaux plugins et ressources Javascript pour booster vos sites web et votre inspiration !

25 ressources CSS et plugins Javascript pour vos interfaces

Pour assouvir votre soif de nouveauté, je vous invite à découvrir 25 ressources en tout genre pour rendre vos sites plus efficaces. Au-delà de design, une bonne expérience utilisateur est plus qu’essentielle pour accompagner vos utilisateurs sur votre site web. Les ressources suivantes vont vous permettre de rendre votre site plus animé, plus fluide, plus propre, plus innovant, bref plus cool et remarquable que jamais. Utilisables tels quels ou personnalisables à souhait, vous êtes à présent libre d’adapter les scripts pour y apporte une touche originale !

Attention bien sûr à ne pas surcharger votre projet, au risque d’obtenir le résultat inverse. Sticker.js Le plugin Stickers.Js propose d’intéressants effets d’autocollants qui se décollent au survol. Underline.js Le soulignement parfait pour vos textes ou vos liens. Animate Transition Selectize.js OriDomi Ramjet. Original Hover Effects with CSS3. jQuery effects, 150+ best for web developers and designers. Since the arrival of the jQuery library, the life of JavaScript programmers have gotten a lot easier because now it’s simpler to develop web 2.0 applications.

jQuery effects, 150+ best for web developers and designers

With jQuery, the programmers can keep their code organized and concise, which is the major slogan of the library, “write less, do more”. You can utilize jQuery to handle events, generate animations, and even add an Ajax support into your web applications in a very easy way. Certainly you can use JavaScript to execute all the jQuery functions, but if you use it, your programming times will reduce and your effectiveness will increase, and that’s the real magic of jQuery.

On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, you will find plenty of effects on this article, hope you enjoy it. Transition effects Special Presentation: jQuery SliderShock 1. Tiles. The Tiles module allows you to create masonry tile layouts that's similar to the Windows 8 Metro desktop style.

Tiles

Both front and back tile are customizable with options to display text, icons, maps, buttons, or galleries. It also includes 10 flip effects with the option to set an auto flip timer. With the Builder frontend live preview mode, the tiles can easily be arranged by dragging & dropping it anywhere on the page. It is extremely easy to use. Watch the video below to see it in action. Hover Effect Ideas. THEMIFY (conception d'interfaces pour wordpress) Single input 3D form. Animating float labels using jQuery and CSS3. Multi Step Form with Progress Bar using jQuery and CSS3. Custom animated checkbox inputs using CSS and iconfonts. Four Boxes Slideshow. Simple jQuery slider - Simple but powerful slideshow. Simple yet amazing CSS3 border transition effects. Simple Icon Hover Effects with CSS Transitions and Animations. Simple hover effects with CSS(webkit) filters.

Make a Jquery and CSS3 powered Lightbox Gallery. 3D Shading with Box-Shadows. Multiscroll.js - split multi-scrolling pages plugin. Create a stack of scrolling pages. PACE — Automatic page load progress bars. Page Loading Effects. Inspiration for Article Intro Effects. We may define a food to be any substance which will repair the functional waste of the body, increase its growth, or maintain the heat, muscular, and nervous energy.

Inspiration for Article Intro Effects

In its most comprehensive sense, the oxygen of the air is a food; as although it is admitted by the lungs, it passes into the blood, and there re-acts upon the other food which has passed through the stomach. It is usual, however, to restrict the term food to such nutriment as enters the body by the intestinal canal. Water is often spoken of as being distinct from food, but for this there is no sufficient reason. Many popular writers have divided foods into flesh-formers, heat-givers, and bone-formers. Although attractive from its simplicity, this classification will not bear criticism. These last are not strictly foods, if we keep to the definition already given; but they are consumed with the true foods or nutrients, comprised in the other two classes, and cannot well be excluded from consideration. Soaking in cold water. Make gauge charts using Canvas and Javascript.