Yellow Pencil : <b>vos CSS pour WordPress</b> sur un plateau

Yellow Pencil pour WordPress

Personnaliser WordPress, qui est le CMS le plus répandu n’est pas aisé pour n’importe qui. Sélectionner un modèle (template) particulier peut convenir, éditer les CSS une autre solution pour les webdesigners. Yellow Pencil s’adresse à ceux qui ne savent pas coder les styles CSS. Malgré une approche simplifiée (type font-end ou mode direct) Yellow Pencil […]

Particles.js : faire une belle page d’attente <b>animée</b>

Script animation Particles.js

Vincent Garreau, développeur front-end et co-fondateur de Livestorm propose une petite librairie pour afficher une animation de particules entièrement paramétrable. Je l’ai utilisé pour animer des pages d’attente sur des pages perso Free (pour moi et des amis). Le gros avantage c’est la légèreté du script (23 ko + 2 ko de paramètres), le fichier de […]

Personnaliser la page de connexion WordPress : <b>sans extension</b>

Personnaliser la page de connexion WordPress

Votre site WordPress est visité par de nombreux utilisateurs qui se connectent à l’interface d’administration ? Vous souhaitez personnaliser cette page de connexion sans ajouter une extension spéciale ? La solution c’est un peu de code dans votre thème… Le snippet ci-dessous vient du GitHup Gist WP et la contribution de RenegaDesk qui touche essentiellement le […]

Freeformatter.com : formater son code <b>c’est mieux…</b>

Freeformatter.com : formater son code c’est mieux…

Lorsque l’on travaille sur une page HTML, un bout de code dans un CMS, en ligne, en local ou ailleurs il arrive parfois qu’on y perde son latin. Les balises semblent prendre un malin plaisir à venir se mettre là où il ne faut pas, on pense avoir bien copié le bon code mais non […]

KNACSS : l’autre <b>framework CSS</b>

Le framework Knacss

Si Bootstrap vous paraît un peu indigeste il existe de nombreuses bases HTML5/CSS3, l’une d’elles sort du lot car elle est 100% made in France, et son géniteur n’est autre que l’agence web Alsacreations.fr. « KNACSS, c’est un peu comme une feuille de style CSS « reset » sur-vitaminée qui permet de commencer un projet à partir de […]

Codrops : la caverne du <b>HTML5</b> et des <b>CSS3</b>

Codrops

Codrops s’attelle à nous présenter ce qui se fait de mieux en ressources d’animations, de mise en forme, d’affichage, d’ergonomie en HTML5 ou CSS3. Différentes sections regroupent des contenus spécifiques (notez que le site est en langue anglaise) : Tutorials : des tutos Articles : l’actualité du dev web Playground : la caverne pleine d’exemples […]

Gridism : une belle grille <b>responsive…</b>

La grille responsive CSS Gridism

Le responsive design est incontournable, en tous cas certains disent que si, je pense que non… débat sans fin à prévoir. Reste que si on souhaite s’en approcher, le concept des grilles n’est pas toujours évident, il existe aujourd’hui des frameworks tout prêts qui « facilitent » l’intégration de cette technologie, mais ce serait parfait si , […]

Compatibilité HTML5 et CSS3 : <b>on en est où ?</b>

Les nouvelles normes du web : HTML5 & CSS3

2014 va voir le HTML5 et les CSS3 normalisées et déclarées. Se sera la base du web pour les années à venir, et pas seulement, on peut espérer que le livre numérique va utiliser abondamment ces normes et ainsi clarifier le marché (epub 3, ebook, etc…) où règne à l’heure actuelle trop de formats et […]

Border radius : c’est <b>facile</b>

Le border-radius avec les CSS3

Les CSS3 rentrent doucement dans les pratiques du webdesign, l’attribut border-radius en fait partie. Tous les éditeurs de CSS n’en sont pas encore pourvus (surtout dans l’auto-complétion) et le site que je vous présente permet en un clic d’écrire la règle pour les 2 moteurs principaux : Webkit, Gecko et le générique CSS3. Bien pratique, […]

CSS3 : <b>la FlexBox</b>

La FlexBox CSS3

Les CSS3 continuent de nous laisser entrevoir un nouvel avenir pour le développement web de plus en plus proche. Une spécification nouvelle est apparue pour ce qui est des « boîtes » HTML. On utilise cette notion de « boîte » depuis l’abandon des tableaux, or pour positionner correctement les éléments en CSS c’est souvent fastidieux en raison de […]

HTML5 Boilerplate : <b>l’ultime template !</b>

HTML5 boilerplate

HTML5 Boilerplate est un template (HTML+CSS+JS+…) lancé par Paul Irish (Modernizr) et Divya Manian. Il propose toutes les bonnes pratiques du moment en terme de performances, de compatibilité inter-navigateurs, de JavaScript, avec un peu d’accessibilité, voire de Flash. Vous retrouverez dans un dossier de 319 Ko tous les fichiers et sous-répertoires organisés pour débuter votre intégration avec d’excellentes […]

En finir avec <b>Internet Explorer…</b>

En finir avec Internet Explorer !

C’est bien connu Internet Explorer de Microsoft n’en fait qu’à sa tête. Depuis l’avènement des CSS et la mise en œuvre d’HTML4 les webdesigners et intégrateurs s’arrachent leurs cheveux pour que la famille des navigateurs Internet Explorer (grosso modo d’IE5.5 à IE8, voir IE9) affichent correctement les standards du web. La liste des hacks de […]