public marks

PUBLIC MARKS from decembre with tag tuto

This year

JAVASCRIPT - jQUERY - TUTO (trés facile ett documenté) - Simplifiez vos développements JavaScript avec jQuery

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 !

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.

CSS - ICON - SVG / Icon FONT (@font-face) - Inline SVG vs Icon Fonts [CAGEMATCH] | CSS-Tricks

If you're building an icon system for a site, you have some options. If you know the icons need to be raster images, then you'll likely be using CSS sprites. If the icons will be vector images (much more common these days), you have some options. Two of those options are using inline SVG and using icon fonts. Let's compare.

CSS - float - All About Floats | CSS-Tricks

All About Floats By Chris Coyier On July 8, 2009

SCROLL - Zoom sur l'effet parallaxe - Alsacreations

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.

DO IT YOURSELEF - Comment fabriquer une caméra thermique DIY - Korben

Si vous voulez vous la jouer Predator avec une caméra thermique, il va falloir casquer. Ou alors vous pouvez l'assembler vous-même en suivant le tuto de la DIY-Thermocam qui permet en utilisant le capteur infrarouge FLIR Lepton et quelques composants électroniques de filmer une image thermique de qualité pour environ 400 euros.

2016

POSCAST - Tiny Tiny RSS : auto-hébergement des flux RSS – ®om's blog

by 1 other (via)
Pourquoi et comment installer Tiny Tiny RSS, un gestionnaire de flux RSS sur son serveur.

PODCAST - TUTO - RSS & Podcast - Korben

(via)
Sommaire: Lire des flux RSS et/ou des Podcasts, Créer son flux RSS et/ou des Podcasts pour soi, Créer son flux RSS et/ou des Podcasts pour son site web

2015

Clonezilla - Cloner son système configuré(2015)

Sauvegarder son système entièrement configuré___ Clonezilla est un utilitaire gratuit qui vous permet de cloner une ou plusieurs partitions ou même le disque dur entier de votre pc à l'état identique dans lequel il se trouve. L'avantage de cette méthode est de permettre, lors d'un plantage total de votre machine ou de panne de votre disque dur, de les remettre sur pieds très rapidement. Votre système sera alors à nouveau entièrement paramétré et vos programmes déjà installés.

jQuery - Tuto - Use jQuery to extract data from HTML lists and tables | Encosia

(via)
Mapping the data within HTML unordered lists. Using .map() against an unordered list is one of the most straightforward examples to start with. Imagine you had this simple HTML markup: .map() like this:

RegExp - Regular Expressions for the Rest of Us

How to Write Regular Expressions ? ___The best way to learn regular expressions is by using an example. Let's say you're building a web page with a phone number input.

2014

CSS - ARROW - Using borders to produce angled shapes

by 1 other
Bon tuto (In US) pour créer des flèches avec les borders

2013

CSS - 6 Cool Image Captions with CSS3

(via)
nous allons vous montrer comment créer les légendes des images avec diverses transitions simplement en utilisant CSS3. Simple transition effect with only CSS3.How to create image captions with various transitions simply using CSS3, dependent on transform and transition properties.

Faire fonctionner le Freebox Player (TV) avec une Freebox en mode bridge | Korben

Guillaume Vaillant a mis en ligne sur son blog une technique qui lui permet de passer sa Freebox en mode bridge tout en conservant la TV fonctionnelle et une config IPv6 qui va bien. L'intérêt de mettre sa Freebox en mode bridge est idéal pour ceux qui veulent connecter leurs machines directement à un vrai routeur et ainsi profiter de tout ce que peut offrir un firmware comme OpenWRT (ou le firmware par défaut de votre routeur).

XPenology - Transformez un PC en serveur NAS Synology (avec DSM 4.2) | Korben

Il est parfaitement possible d'installer la distrib présente sur les NAS Synology, sur un simple PC. Il s'agit bien évidemment d'un hack et pas d'un truc officiel : sympa à expérimenter. Il faut une clé USB sur laquelle vous booterez la distrib XPenology qui fera passer votre PC pour un serveur Synology. Niveau matos, il faut quand même un truc compatible. Denis du site Astrolabo a d'ailleurs publié un tuto où il explique en détail le matos qu'il a utilisé pour monter son PC sous DSM

decembre's TAGS related to tag tuto

@font-face +   addon +   aggregateur +   analyse +   api +   arduino +   arrow +   astuce +   best +   blog +   browser +   camera +   caption +   chrome +   code +   comment +   css +   data +   demo +   design +   dev +   DHCP +   disque +   défilement +   dsm +   effect +   exemple +   float +   free +   freebox +   github +   gratuit +   guide +   hack +   htm +   icon +   image +   infrarouge +   installer +   ip +   javascript +   jQuery +   json +   jsonp +   Korben +   learn +   lenght +   mac +   madia-query +   media-screen +   NAS +   nth-child +   opensource +   overflow +   parallaxe +   partge +   pc +   player +   podcast +   position +   pseudo-class +   px +   reference +   regexp +   Responsive +   router +   routeur +   rss +   s +   script +   selecteur +   selector +   share +   site +   size +   souris +   sql +   storage +   store +   support +   synology +   temperature +   thermal +   thermique +   tool +   transform +   transition +   truc +   tutorial +   tutoriel +   tutriel +   usb +   userstyle +   utilitaire +   vector +   vw +   web +   windows +   xml +   youtube +