Exemple de placeholders sur fond de Tre Cime di Lavaredo dans les Dolomites italiennes

Effet de placeholder sur un input

Les éléments de formulaire HTML input possèdent un attribut placeholder qui permet de donner à l’utilisateur une indication sur une information à entrer. Par exemple, si l’on demande un...
Deux boutons toggles agrandis sur fond de fête de ballons montgolfières dans les monts Sandia à Albuquerque au soleil couchant

Input checkbox, bouton toggle

On peut styliser un input type checkbox en un joli bouton toggle. Cela se fait en javascript pour insérer et envelopper l’input avec des éléments label et span. L’élément...
Sliding colors button

Effet de couleurs coulissantes sur un bouton – CSS

On cherche à obtenir un effet de couleurs coulissantes sur un bouton en CSS3. On utilise les pseudo-éléments ::before et ::after pour les fonds de couleurs en position absolute...
DOMElement et UTF-8 avec cURL

cURL, DOMElement et UTF-8

PHP supporte libcurl, une bibliothèque créée par Daniel Stenberg, qui vous permet de vous connecter et de communiquer avec différents types de serveurs, et ce, avec différents types de...
Insérer des tags HTML dans un textarea

Bouton pour insérer des tags HTML dans un <textarea>

Lorsque l’on veut modifier un textarea et y inclure des tags HTML tels que des paragraphes ou autres (tel était mon cas pour entrer et modifier des bios dans...
PHP, jQuery et aJax dans un seul fichier

PHP, jQuery et aJax dans un seul fichier

PHP est un langage de programmation qui crée des pages HTML. JQuery est une bibliothèque javascript s’exécutant dans le client (navigateur) permettant de faire des appels aJax (sans recharger...
Positionner le contenu d'une iframe

Positionner le contenu d’une iframe

L’élément HTML <iframe> permet d’obtenir le contenu d’une page HTML de même origine ou d’origine extérieure, intégrée dans la page courante. Il convient d’indiquer la source src HTML à...
Inputs responsives et adaptables en largeur

Ajuster un input avec un label inline pour s’adapter en largeur

Démo : Input qui s’adapte à toute la largeur du bloc avec un label inline. Nom : Adresse de messagerie : Site web : Les labels sont des blocs...
Incrustation d'une iframe Youtube

Empêcher une IFRAME de rediriger vers un onglet top-level

Certains sites Web ont un code pour rediriger une fenêtre placée en IFRAME vers un onglet top-level. L’IFRAME redirige la page qui la contient vers le site web lui-même,...
Le format graphique vectoriel SVG

Un loader SVG avec des animations CSS3

Le format SVG (Scalable Vector Graphic) est un format de données basé sur le XML et qui permet de construire des graphiques vectoriels. Il peut également être animé. Ceci peut...