public marks

PUBLIC MARKS from decembre with tags tutorial & dev

This year

CSS + STYLUS - Stylus et les préprocesseurs CSS (en guise d’introduction) · Les intégristes

(via)
Première question : qu’est-ce qu’un préprocesseur ? Un préprocesseur est un programme qui procède à des transformations sur un code source, avant l’étape de traduction proprement dite (compilation ou interprétation). source Wikipedia. Dans le cas d’un préprocesseur CSS la syntaxe simplifiée ou enrichie en entrée est analysée et compilée en un langage que nous connaissons tous et que nous utilisons au quotidien : CSS.

DEV - Web developer guides | MDN

Web developer guides. These articles provide how-to information to help you make use of specific technologies and APIs.

JSON - What is JSON? An Introduction and Guide for Beginners

in this JSON tutorial and guide, I’m attempting to provide a fairly comprehensive discussion of JSON, its history, and its usefulness. I’ll close with a list of some practical JSON tools that might come in handy in future projects. JSON Defined JSON stands for JavaScript Object Notation and it’s a data format. That is, it’s a way to hold bits of information, similar to a database. Although JSON originated outside the ECMAScript specification, it is now closely related to JavaScript with the spec now including a JSON object and many developers incorporating it as a quasi-subset of the language.

2016

CSS - TUTORIEL - SASS - Les préprocesseurs CSS, c’est senSass ! - Alsacreations

Un préprocesseur CSS est un outil (ou programme) permettant de générer dynamiquement des fichiers CSS. L’objectif est d’améliorer l’écriture de ces fichiers, en apportant plus de flexibilité au développeur web (source : Wikipedia). Les préprocesseurs CSS les plus couramment employés sont aujourd’hui Sass, LESS (dont nous avons déjà parlé), PostCSS et Stylus.

2015

SVG - Using SVG (witth Online TOOLS) | CSS-Tricks

(via)
Why use SVG at all?: Small file sizes that compress well__ Scales to any size without losing clarity (except very tiny)__ Looks great on retina displays__ Design control like interactivity and filters__

JavaScript Arrays

Un tableau contient une collection de données en une seule variable. Tableaux JavaScript peuvent contenir des données de tout type : chaînes, des nombres , des booléens , des objets , fonctions et autres tableaux. Les éléments de données dans un tableau sont appelées éléments. Chaque élément a un indice qui commence à zéro . [ 1 ] Les indices de tableau sont utilisés pour accéder à des éléments et créer de nouveaux éléments comme le montre

GIT - Git, guide de prise en main | Édition Nº43 | le train de 13h37

by 1 other
Ce petit guide vous propose d’appréhender son principe de fonctionnement simplement et de faire vos premier pas facilement. Les différentes étapes sont détaillées pour vous permettre de maîtriser les concepts de base très rapidement.

JQuery - Native equivalents of jQuery functions

by 1 other (via)
I think there are many developers who don’t realize that most of the jQuery methods they use have native equivalents that require the same or only a slighter larger amount of code to use. Below are a series of code samples showing some popular jQuery functions along with their native counterparts.

2013

alternatives to innerHTML - slayeroffice | articles(2006)

by 15 others
The focus of this article will be to show you ways of doing things commonly reserved for innerHTML with only DOM methods. In each example, the innerHTML method will be shown, followed by its DOM based alternative

2010

Notepad++ Liste des Expressions Régulières– TextFX Quick -

Note: Dans le cas ou vous avez installé les plugins, essayez CONTROL+R ou dans le Menu Plugins – TextFX Quick - Find/Replace pour faire apparaître une boite de dialogue avancée incluant une liste déroulante d'expressions régulières ainsi qu'un Recherche/Remplace multi-ligne.

Les Expressions Régulières - Rationnelles - Regex - Regexp sur ExpRegpour chaque fonction, d'une multitude d'exemples simples, qui se compliqueront par la suite, pour en arriver à des structures assez élaborées.

