développement

Webdesign : CSS3 Generator

Pour les devs flemmards qui n'ont pas envie d'apprendre par coeurs des lignes de codes css

image pour Webdesign : CSS3 Generator
AccueilBlogWebdesign : CSS3 Generator

Pour créer des pages hautement interactives, le CSS3 est fortement recommandé dans le processus de conception. Lors de la commercialisation de produits et services, le Webdesign joue un rôle essentiel : un site doit être créé de manière à inciter les clients potentiels à explorer et à revisiter un site Web plus souvent.

Voici quelques fonctions propres au CSS3 et des liens vers des sites ressources pour vous aider à coder plus rapidement.

Animations et transitions CSS

Les animations CSS sont enfin disponibles dans tous les principaux navigateurs, même dans IE (depuis la version 10).
Il existe deux façons de créer des animations CSS.

La première est très simple : elle se fait en animant les changements de propriétés CSS avec la déclaration de transition. Avec les transitions, vous pouvez créer des effets de survol ou de souris, ou vous pouvez déclencher l’animation en changeant le style d’un élément avec JavaScript. 

La deuxième façon de définir des animations est un peu plus compliquée – elle implique la description de moments spécifiques de l’animation avec le code @keyframe. Cela vous permet d’avoir des animations répétitives qui ne dépendent pas des actions de l’utilisateur ou de JavaScript pour être déclenchées.

Je vous conseille le site CSS3 Generator pour se simplifier la tache et perfectionner l’art du copié/collé !

Voir le site

 

Dégradés

Lors du Webdesign, l’utilisation de dégradés est assez courante. Les dégradés CSS donnent aux webdesigners le pouvoir de créer des transitions fluides entre les couleurs sans avoir à recourir aux images. Cela évitera donc de surcharger le poids d’une page et accélérer le temps de chargement.

Les dégradés CSS ont également fière allure sur les écrans rétinas, car ils sont générés à la volée. Ils peuvent être linéaires ou radiaux et peuvent être configurés pour se répéter. Ils existent depuis un certain temps, mais après quelques changements mineurs de syntaxe au cours des derniers mois, ils sont enfin disponibles presque partout, sans préfixe!

Voici un site pour générer vos dégradés:

https://www.colorzilla.com/gradient-editor/

 

 

Refonte de site web : l’importance de l’audit SEO

Faire un audit pour optimiser sa performance SEO et améliorer l’expérience utilisateur

Lire la suite