public marks

PUBLIC MARKS from decembre with tag tutoriel

October 2017

FIR - DEV - Éxaminer et modifier le code HTML - Outils de développement | MDN

Recherche: À partir de Firefox 45, la boite de recherche de l'Inspecteur trouve les correspondances dans tout le markup du document ouvert, ainsi que dans toutes les frames. Pour commencer une recherche, il suffit de cliquer sur la boîte de recherche pour l'agrandir ou bien d'utiliser les raccourcis clavier Ctrl + F , ou Cmd + F sous Mac. Lors de la saisie, une pop-up d'autocomplétion affiche toutes les classes ou ID qui correspondent à la recherche en cours :

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.

WIN 10 - TIPS - Les nouvelles commandes (exécuter) de Windows 10

(via)
On peut trouver Exécuter dans le menu Démarrer traditionnel de Windows 10, par un clic sur "toutes les applications", puis choisir Windows système puis exécuter. Ou simplement par la touche Windows + R.

September 2017

VLC - PLUGIN - How To Skip Intros For TV Shows In VLC Player

(via)
you can automatically skip intros for TV shows in VLC player with an extension called: Intros And Credits Skipper This isn’t a native functionality that ships with VLC player. To skip intros for TV shows in VLC player, you need to install an extension. Download the Skipper extension, extract the zip file, and install the extension in VLC player. The Skipper VLC extension can not only skip intros for TV shows but it can also skip the end credits. This extension is practically built for a binge watching session.

HACK - KODI - Nouveaux sites Tvaddons - Comment installer des répertoires alternatifs à Tvaddons sur Kodi

(via)
Avant les TVAddons, prenez un VPN La fermeture de TVAddons montre combien il est important d’être anonyme sur Internet. La position de la loi sur la question de la piraterie reste la même. Cependant, son emprise sur les sites de piratage augmente. Il est donc important de cacher le fait que vous utilisez un site ou un service. L’utilisation d’un VPN vous dissimule de toute personne essayant de fouiner dans votre activité. Il vous permet également d’accéder à tous les dépôts que vous voulez pour Kodi . Et de plus, vous n’avez pas besoin de vous creuser les méninges pour installer un VPN. Il y a des applications dédiées pour tous les périphériques et les plates-formes que vous pouvez utiliser. Donc, avant d’aller plus loin, prenez un abonnement VPN. Ensuite: comment installer TVAddons sur Kodi IIl est temps que nous vous donnions ce que vous désirez si ardemment. Nous vous donnerons des instructions pour l’installation de quatre référentiels de TVAddons alternatifs, à savoir: Ares Wizard Smash SuperRepo Simply Caz Repo Le verdict Le verdict final quant à savoir si TVAddons est encore dans les limbes. L’équipe de TVAddons est prête revenir en action bientôt. Mais la foule attend toujours de voir comment la situation va se clarifier. En attendant le retour de TVAddons vous pouvez très bien attendre, mais la plupart des gens détestent passer à côté de leur divertissement. Les alternatives à TVAddons peuvent aider à étancher cette soif de divertissement.

August 2017

LOG - IMAGE - PLUGIN - Gmic line-art colorization - David Revoy

(via)
This is an article dedicated to the Gmic filter 'colorize', a new and next generation computer-assisted tool for colorization image filter. This filter was created by David Tschumperlé , project manager and main developer of Gmic. The filter improved a lot on this September 2014 ( and was started around spring 2013 ). I kept an eye on the filter development since the very beginning as a tester, but I got totally enthusiast about it recently ; especially when filter became interactive and more user friendly. I ) Overview 1) What kind of problems it solves : A bit of context here, the first steps of colorizing a line-art, usually with flat zone is a super long, annoying and robotic work.

July 2017

JAVASCRIPT - TUTO - function - How do JavaScript closures work? - Stack Overflow

How would you explain JavaScript closures to someone with a knowledge of the concepts they consist of (for example functions, variables and the like), but does not understand closures themselves?

June 2017

CSS - @font-face - Using @font-face - CSS-Tricks

