public marks

PUBLIC MARKS from decembre with tag tutoriel

September 2018

EBOOK - Comment déprotéger un livre Kindle pour le prêter, le lire sur l’ordi ou l’exporter sous un autre format (PDF, EPUB) ? – Korben

Hier soir, je voulais passer à ma chérie, un livre Kindle que j’ai acheté et bien apprécié. Mais pas moyen, via le site Amazon France, de « prêter » un livre à quelqu’un de sa famille. En effet, quand vous achetez un ebook sur Amazon, celui-ci est verrouillé et lisible uniquement avec la liseuse choisie. Pourtant, il me semblait que c’était possible, mais en creusant un peu, j’ai vu que cette possibilité était offerte uniquement sur le site US d’Amazon. Dommage… Je n’aurai pas eu ce souci avec un livre papier, c’est certain. Comment faire alors ? Et bien je suis retombé sur un vieux projet baptisé DeDrm, toujours maintenu, qui permet de faire sauter le DRM des ebooks et ainsi pouvoir les lire sur n’importe quel support. Pratique si vous achetez des livres que vous voulez ensuite lire sur votre ordinateur ou sur un autre support qui ne sait lire que les epub ou les PDF. DeDrm est disponible sous la forme d’une application Windows, Mac et d’un plugin pour Calibre qui déverrouille votre livre au moment de l’import dans le logiciel. Mais avant, pour que cela ne fonctionne, il faut relever le n° de série de votre appareil officiel (Kindle) en cliquant ici puis sur le petit bouton avec les 3 petits points.

July 2018

JAVASCRIPT - IMAGE - LAZY LOAD - Lazy Loading Images? Don’t Rely On JavaScript! | Robin Osborne

(via)
One popular method to deal with this is to “Lazy Load” the images; that is, to only load the images just before the user will need to see them. If this technique is applied to the “above the fold” content – i.e., the first average viewport-sized section of the page – then the user can get a significantly faster first view experience. So everyone should always do this, right? Given the potential limitations, let’s work on a solution that can handle all my concerns: a. works without JavaScript (i.e., lazy loading is an enhancement) b. vanilla js – no dependencies on jquery or angularjs c. works with broken JavaScript (i.e., the browser supports JavaScript, but there’s a js error somewhere which causes your script to break; might not even be your fault!)

June 2018

JAVASCRIPT - REGEX - Les expressions régulières (partie 2/2) - Dynamisez vos sites web avec JavaScript ! - OpenClassrooms

(via)
Dans ce deuxième chapitre consacré aux regex, nous allons voir leur utilisation au sein du JavaScript. En effet, le premier chapitre n'était là que pour enseigner la base de la syntaxe alors que, une fois couplées à un langage de programmation, les regex deviennent très utiles. En JavaScript, elles utilisent l'objet RegExp et permettent de faire tout ce que l'on attend d'une regex : rechercher un terme, le capturer, le remplacer, etc.

March 2018

DEV - Great Resources Every Beginning a Front-end Developer Should Bookmark by vydargis on CodePen

If you just get started your a front-end developer career, it might be overwhelming to learn something every day. To optimize your time, it might be useful to know solid resources, to keep up with a demanding programmers’ environment. In this brief article, you will find 6 useful resources that in my opinion I think every beginning a front-end developer career should bookmark.

January 2018

LINUX - TUTO - Finalement, openSUSE !

Choisissez openSUSE pour les ordinateurs portables. Cette distribution prend en charge un nombre de drivers insoupçonnés ! » J’ai donc téléchargé l’image ISO openSUSE Leap 42.3. Et banco , j’ai installé le bureau MATE, Vlc, Chromium

VIDEO - TUTO - Retour à VLC : Enregistrer une video en ligne ET la Convertir

A ce jour, il ne nous reste donc plus sur Windows que VLC comme player Multimedia Open Source. Contrairement aux autres, VLC permet assez simplement de lire et d’enregistrer des vidéos en ligne. Il permet aussi la conversion de vidéos ! Enregistrer une vidéo en ligne avec VLC J’ai pris un exemple d’enregistrement du film Amours et turbulences (2013) avec Nicolas Bedos et Ludivine Sagnier. Copiez tout d’abord l’url dans Youtube de la vidéo à enregistrer. Si vous utilisez un autre service, activez les outils développeur dans Firefox ou dans Chromium avec le raccourci Ctrl+Shift+I pour récupérer l’url de la vidéo.

December 2017

FIR 57 (UserCSS + about:config) - Custom CSS tweaks for Firefox 57+ - GitHub - Aris-t2/CustomCSSforFx:

'about:config' tweaks (To revert changes right-click entry and select 'reset'): - Tab audio icon browser.tabs.showAudioPlayingIcon - Insert related tab after current tab (suggestion: enable / set to 'true') browser.tabs.insertRelatedAfterCurrent - Titlebar browser.tabs.drawInTitlebar - Searchbar: open search results in new tab browser.search.openintab - Reader mode reader.parse-on-load.enabled - Geolocation (suggestion: disable / set to 'false') geo.enabled - Pocket (suggestion: disable / set to 'false') extensions.pocket.enabled - Anti fingerprinting (Caution: browser might behave in unforseen ways!) privacy.resistFingerprinting read: Fingerprinting info at Mozilla Wiki tweaks ***** Suggested ui tweaks ***** - Toolbar modes (suggestion: compact mode) Customize mode > Density > Compact / Normal / Touch - Titlebar modes (suggestion: Firefox titlebar ['application/hamburger button in titlebar' only works in Firefox titlebar]) Customize mode > Title Bar > uncheck checkbox Drag space above tabs toolbar (suggestion: disable drag space ['application/hamburger button in titlebar' works best without drag space]) Customize mode > Drag Space > uncheck checkbox Bookmarks menu button on bookmarks toolbar Customize mode > Toolbars > Bookmarks Toolbar Customize mode > move 'bookmarks menu' button to bookmark toolbars end Downloads button always visible Customize mode > downloads button > click on button and uncheck 'Auto-hide' Searchbar (suggestion: placed after location bar) Customize mode > Search(bar) > move to navigation toolbar Flexible spaces (suggestion: remove spaces after and before location bar) Customize mode > grab and drag flexible space into palette

Laboratory, a Firefox extension to generate CSP headers - YouTube

Laboratory, a Firefox extension to generate CSP headersLaboratory is an experimental Firefox extension that helps you generate a proper Content Security Policy (CSP) header for your website. Simply start recording, browse your site, and enjoy the CSP header that it produces.

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; }

decembre's TAGS related to tag tutoriel

aide +   anonymat +   application +   art +   article +   astuce +   audio +   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 +   google +   greasemonkey +   guide +   hack +   howto +   html +   idea +   idee +   image +   installer +   internet +   ip +   java +   javascript +   lifehacker +   linux +   liste +   logiciel +   mobile +   mp3 +   multimedia +   music +   musique +   online +   opensource +   outil +   p2p +   partager +   photo +   photoshop +   player +   plugin +   programme +   publier +   rechercher +   recuperation +   reference +   reparer +   reseau +   ressource +   routeur +   sauvegarde +   script +   search +   securite +   security +   serveur +   sip +   site +   telephone +   tips +   tool +   tuto +   tutorial +   tv +   usb +   user +   utilitaire +   video +   voip +   web2.0 +   webdesign +   wifi +   windows +   xml +   xp +   xpath +