Ressources gratuites pour indépendants, freelances, webdesigners

Pour ce douzième épisode des Trouvailles du Web, nous aurons au menu des dégradés CSS 3 très simple à utiliser, un slider 3D en jQuery et CSS3, un site pour donner un style retro à vos photos, un générateur de formulaire html/css et des effets de textes avec jQuery. Du code, du code, et encore du code ! On est parti ?

Générateur de dégradés CSS3

L'outil de ColorZilla est très pratique si vous avez besoin de gérer un dégradé en CSS3 : comme la palette de dégradé sous Photoshop ou Illustrator, indiquez vos couleurs au bon endroit pour créer un dégradé parfait. En plus, le site dispose de presets qui vous permettra de gagner un temps fou. Il ne restera qu'à faire un copier-coller du code généré pour pouvoir l'utiliser pour la construction CSS de vos pages web. Tout simplement indispensable !

Ultimate CSS Gradient Generator

Une gallerie CSS3/jQuery en 3D

Tympanus.net nous propose gratuitement un slider 3D, idéal pour présenter des images comme iTunes ou le finder d'Apple. Vous aurez différentes options possible, comme l'effet particulier à 3 éléments, ou l'auto-slide.

3D Gallery with CSS3 and JQUERY

Besoin de photos vintages ?

VintageJs.com est un site qui vous permet en quelques secondes de donner un effet old-school/vintage à vos photos. Vous importez votre photo, vous choisissez l'effet souhaité, et vous enregistrez votre photo. Très simple, et les effets sont plutôt sympatiques.

vintagejs.com

Des formulaires HTML en quelques clics

Form Builder permet en quelques clics de concevoir son propre formulaire, avec des options très interessantes. On peut personnaliser les styles et les effets d'hover sur chaque champs du formulaire. Très intuitif, le formulaire se monte très vite. Les boutons de génération du HTML et du CSS nous permettent de récupérer son travail.

Form builder

Des effets de textes CSS3

Textillate.js est un petit plugin jquery pour avoir des animations amusantes sur vos textes html. Il existe des dizaines d'animations qui permettent des effets interessants. A voir !

Textillate.js

J'espère que cette sélection vous donnera plein d'idées. Rendez-vous au prochain numéro mes loulous