background preloader

Outils Webdesign

Facebook Twitter

Convert to units and culinary measures. Find pages on convert to with online Google Custom Search.

Convert to units and culinary measures.

Web Design Resources Links. Collection d'outils essentiels pour le Web Designer. Vectors resources for desginers and developers. 21 outils et générateurs CSS pour développeurs web. Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3.

21 outils et générateurs CSS pour développeurs web

Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS). Ainsi, vous gagnerez du temps au démarrage de la conception du style CSS. 2.

CSS Type Set est un service qui permet de gérer la mise en forme d’un texte dans une interface simple et intuitive. 3. Border Radius est un générateur déstiné uniquement à la propriété CSS3 border-radius qui permet de créer des coins arrondis sur un élément HTML. CSS3 – Des effets avancés de survol d’image. Aujourd’hui, je vais mettre à votre disposition une série de code vous permettant de créer des effets pour vos images lorsque celle-ci sont soumises au survol de la souris.

CSS3 – Des effets avancés de survol d’image

Nous utiliserons des lignes fines, beaucoup d’espace blanc, une typographie propre et des effets subtils. Je ne vous cache rien, ces éléments ne sont pas de moi mais simplement rencontré au détour de mes déambulations sur la toile. Dans l’esprit de ce site, je les met donc en « mémoire » en vous en faisant profiter et simplifie l’ensemble pour que vous puissiez les utiliser à votre tour, vous retrouverez les liens sources ci-dessous.

Animizer.net - animated GIF/APNG from static image. WideText jQuery Plugin. I was searching around the internet trying to find a responsive text solution that was lightweight and easy to use.

WideText jQuery Plugin

The few that I stumbled upon didn't work exactly how I wanted, or they had too many bells and whistles. As always, I decided to mess around with each one to figure out the best approach I could take to simplify everything and get it working for me. In the end, I managed to put together a tight little jQuery plugin that gets the job done and nothing more. Once you've included jQuery and my jquery.wideText.js file on your page, you can call the WideText function like so... $(window).load( function() { $( '.responsive' ).wideText();} ); The 22 best places to find free vector art online. You know that feeling when you're busy in the office or working from home but that piece of work just isn't coming together?

The 22 best places to find free vector art online

You don't have the time to sort something from scratch so you decide to search for some free vector art online – but it's not always easy to find what you're looking for. A good selection of free resources – including free fonts and free vector art – can be a lifesaver for any designer. But more often than not, the process of finding what you need amidst cluttered, confusing pages just adds to the mounting deadline stress.

To help you avoid that experience, we've put together a hand-picked guide to the best free vector art resources, including various useful designs you can download in preparation for future projects. Please note and respect the Creative Commons licence if there is one. 01. Previously known as VectorOpenStock, Vexels still features thousands of free vector graphics and designs, organised into easy-to-browse categories. Tryit Editor v3.1. Scroll animation design inspiration ~ Page 4 of 4 ~ CodeMyUI. 20 meilleures banques d'images gratuites et libres de droits. Trouver LA bonne image prend parfois un temps précieux, que l’on pourrait investir ailleurs, comme faire la vaisselle ou sortir pour une simple pause.

20 meilleures banques d'images gratuites et libres de droits

Choisir une image ne doit jamais se faire à la légère, il faut garder en tête le message que l’on veux faire passer. Que ce soit pour illustrer l’article de son blog, faire une affiche pour la kermesse de son enfant ou bien présenter un projet décisif, chaque image et photographie aura un impact. C’est sur ces deux constats, le temps perdu et l’important d’avoir des images parlantes et de qualités, que j’ai décidé de prendre un peu du mien pour vous proposer : Les 20 meilleures banques d’images gratuites et libres de droits, ainsi d’une liste commentée de plus de 60 autres sites d’images gratuites et parfois libre de tout droit d’auteur.

Attention cependant à bien lire les conditions d’utilisation. Webdesigner Trends - Webdesign et inspiration - Part 2. 2500 free resources for designers. GenerateIt - Image Generators, Website Tools, CSS Generators.