The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. Without the rule, our designs are limited to the fonts that are already loaded on a user's computer, which vary depending on the system being used. Here's a nice breakdown of existing system fonts.

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 - Conserver le ratio 16/9 des images fullscreen et vidéos - Alsacreations

Le but est ici de faire en sorte que l'image de fond que l'on aura placée en CSS conserve son ratio de 16/9 et prenne toute la taille du navigateur, quelle que soit la taille de ce dernier (aka fullscreen). Pratique quand on fait du responsive. Voici le code utilisé : .ratio { background: url("monimage.jpg") no-repeat; background-size: cover; width: 100vw; height: 56.25vw; } Concrètement ce que l'on fait : on donne à l'image la largeur du navigateur grâce à l'unite vw (viewport-width) on lui donne la hauteur à laquelle on a appliqué un ratio 16:9 calculé en faisant 100 * 9 / 16 de la largeur du navigateur

April 2017

CSS - TAB - Pure CSS Tab Panel

KIS (Keep It Simple) A simple succession of headings and divs should lead users to assume - rightly - that those headings are followed by their respective section (by the content they "introduce"). This alone is enough for screen-reader users to make sense of the markup—after all, when it comes to content, this is the most common markup pattern on the Web.

March 2017

CSS - RESPONSIVE - MEDIA QUERIES - The math of CSS locks

A CSS lock is a Responsive Web Design technique that lets you transition smoothly between two values, depending on the current viewport size, rather than jump straight from one value to the other.

CSS - the new code - FullScreen HTML5 Video In Pure CSS

by 1 other
To make the video fullscreen: video#bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(polina.jpg) no-repeat; background-size: cover; } Conclusion: “Background” video can be a very powerful feature on a site, but with great power comes great responsibility: please use such features judiciously.

CSS - TRICK - FLOAT - html - Div collapse after float css - Stack Overflow

(via)
Add any overflow value other than visible to your container: div#nav { overflow:auto; } Then add width to restore the width : div#nav { width: 100%; overflow:auto; }

CSS - float - All About Floats | CSS-Tricks

All About Floats By Chris Coyier On July 8, 2009

February 2017

ANDROID - Arrêter les applications tournant en arrière plan sur Android – Tuxicoman

by 1 other
Pour voir quelles sont les applications qui tournent en arrière plan, il faut aller dans Paramètres Android -> « Options pour développeurs » -> « Services en cours d’exécution » Si vous ne trouvez pas l’entrée « Options pour développeurs », allez dans Paramètres Android -> « A propos du téléphone » et appuyez 5 fois sur « Numéro de build » pour faire le menu secret. Vous pouvez les arrêter de cet écran. Une autre info intéressante à obtenir, c’est de savoir si ces applications communiquent en permanence avec l’extérieur. Pour cela, l’application NetMonitor, disponible sur Fdroid, va vous donner toutes les connections actives ou récentes, par application .

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.

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

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.

January 2017

December 2016

WIN10 - TWEAK - How To Enable Paths Longer Than 260 Characters In Windows 10

If you’re running Windows 10 Pro, you will be tweaking the group policy editor. If you’re running Windows 10 Home, you will be editing the Windows registry. First, check the build number to make sure you’re running build number 1607 or above.

DISQUE DUR - REPARATION / SAUVEGARDE - Réaliser l'image d'un disque dur avec Testdisk - Korben

Testdisk pour réaliser une copie bit par bit du disque dur, soit 1,5 To. Cette copie sera un clone identique du disque, cela veut dire que vous pourrez récupérer dessus tous les fichiers même ceux qui ont été effacés par inadvertance. Pour cela, il faut donc télécharger Testdisk ici qui a la particularité de fonctionner sur tous les OS (Linux, macOS et Windows).

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.

decembre's TAGS related to tag tutoriel

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 +   fichier +   film +   firefox +   flickr +   FlickrSurf+ +   free +   Free:FreeBox +   Free:FreePhonie +   freeware +   google +   greasemonkey +   guide +   hack +   howto +   html +   idee +   image +   installer +   internet +   ip +   javascript +   library2.0 +   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 +   tuto +   tutorial +   tv +   usb +   user +   utilitaire +   video +   voip +   web2.0 +   webdesign +   wifi +   windows +   xml +   xp +   xpath +