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.

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. 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. 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. Basic UX Principles: How to get started The following list isn’t everything you can learn in UX.

UX Crash Course: 31 Fundamentals

It’s a quick overview, so you can go from zero-to-hero as quickly as possible. You will get a practical taste of all the big parts of UX, and a sense of where you need to learn more. The order of the lessons follows a real-life UX process (more or less) so you can apply these ideas as-you-go. Each lesson also stands alone, so feel free to bookmark them as a reference! Introduction & Key Ideas #01 — What is UX? #02 — User Goals & Business Goals. 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. Captain Icon. Créer votre blog personnel avec un design minimaliste et élégant. The Pattern Library. Webdesign / Infographie ... Création de site web gratuit. Creative Cloud tutorials. 50 flyers pour nourrir votre inspiration graphique. 25 Visually Stunning App Dashboard Design Concepts. User dashboards are a difficult interface to design, there’s loads of information that needs to be neatly presented to bring the user up to speed, but you don’t want to slap them in the face with tons of data.

25 Visually Stunning App Dashboard Design Concepts

Today’s showcase features 25 nicely designed apps that do a great job of presenting information neatly and clearly in a concise dashboard. See how they use colour, charts, graphs and icons to create visually stunning interfaces. 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. Les 12 principes[modifier | modifier le code] Compression et étirement[modifier | modifier le code]

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"><!