Une simple expérimentation CSS, sans tutoriel. J’ai ajouté à ce formulaire de contact une petite enveloppe animée à côté du bouton « Envoyer ». Celle-ci se ferme, s’incline et se déplace, laissant apparaitre les messages d’information concernant l’état d’envoi de l’email.
Dans la lignée de mon précédent article Personnaliser les checkbox en CSS façon iOS, nous allons utiliser le même principe pour personnaliser des checkbox et des boutons radio sans image, en n’utilisant que du CSS (CSS3 principalement), mais en gardant un aspect boite à cocher et bouton radio cette fois.
A l’heure où la vitesse de navigation est un des facteurs les plus importants pour nos sites et blogs alors que ceux-ci se remplissent de plus en plus de fonctionnalités pour nos visiteurs, toutes les méthodes sont bonnes pour gagner ces précieuses millisecondes.
Voici une petite astuce que je viens de trouver qui va donner un petit coup de boost à votre site WordPress, sans pour autant sacrifier une quelconque fonctionnalité.
Voici une astuce très intéressante pour personnaliser les checkbox, et ce, en pur CSS. Nous allons même pousser la personnalisation jusqu’à imiter les interrupteurs « 1/0 » des iBidules avec du CSS 3. Au programme : pseudo-éléments :before et :after, dégradés, multiples backgrounds et ombres.
Peut-on flouter une image en CSS? Pas à ma connaissance, pas avec seulement du CSS, mais on va tricher et avoir un effet similaire.
Tout ce dont nous avons besoin c’est une image (bien sûr) et son conteneur, le CSS s’occupera du reste.
Depuis quelques temps, on parle de plus en plus du « Cloud », à tel point que petit à petit, les nuages fleurissent partout sur le web. Et bien pourquoi ne pas rentrer dans la mouvance et créer notre petit nuage personnel en CSS? Bien sûr en CSS3, sans tenir compte de Celui-Dont-On-Ne-Doit-Pas-Prononcer-Le-Nom.
Aujourd’hui nous allons créer des tooltips en CSS.
Au programme, réaliser des triangles en CSS2, des coins arrondis en CSS3, des ombres en CSS2 et 3, des fonds dégradés en CSS3, des transitions CSS3 et l’utilisation des pseudo-éléments « :before » et « :after ».
Subscribe To Comments Reloaded est un plugin pour WordPress très connu. Il permet à vos visiteurs de s’abonner par email aux commentaires d’un article afin de suivre une discussion. Cependant, la page de gestion accessible aux abonnés est difficile à personnaliser. Voici une astuce toute bête qui ouvre un large panel de possibilités.
Pour ceux qui modifient souvent leurs pages (ou custom posts) et qui aimeraient y avoir accès plus rapidement, voici une astuce pour les lister directement dans le menu d’administration de WordPress. Ce bout de code vous permettra d’insérer les liens vers l’édition de chacune de vos pages dans le menu, ou un sous-menu.
Le rêve des uns, le cauchemar des autres : pouvoir personnaliser les barres de défilement du navigateur de nos visiteurs. J’ai récemment lu un article sur Beautiful Pixels traitant de la chose pour les navigateurs basés sur Webkit (Chrome et Safari donc).