REGEX qui est une contraction de l'anglais Regular expression traduit en français par Expressions régulières, mais aussi Expressions rationnelles Qu'est ce qu'une expression régulière ? TROUVER (retrouver ==> coupler ==> assortir) des MOTIFS (pattern ==> profils ==> masques ==> structures) et de TRAITER (récupérer ==> extraire ==> remplacer) des éléments à l'intérieur d'un chaîne de caractères. On commence par déterminer le motif de ce que l'on cherche avant d'en appliquer le traitement souhaité grâce aux fonctions fournies par PHP. # Pour vous aider dans la compréhension de ce formidable outil, le cours sera agrémenté, Qu'est ce que je peux faire avec une expression régulière ? On peut tout faire avec une expression régulière... rien ne semble impossible en effet !.

unsafeWindow - Injecting JS functions into the page from a Greasemonkey script on Chrome - Stack Overflow

I have a Greasemonkey script that works just fine in Firefox and Opera. I struggle with getting it to work in Chrome, however. The problem is injecting a function into the page that can be invoked by code from the page. Here's what I'm doing so far: First, I get a helper reference to the unsafeWindow for Firefox. This allows me to have the same code for FF and Opera (and Chrome, I thought).

2009

Tuto Construction Yahoo-Pipes : Et le Bouillon fut ! Et maintenant il devient…Fil Info sur Veille Documentaire

Le Bibliobsédé a proposé une ouverture à la collaboration pour les ingrédients de son Bouillon. Le Bouillon est cuisiné pour contribuer à l’information et la formation de tous ceux qui s’intéressent aux métiers de l’information-documentation, souhaitent en suivre les évolutions et mieux comprendre les mutations engendrées par le numérique. Il me revient naturellement la joie de vous expliquer, aussi pédagogiquement que possible, le casse-tête qu’à signifié cette collaboration sous l’angle “Tutoriel Yahoo Pipes”. Parce que, grâce à Silvère (que mille tweets chantent sa gloire !), j’ai dû me tordre les méninges et les boyaux et les tuyaux (de Yahoo) pour structurer un résultat correct, manipulable et intéressant. Donc, présentation du pipe (et merci de le prononcer “païpe”, même intérieurement) en plusieurs étapes. Comme le résultat est relativement complexe, cela fera l’objet de plusieurs billets (au moins 3)

Tutoriel XPath - Developpez.com - Club des décideurs et professionnels en Informatique

XPath est décrit sur : XPath 1.0 standard . Dans ce tutoriel une sélection des caractéristiques de XPath sont démontrées dans de nombreux exemples. Vous pouvez commencer par : * Exemple 1 ou par le menu de gauche. Origine de ce document : Ce document est issu du site ZVON et est disponible à l'adresse suivante * Tutorial XPath en français

Parcours de fichiers XML avec XPath - Club des décideurs et professionnels en Informatique

Parcours de fichiers XML avec XPath (Date de mise à jour : 29/06/2007) II-A. Qu'est ce que XPath ? II-B. Solutions Java pour XPath II-C. Environnement requis III. Principe de fonctionnement III-A. Vue d'ensemble III-B. La syntaxe XPath III-C. XPath appliqué au Java IV. Exemple de mise en oeuvre IV-A. Le fichier XML considéré IV-B. La classe principale

Tour de Flex, components, samples | Adobe Developer Connection

Tour de Flex component explorer Tour de Flex is a desktop application for exploring Flex capabilities and resources, including the core Flex components, Adobe AIR, data integration, and a variety of third-party components, effects, skins, and more. Tour de Flex has three primary goals: * Provide non-Flex developers with an overview of what is possible in Flex in a "look and see" environment * Provide Flex developers with an illustrated reference tool * Provide commercial and non-commercial Flex developers with a place to showcase their work

Apprendre les standards Web - Alsacréations

Voici les dernières ressources classées par catégories. * Tutoriel : Guide pas à pas - * Article : Document d'analyse ou de référence - * Astuce : Court stratagème toujours utile -

The Ultimate Joomla Toolbox: Themes, Extensions and Resources | Noupe

by 1 other
Joomla is one of the most popular CMSs out there, and it’s no surprise considering how extensible it is. The great thing about Joomla is the extensions (components, modules and plugins), that can be added to your Joomla website. This allows the average user to add more functionality and dynamic content to their website without being a developer or programmer. In this post you will find a thorough collection of all kinds of resources that will aid designers and developers working with Joomla-powered websites. This collection is intended to simplify your tasks and save you time when working with Joomla. This post covers essential resources related to Joomla— Themes, Extensions, Tutorials, Forums, Cheat Sheets and Useful Documents.

