Désolé pour le titre à rallonge, je n’ai pas trouvé plus court. J’ai eu besoin pour un client de rendre privé un post lorsqu’il était publié dans certaines catégories. L’idée initiale étant de lui simplifier la tâche et d’éviter les erreurs de publication.
Les derniers articles HTML5, CSS3, JavaScript, WordPress, et Webdesign
Sélection de Slideshow et Carrousels
Ayant récemment eu besoin de parcourir les ressources du web à la recherche d’une solution de slideshow simple et personnalisable, j’ai rencontré quelques bonnes choses. Voici une liste très largement non exhaustive de quelques slideshow et carrousels en JavaScript qui ont retenu mon attention par leur simplicité, leurs fonctionnalités ou la qualité de leur ergonomie.
CSS3 – Effet de feuilles superposées
Il y a quelques jours de cela je répondais à un petit tweet d’un confrère pour donner une astuce sur la création d’un effet graphique de feuilles superposées en CSS3. Le défi était de ne pas multiplier les éléments HTML pour réaliser cet effet. C’est chose faite. Jetons un œil sur la technique utilisée.
Textures et motifs de qualité pour le web design
Subtle Patterns est un site internet proposant des textures (ou motifs) gratuites au format PNG.
Compatibles avec le format pattern (.pat) de Photoshop, ce site propose également un système de recherche par mot clef qui vous permet de trouver rapidement des textures précises.
WordPress Plugin – Afficher vos followers, fans et abonnés sur votre site
Le plugin social subscribers counter développé par GeekPress est un outil très simple d’utilisation qui vous permet d’afficher à plusieurs endroits de votre site WordPress des statistiques globales des différents réseaux sociaux que vous utilisez.
CSS3 – Créer un slideshow automatique et contrôlable
Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier.
Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010.
Les microdatas en HTML5
Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations.
Le blog a deux ans !
Cela fait maintenant deux années que le blog Creative Juiz vous propose des articles sur les technologies du web et le web design. Cette activité aussi passionnante que chronophage a amené un certain nombre de discussions ici, sur Twitter, ou sur les autres réseaux sociaux.
WordPress – personnaliser les champs du formulaire de commentaire
WordPress possède un formulaire de commentaire adapté à la plupart des blogs. Cependant, comment s’y prendre si vous souhaitez ajouter ou supprimer des champs et personnaliser l’affichage des commentaires ?
HTML5 – Attribut download pour forcer le téléchargement d’une ressource
Je vous parlais d’une solution pour forcer le téléchargement grâce à un morceau de code dans votre fichier .htaccess dans l’article précédent, alors que je venais juste de découvrir cet attribut HTML5 permettant de faire la même chose en mieux. Pour le moment seul Chrome supporte cet attribut.
Forcer le téléchargement d’un fichier par le navigateur
Le « force file to download » (entendez forcer le fichier à se télécharger) permet de forcer le navigateur à ouvrir la boîte de dialogue de téléchargement pour certains types de fichier. C’est le cas par défaut des fichiers de type archive (.zip, .rar, etc.) si je ne fais pas erreur.
HTML5 – Attribut translate
HTML5 nous apporte l’attribut translate
. Cet attribut permet de limiter l’impact d’une traduction par des outils tels que Google Translate en interdisant la traduction de certains contenus.
Ainsi le contenu de votre site web est composé avec davantage de précision. Voyons comment agir et sur quoi appliquer cet attribut.
Un Nth-child en CSS 2 compatible depuis IE7
Utiliser CSS3 c’est bien, mais pas suffisant. Il ne s’agit pas d’un nouveau langage de style, mais bien d’ajouts à CSS2.1. Il serait donc prématuré de vouloir se jeter sur CSS3 sans maitriser son petit frère.
WebDesign Magazine Hors série N° 14 – Trucs et astuces
Ce court article pour vous signaler ma participation au magazine WebDesign Hors Série numéro 14. Cet opus présente un certain nombre d’articles orientés sur les trucs et astuces (et bidouilles, mais promis, je ne vous ai pas pondu de bidouille :p) que je n’ai hélas pas eu le temps de lire entièrement.
Menu déroulant en CSS3 avec transition et max-height
Il y a quelques temps déjà, Lea Verou proposait d’utiliser la propriété max-height
afin d’effectuer des animations sur un élément sans toucher à la propriété height
. Avec une petite adaptation, il est possible de créer un menu déroulant au survol avec un petit délai créé grâce à la propriété CSS 3 transition
.
CSS3 – Effet parallaxe (sans JavaScript)
Retour des tutoriels CSS avec quelque chose d’un peu original pour cet article : un effet parallaxe uniquement en CSS3.
C’est à la suite de l’article de Simon Kern sur Alsacréations que m’est venue l’envie de tenter d’utiliser CSS pour reproduire cet effet initialement conçu avec JavaScript.
WordPress – Supprimer des blocs dans le sélecteur de format TinyMCE
En début de semaine je vous présentais une méthode pour ajouter un sélecteur de styles personnalisés à votre éditeur visuel sur WordPress.
Aujourd’hui, une petit brève pour vous dire comment limiter le nombre de blocs dans le sélecteur de blocs (le sélecteur par défaut du TinyMCE de WordPress).
WordPress – Ajouter des styles perso dans l’éditeur TinyMCE
L’éditeur visuel de WordPress s’est amélioré au fil du temps. Pour votre blog, vous avez probablement des styles particuliers pour le contenu de vos articles (liens, boutons, blocs de contenu, etc.) et peut-être passez-vous encore par l’éditeur HTML ?
- ◄ précédent
- 1
- 13
- Page actuelle :14
- 15
- …
- 20
- 21
- suivante ►