public marks

PUBLIC MARKS with tag tutoriel

This year

SCROLL - Zoom sur l'effet parallaxe - Alsacreations

by decembre
Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur. Ce principe concerne au minimum deux éléments et peut être appliqué à plusieurs endroits : sur les images de fond, sur un en-tête ou un pied de page, sur des images... etc.

GITHUB - TUTORIEL FR - Tres clair et fourni - GitHub Pour les Nuls : Pas de Panique, Lancez-Vous ! (Première Partie) - Sur la route de l'IndieWeb

by decembre
Nous sommes en 2013 et pas moyen d’y échapper : vous devrez apprendre comment utiliser GitHub. Pourquoi ? Parce que c’est un réseau social qui change drastiquement notre façon de travailler. Ayant démarré sous forme de plateforme collaborative pour développeurs, GitHub est désormais le plus grand espace de stockage de travaux collaboratifs dans le monde. Que vous soyez intéressé(e) pour participer à ce cerveau global ou tout simplement pour partir à la recherche de cet énorme réservoir de connaissances, vous vous devez d’y être.

2016

2015

CSS - ICONS - @font-face, Accélérez vos polices d'icônes ! - Alsacreations

by decembre
Aller un peu plus loin Oui mais voila, il reste encore trop de fichiers à charger. C'est là qu'intervient le schéma Data-URI, que l'on utilisait pour les icônes images afin de supprimer une requête en intégrant directement l'image dans le fichier CSS. L'idée est la même, intégrer directement la police de caractères dans le fichier CSS. Une option disponible dans les préférences d'Icomoon : "Encode et Embed Font in CSS". On se retrouve avec un fichier CSS contenant les définitions suivantes, où les versions TTF et WOFF de la police sont directement dans le fichier CSS, la version EOT restant externe.

JQUERY - TUTO - Le sélecteur jQuery - débuter en jQuery

by decembre
$ : le sélecteur raccourci __ Encore une petite précision : dans mon extrait de code ci-dessus, vous voyez que j'ai ajouté un paramètre $ pour ma fonction anonyme, et que j'ai ensuite utilisé $() à la place de jQuery().__En fait, $() est un alias de la fonction jQuery() (un autre nom pour la même fonction), on l'utilise plus souvent que jQuery(), tout simplement parce que c'est plus court à écrire ! __ Le seul problème est que d'autres framework javascript (Mootools nottament) utilisent également $ comme raccourci, du coup si vous utilisez plusieurs frameworks sur la même page, il y aura des conflits. ___ Heureusement, jQuery propose un mode noConflict(). Dans ce mode, le raccourci $ n'est pas créé pour éviter les problèmes. Le mode noConflict est par exemple activé par défaut dans Wordpress, donc $ ne marche pas et il faut donc se rabattre sur jQuery() à la place, la loose -_-'. __ L'astuce que j'ai utilisée me permet d'utiliser $ comme raccourci SEULEMENT à l'intérieur de ma fonction anonyme. Comme ça, même sous Wordpress où le mode noConflict est activé, je pourrais utiliser $ à l'intérieur de mon jQuery(document).ready.

JQUERY - TUTO - Iframe - Créer un élément HTML dans le DOM avec jQuery

by decembre
Le sélecteur jQuery est la plupart du temps utilisé pour sélectionner des éléments existant dans le DOM, via une règle CSS. Mais le sélecteur peut aussi créer de nouveaux éléments HTML de manière extrêmement simple ! Voici un petit exemple très simple qui créé un élément div , écrit "Salut !" à l'intérieur, puis enfin ajoute cet élément à la fin de la page web (en l'ajoutant à la fin body) :

2014

2013

Les pépites du web #1

by LuciferX
Lancement d’une toute nouvelle catégorie sur le blog, il s’agit d’une sélection de ressources de très bonnes qualités ayant attiré mon attention et qui méritent un coup d’œil.

CSS - Espace d'échange - CSS Discuss

by decembre & 1 other (via)
Quand un élément est flottant, son parent ne contient plus parce que le flotteur est retiré de la circulation. Pour savoir pourquoi cela se produit, lire Contenant Flotteurs Eric Meyer (Fortement recommandé). Puis, une fois que vous comprenez ce qui se passe, utilisez l'une des méthodes ci-dessous pour «fixer».

CSS - Les colonnes factices - Pompage.net -

by decembre (via)
Comment faites-vous pour que la couleur d'arrière-plan de la colonne de droite s'étende jusqu'en bas de la page ?. Le secret, embarrassant de simplicité, est d'utiliser une image d'arrière-plan qui se répète verticalement pour créer l'illusion de colonnes en couleur

CSS - Centering in the Unknown | CSS-Tricks

by decembre
When it comes to centering things in web design, the more information you have about the element being centered and its parent element, the easier it is. So what if you don't know anything? It's still kinda doable.

CSS - Centering Percentage Width/Height Elements | CSS-Tricks

by decembre & 1 other (via)
If you know the exact width/height of an element, you can center it smack dab in the middle of its parent element easily with this classic trick: top and left set to 50% and negative margins half the width and height of the element. That's great if you know the width and height of the element you're trying to center, but what if they are percentages?

PUBLIC TAGS related to tag tutoriel

css +   design +   développement web +   internet +   logo +   outils +  

Active users

alextension
last mark : 24/03/2017 12:20

decembre
last mark : 01/03/2017 14:49

NiMe
last mark : 13/02/2016 18:45

mfaure
last mark : 13/01/2016 16:52

dzc
last mark : 10/06/2014 17:31

LuciferX
last mark : 03/09/2013 16:38