Forum iziSoftware: SOMMAIRE des Scripts

5 Juin 2009 à 11:51 Sommaire des Scripts 1-Affichage Centrage de pages autoresize http://forum.izisoftware.com/fr/forum_posts.asp?TID=10819 2-Défilement déroule change texte et image http://forum.izisoftware.com/fr/forum_posts.asp?TID=10821 3-Compteur visiteur date temps heure http://forum.izisoftware.com/fr/forum_posts.asp?TID=10823 4-Développer Créer bannière PopUp http://forum.izisoftware.com/fr/forum_posts.asp?TID=10824 5-Navigation ancre bouton page lien redirection http://forum.izisoftware.com/fr/forum_posts.asp?TID=10825 6-Livres d'or NewsLetter Météo statistiques http://forum.izisoftware.com/fr/forum_posts.asp?TID=10826 7-Cartographie Galeries Flash Multimédia Traduction http://forum.izisoftware.com/fr/forum_posts.asp?TID=10827

IZISPOT - réaliseUn petit site internet (4 pages) à l'aide du logiciel gratuit IZISPOT - artsplas.mangin.free

Voici un tutorial pour vous aider à réaliser un petit site internet (4 pages) à l'aide du logiciel gratuit IZISPOT. Dans l'exemple qui suit, il s'agit de mettre en forme un exposé sur le peintre Claude Monet, comportant des photographies, un texte, des hyperliens. L'ensemble peut être réalisé par un élève de lycée, voir même de collège. Mais attention, cela demande une bonne connaisance de l'ordinateur en général et d'internet en particulier. Temps de réalisation : inférieur à 4 heures (sans modification de la charte choisie, et à condition de disposer du "fond" !)

Pompage.net

by 38 others
Le Webdesign puisé à la source : de nombreux articles de référence traduit en français.

CSS Débutants - SPIP

by 2 others
Cours de Mammouthland pour les débutants en CSS (Feuilles de Style en Cascade).

jQuery.info - Spip Plugin

by 16 others
Découvrir et utiliser jQuery, la librairie javascript du XXIIème siècle.

Alsacréations - Une communauté dédiée à la conception web aux normes, et notamment aux standards W3C, aux feuilles de style CSS, au langage (X)HTML, ainsi qu'à l'accessibilité du Web en général.

Alsacréations est une communauté dédiée à la conception web aux normes, et notamment aux standards W3C, aux feuilles de style CSS, au langage (X)HTML, ainsi qu'à l'accessibilité du Web en général. L'univers Alsacréations est articulé autour de trois univers : un ensemble de cours et de tutoriels (« Apprendre »), un espace communautaire contenant un forum de discussion (« Forum »), et un service de recherche et d'offres d'emploi (« Emploi »). Si vous êtes nouveau ou perdu sur le site, n'hésitez pas à consulter le Plan du site, qui est un sommaire général de tous les contenus présents.

decembre's TAGS related to tag tutorial

aide +   anonymat +   application +   art +   article +   astuce +   best +   bib +   bibliotheque +   bibliotheque2.0 +   blog +   boot +   code +   comment +   configuration +   configurer +   css +   dev +   disk +   disque +   documentation +   editer +   emule +   extension +   film +   firefox +   flickr +   FlickrSurf+ +   free +   Free:FreeBox +   Free:FreePhonie +   freeware +   fun +   google +   greasemonkey +   guide +   hack +   howto +   html +   idea +   idee +   image +   information +   installer +   internet +   ip +   java +   javascript +   lifehacker +   linux +   liste +   logiciel +   mobile +   mp3 +   music +   musique +   online +   opensource +   outil +   p2p +   partager +   photo +   photoshop +   player +   plugin +   programme +   rechercher +   recuperation +   reference +   reparer +   reseau +   ressource +   routeur +   sauvegarde +   script +   search +   securite +   security +   serveur +   service +   sip +   site +   systeme +   telephone +   tips +   tool +   truc +   tutoriel +   usb +   user +   utilitaire +   video +   voip +   web2.0 +   webdesign +   wifi +   windows +   xml +   xp +   xpath +