Tutoriels CSS

Découvrez ici des astuces sur CSS, souvent CSS3, les effets comme les transitions, de quoi créer des boutons Call to action, des Web fonts et des librairies d’icônes.

Les fichiers font d’Awesome (ou autre) ne sont pas dans le package avec yo angular

Les fichiers font d'Awesome (ou autre) ne sont pas dans le package avec yo angular

Tout s’est bien déroulé pendant le développement, votre application Web est jolie, le style rend bien, les icônes de Font Awesome dans les menus sont parlantes.
Mais, vous commencez les tests après avoir packagé avec grunt build, et là c’est le drame. Les icônes ont disparues !

La cause est simple : les fichiers de police utilisés par le CSS ne sont pas copiés.
Voyons comment ajouter une tache Grunt qui se charge de cette copie.

Utilisation et optimisation de Bootstrap avec WordPress et LESS

Optimiser Bootstrap pour Wordpress avec LESS

Twitter Bootstrap offre beaucoup de possibilités, mais peu de sites les utilise toutes en même temps.

Pourtant le fichier CSS les inclut toutes. Voyons comment désactiver les fonctionnalités qui ne servent pas, grâce à sa version LESS et tant qu’à faire, dans le cadre d’un thème WordPress, pour gagner en performances.

Personnalisez votre thème WordPress avec Brackets et LESS

Personnalisez votre thème WordPress avec Brackets et LESS

La modification du CSS est un aspect important pour personnaliser son site WordPress, notamment lors de la création d’un thème enfant (ou d’un thème). Alors autant mettre toutes les chances de son côté en utilisant les bons outils, avec, en plus, un peu de rigueur.

C’est ce que je vous propose cette semaine, avec le préprocesseur LESS associé à l’éditeur Brackets.

J’ai enfin compris comment utiliser position:absolute

La position absolute en CSS

Oui, enfin ! Je sais, je ne suis pas fier d’avoir fait l’impasse sur cette propriété CSS aussi longtemps, honte sur moi ! Enfin bref, mieux vaut tard que jamais.

Même si j’ai un demi siècle de retard (enfin presque), mais que j’ai tout de même l’impression d’avoir fait une grande découverte, je la partage avec vous dans cet article.

Ma sélection d’extensions préférées pour Brackets

Sélection d'extensions pour Brackets

C’est tentant, mais je n’ai jamais fait de liste d’extensions pour WordPress.
Il en existe tellement sur le Web, et des bien mieux que ce que j’aurais pu produire.

Par contre, on trouve peu de listes, notamment en français, pour Brackets, ce nouvel éditeur gratuit orienté développement Web Front End.

Gagnez en performances avec de nouveaux boutons de partage pour WordPress

Optimiser les performances de WordPress avec de nouveaux boutons de partage

Vous l’avez certainement remarqué, depuis quelques semaines ce blog comporte de nouveaux boutons de partages pour les réseaux sociaux.
Ils sont basés sur la librairie PHP SocialShare de Kévin Dunglas.

Voyons les avantages que ce nouveau mode procure et comment le mettre en œuvre sur votre blog WordPress.

Faites bonne impression avec Twitter Bootstrap

Faites bonne impression avec Twitter Bootstrap

Vous connaissez certainement les problèmes de rendu différent suivant les navigateurs lors de la conception d’un site Web. Sachez qu’il y a pire : l’impression d’une page Web, qui dépend, en plus du navigateur, du système d’exploitation et du modèle d’imprimante.
Voyons quelques pistes pour essayer d’unifier le résultat sur papier avec Twitter Bootstrap.

Les autres thèmes parlant de Tutoriels CSS