public marks

PUBLIC MARKS with tag tutoriel

2015

jQuery - TUTO - AJAX simplifié avec jQuery

by decembre
AJAX (littéralement : Javascript et XML Asynchrones). AJAX c'est le pont entre les langages serveur (PHP, .NET...) et JavaScript, cette technologie permet de faire communiquer les deux de manière asynchrone, c'est-à-dire qu'on a plus besoin de recharger toute la page mais seulement une partie de la page, en y insérant des informations qui viennent directement du serveur.

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?

jQuery - Tutoriel vidéo jQuery : La function Load() | Grafikart.fr

by decembre
La fonction .load() est disponible depuis la version 1.0 de jQuery. Sa fonction première, que vous avez peut être déjà utilisée, est de charger du contenu HTML ou autres, sur une page de votre site. Dans ce tutoriel, nous allons voir les autres capacités de cette fonction.

DEV CSS - Tutoriel vidéo HTML-CSS : Firebug, L’extension pour les développeurs Web | Grafikart.fr

by decembre
Firebug est une extension firefox incontournable pour tous les intégrateurs et développeurs web. Elle permet entre autre de voir comment le navigateur interprète les différents languages et permet aussi d’interagir en temps réel avec le code source. Plutôt que des longues explication une petite vidéo vous aidera à mieux comprendre comment firebug peux changer votre façon de débugger vos pages web

PUBLIC TAGS related to tag tutoriel

[en] +   [fr] +   accessibilité +   android +   ant +   Backbone JS +   clevermarks +   cms +   code +   cours +   css +   design +   dev +   drupal +   exemple +   extension +   git +   graphisme +   html +   html5 +   informatique +   inspiration +   internet +   iphone +   javascript +   jQuery +   linux +   livre +   local storage +   logiciels libres +   lumière +   photo +   photoshop +   php +   programmation +   python +   ressources +   sql +   standards +   svg +   titanium +   tuto +   tutorial +   ubuntu +   video +   web +   webdesign +   webdev +   wordpress +   xhtml +