background preloader

Font Awesome Examples

Font Awesome Examples

http://fontawesome.io/examples/

Related:  webdesigndéveloppement webAffichageVeille technologique

Une fenêtre de confirmation à la suppression des lignes de vos tableaux avec jquery ! - Ludovic ROLAND - Le blog Je vous propose aujourd’hui de mettre en place une fenêtre de confirmation avant la suppression d’une ligne dans un tableau d’une application web grâce au composant Dialog de JQuery UI. Voici ce qu’on obtiendra à la fin de cet article : Motivation Upload de fichiers par formulaire Une fois le fichier uploadé et déplacé dans un dossier du site, il est possible d'effectuer plusieurs actions. Parmi les nombreuses possibilités qui s’offrent à nous, voici les quelques-unes que nous allons étudier : enregistrement des infos dans une BDD ;téléchargements avec compteur ;création de miniatures. Enregistrement des infos dans une BDD Je ne vais pas vous apprendre à créer une table ou à insérer un nouvel enregistrement.

Flexbox, guide complet Le module Flexbox Layout fournit une façon plus efficace de disposer, aligner et distribuer l'espace entre les éléments de votre page. 4 riches articles de Chris Coyier sont réunis ici. Par Chris Coyier NdT : Ce tutoriel est la réunion de quatre articles de Chris Coyier formant une introduction à Flexbox. Infobulle avec effet de transparence en CSS - Utilisez les transformations et les transitions CSS Voici un exemple de réalisation de popup avec l’utilisation de CSS. Suivez le tutoriel pour recréer cet effet. Le balisage Voici le code HTML utilisé : un simple paragraphe, composé d’un lien, lui même contenant un span. <p><a href="#">Hover Me!

Créer une image optimisée pour les réseaux sociaux avec Canva Les images sont aujourd’hui très importantes sur les médias sociaux. Certains services sont même spécialisés dans le partage d’images et de photos : Instagram, Pinterest, Flickr… La place des photos dans les réseaux sociaux plus traditionnel est également à souligner : les images génèrent beaucoup d’engagement sur Twitter et sur Facebook. Les community managers qui souhaitent animer leurs présences jonglent souvent entre les dimensions des images sur les réseaux sociaux pour optimiser leurs créations, mais celles-ci changent souvent.

Simplifiez vos développements JavaScript avec jQuery Si vous avez déjà programmé en JavaScript, vous savez que ce langage est puissant, mais aussi « verbeux » et souvent assez complexe à mettre en œuvre. Si vous voulez accéder à toute la puissance de JavaScript en utilisant des instructions simples, logiques, faciles à comprendre et à maintenir, jQuery est vraiment fait pour vous ! Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. De la sélection d'éléments à la manipulation du DOM, en passant par l'animation, les requêtes AJAX, l'utilisation et la création de plugins, la création de jeux et bien d'autres choses encore ! N'ayez crainte, votre apprentissage se fera en douceur et de très nombreux exemples de code documentés viendront consolider vos connaissances.

Design Graphique — Des icônes pour votre site - Judith Gillet 6 octobre 2014 Hello ! Ayant relooké mon site pro en fin de semaine dernière afin de m’affranchir un peu du format de portfolio que j’utilisais depuis la fin de mes études, je me suis intéressée à plein petites choses en matière de codage et de langage web. Du coup, j’ai décidé d’ouvrir une nouvelle rubrique dans ce blog (qui est rangée dans la catégorie « Web »), Code Tips, pour recenser des trucs et astuces, qui pourront peut-être vous aider dans la personnalisation de votre site ou blog. Attention, il ne s’agit pas de cours de développement web – je n’ai pas cette prétention ! Effets en CSS Sommaire Sommaire Dans ce tuto, je vous donnerais le code CSS et xHTML pour faire des choses que l'on fait normalement en JavaScript, comme des menus déroulants ou des lightbox.

Related:  Bootstrap