background preloader

WebDesign

Facebook Twitter

20 jQuery Plugins to Create Animating Image Effects. jQuery can be very powerful and as you learn more about it you will be amazed what it is capable of doing.

20 jQuery Plugins to Create Animating Image Effects

Today’s post is a collection of 20 jQuery plugins to create animating image effects on your site/blog. They could be very helpful to attract new visitors to stay on your page and reduce bounce rate or just for fun! Enjoy. 1. Photon : JS CSS 3D Lighting Engine Photon is a experimental JavaScript CSS 3D Lighting Engine. SourceDemo 2.

Allows you to create numerous transition animation effects for webpage elements. SourceDemo 3. forkit.js : An animated GitHub ribbon. Device Metrics - Google Design. 100 greatest free fonts of 2014. It’s been a great year for fonts.

100 greatest free fonts of 2014

New, more affordable, options in font design software, and more and more designers moving over to font design has produced a great crop of typefaces that are absolutely free to use for personal and commercial projects. Today we’ve put together a list of some of the greatest fonts we’ve found available, released in the last year, for cero dinero. You’ll find full families, sample weights, scripts, serifs, display fonts, and everything inbetween.

These fonts will give you a ton of fresh, expressive, options to start out 2015 with. Browse through, pick out a few of your favourites to download, and if you use them in a project in 2015, let us know what you use them for! Born Fira Chelsea Brela Gagalin Moderne Sans Fonarto Smidswater Rabiola Fénix Cooper Hewitt Roboto 2014 Neythal Shadow Reis Floki Norwester Regina Boncegro FF Boxing Wizards Kino 40 Raw Font Bizon Lekea Ruina Vinta. 100 greatest free fonts of 2014. 2014: Our Favorite Codrops Resources. Inspiration pour les intégrateurs #33 : Le Material design. Tendances Web Design 2015. Présenter les tendances web design n'est pas une chose aisée.

Tendances Web Design 2015

Il faut tout d’abord analyser les raisons qui poussent les designers à faire un choix plutôt qu'un autre : par mimétisme, par mode ou pour répondre à une problématique spécifique ? Aujourd'hui, il est inimaginable de concevoir une charte graphique sans y intégrer les supports dématérialisés. Les arts appliqués comptent une nouvelle discipline : le web design, avec ses codes, ses possibilités et ses limites. Il n'est plus question d'imiter le support papier, mais d'envisager le web design dans sa globalité, avec ses spécificités techniques, ergonomiques, d'accessibilité… et dans le respect des standards. Le web design est vivant. Tout comme dans le prêt-à-porter, il est possible de cerner les tendances en web design.

Material UI Colors. Fontello - icon fonts generator. Login to your account. Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of Free Icons. ❍ IcoMoon. Animate.css. Labs by Big Room Studios. Tutorials. Paper Elements Sampler. UX Crash Course: 31 Fundamentals. Plain Pattern. Colorpicker for Data. Contraste et sens. Par Andy Rutledge Si vous êtes comme moi un designer, vous travaillez à véhiculer du sens.

Contraste et sens

Il est donc important de bien comprendre les mécanismes par lesquels les choses et les idées acquièrent du sens : plus que tout autre facteur, votre compréhension de ces fondamentaux déterminera votre capacité à communiquer efficacement. Sans ces bases, vous allez patauger face à des défis ou des contraintes de design plus complexes. Aujourd'hui, comme toujours, les problèmes de style et de conventions établies occupent l'attention de beaucoup, et peuvent nous distraire de notre coeur de métier. C'est particulièrement vrai pour ceux d'entre nous qui ne sont pas arrivés au web design via un cursus formel d'art ou de design. Avant de rentrer dans les détails, jetons un bref coup d'œil à toute la palette des fondamentaux.

Les fondamentaux Vocabulaire artistique : On trouve le vocabulaire de l'art dans les fondamentaux de ligne, de forme, de couleur et de texture. Le contraste Pour terminer. Captain Icon. Créer votre blog personnel avec un design minimaliste et élégant. The Pattern Library. Création de site web gratuit. Creative Cloud tutorials. 50 flyers pour nourrir votre inspiration graphique. 25 Visually Stunning App Dashboard Design Concepts. 12 principes de base de l'animation.

Un article de Wikipédia, l'encyclopédie libre.

12 principes de base de l'animation

Les 12 principes de base de l'animation sont un ensemble de principes d'animation listés par les grands animateurs de Disney Ollie Johnston et Frank Thomas dans leur livre « L'Illusion de Vie » (The Illusion of Life). L'idée principale de ces principes était de produire une illusion très réaliste des mouvements des personnages (et des objets) de par leur adhésion aux lois de la physique, et aux réactions et expressions émotionnelles réelles. Le livre et ses principes ont été communément adoptés, et constituent encore une référence en la matière. En 1999, le livre a été élu numéro 1 des « meilleurs livres d'animation de tous les temps » (best animation books of all time). Appliqués à l'origine pour l'animation à la main traditionnelle, ces principes sont toujours prépondérants dans l'animation moderne par ordinateur. KineticJS HTML5 Canvas Framework. iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3!

Hover effect 1 <div class="row"><div class="col-sm-6"><!