PUBLIC MARKS from decembre with tags tutorial & tool

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.

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.

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.

Let's take a look at what it takes to build a grid overlay with CSS. It will be responsive, easily customizable and make heavy use of CSS variables (known more accurately as "CSS custom properties"). If you aren't familiar with custom properties, I'd highly recommend reading What is the difference between CSS variables and preprocessor variables? and watching Lea Verou's enlighting talk on using them. This grid overlay that we're building will consider a developer tool, as in, a tool just for us, not really our users. So, let's not worry too much about browser support (If you do care, check out caniuse… data on custom properties). While it's impossible to preprocess custom properties to behave exactly the same as native support, if you use them just like you would preprocessor variables, tools like the postCSS plugin cssnext can transform them into CSS compliant with older browsers.

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__

Why limit yourself to just one? Here’s how to combine your favorite repair disks together to create the ultimate repair toolkit for broken Windows systems—all on a single flash drive. If you need to clean up an infected system, we’d absolutely recommend the BitDefender CD, since it’s auto-updating. Best bet? Create your ultimate boot disk with as many of the different utilities as your flash drive can hold. To create the rescue disk, a USB flash drive with a decent amount of space—for our purposes, 2 GB is the minimum size, but you’d be better off with something a little bigger if you want to put a lot of repair disks on it, especially the larger ones. To create the custom drive, we’ll use a small piece of software called SARDU, which combines a bunch of functionality into a single package—you can use it to download the ISO images, write everything to the USB drive, or create an ISO image that you could burn to an optical disc—though obviously you’re space-limited in that case.

How to create a Multiboot USB Flash Drive that you can use to Boot Multiple ISO Files from USB. Please note that you might need a 8GB-16GB or larger USB flash device to be able to support every bootable ISO entry. I will update and add more Bootable ISO files to the list as I find the time to test them. You can also contact me to submit working Bootable Linux ISO menu.lst entries for inclusion.

Ever get the urge to try out a bunch of Linux distros at once? Maybe you’re hosting a Linux installation party. Here’s an easy way to get a bunch of Live CDs working from a single thumb drive. 10 Distributions, You Say? MultiSystem is a really easy tool made to run on Ubuntu and Ubuntu-based distros that you can use to play with various LiveCDs at once, or to create the ultimate recovery device. If you don’t use Ubuntu, you can use an Ubuntu Live CD to install MultiSystem so that you can create your super live USB drive without having to run Linux as your main OS. It’s best to download your ISOs ahead of time, and select a USB drive large enough to house them all. I actually went with an 8 GB SD card (used via a USB adapter). Here are some of the popular and interesting distros I used.

In this article tripwire magazine provides a Photoshop Mega Toolbox with all you can wish for in Tutorials, Textures, Patterns, Brushes, Actions, Cheat Sheets etc. The article has been spit up in 8 sections to make sure you immediately find what you’re looking for.

Blog qui parle de Libre, de GNU/Linux mais aussi le blog d'un developpeur web. Un blog geek pour vous faire decouvrir la toile.

Keybr.com est très simple. Vous pouvez choisir parmi trois leçons de base qui commencent par un certain nombre de touches du clavier, puis, pendant que vous progressez à travers les leçons, plus de touches sont ajoutées pour rendre les choses un peu plus difficile. En prime, il assure le suivi de toutes les erreurs et votre donne votre score "Mots par Minute" (MPM) - et crée des graphiques performance. Avec le mode personnalisé, vous pourrez modifier et personnaliser le texte que vous souhaitent pratiquer! Vous pouvez importer le contenu d'un site web ou blog dans Keybr.com pour le taper. Il ne force pas à taper des caractères aléatoires, encore et encore, c'est tout simplement ennuyeux et contribue très peu de votre apprentissage. Il génère une lisible mots au hasard à l'aide des règles phonétiques de votre langue maternelle. Ces mots semblent presque naturels. C'est un logiciel Web : Vous n'avez pas à télécharger ou d'installer quoi que ce soit!

Tout ce que vous avez besoin est une idée, le freeware posterazor et une imprimante couleur. Posterazor est open source et un téléchargement très petit à 484KB. extrême portabilité, l'interface très simple, et Windows, Mac OSX et Linux. Grand nombre de formats.. Consultez le "HowTo MakeUseOf : Gratuit & énormes affiches personnalisées pour votre mur , article qui montre comment imprimer des sections d'une grande image sur du papier de format standard, et assembler le tout comme une immense affiche. L'assistant est simples : juste 5 étapes à partir de l'image de départ à l'affiche fini. Des zones de chevauchement de marge sont nécessaires pour le collage des pièces ensemble. Dans la dernière étape, l'affiche est enregistrée dans un fichier PDF multi-pages. Tout ce qui reste maintenant, c'est le travail d'impression des feuilles et de les assembler sur avec de la colle sur les bords chevauchants.

Marche à suivre: 1. Téléchargez Rasterbator: ou utilisation Online web (met des restrictions sur la taille et la résolution de sortie) 2. Exécuter et sélectionnez l'image source 3. Sélectionnez la taille du papier et l'alignement: L'image rasterbated sera automatiquement divisé sur plusieurs pages, si vous avez besoin de spécifier le format de chaque unité de papier (A4, A3, etc) et son alignement (horizontal ou vertical). 4. Définir la taille de sortie: la taille de sortie est définie par la quantité de documents à utiliser pour la largeur de l'image ou la hauteur. Par exemple, vous pouvez dire Rasterbator pour produire une affiche avec une largeur équivalente à 12 horizontalement alignés A4 documents . 5. Options "rasterbation Set" : Spécifiez les paramètres de couleurs et de résolution 6. Sélectionnez le répertoire de sortie et appuyez sur "Rasterbate presse!" " 7. C'est Fait: Imprimez-le et mettez le sur votre mur !

PosteRazor coupe un fichier image en plusieurs morceaux pouvant être imprimés et ensuite joints pour en faire une affiche (poster) PosteRazor version 1.2 parle francais. (Voir Sourceforge) - Tous les formats d'image. - Dimension Unités : m, mm, cm, pouces, pieds, pt(72e pouces) - Taille et l'orientation de l'imprimante où l'affiche sera imprimée peut être réglée manuellement ou formats prédéfinis suivants:DIN A4, DIN A3, Legal, Letter, Tabloid . La limite de taille d'une page est de 5 mètres (16,4 pieds), (maximum PDF.). - Format de l'affiche peut être fixé : Taille de l'image absolue (Taille spécifique de votre affiche.), Taille par nombre de pages (Combien de page), Taille de l'image en pour/cent La taille finale de l'affiche est théoriquement illimitée......

permet aux personnes qui sont mobiles, d'avoir un logiciel qui leur permet en un clic de souris de changer ces paramètres de réseau. Il permet de reconfigurer ses paramètres réseau lorsque l'on utilise un portable avec plusieurs connexions (travail, domicile, université, cyber ...). NetSetMan vous simplifie cette tâche et vous permet d'entrer jusqu'à cinq profils de connexion différents très simplement et de passer de l'un à l'autre en un clic. Le site de l'éditeur le voici : http://www.netsetman.com/ NetSetMan reste avant tout un gestionnaire de paramètres de réseau qui peut aisément alterner parmi 6 profils différents, vous trouverez ces fonctionnalités : Adresse IP, Masque de sous-réseau, Passerelle par défaut, Serveur DNS préféré & auxiliaire, Nom de l'ordinateur, Groupe de travail, Domaine DNS, Serveur WINS, Imprimante par défaut, Exécuter des scripts. De plus, ce logiciel est un freeware (gratuiciel)

Avec notepad++ il est possible d'utiliser des expressions régulières

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.

Notepad++ est un éditeur de texte qui gère les expressions régulières (regex) lorsqu’on souhaite rechercher et remplacer du texte. Ce gros avantage (gestion des regex) permet d’automatiser pas mal les ajouts, supressions, sélections de caractères dans un texte tout en visant juste. 1. Qu’est-ce qu’une expression régulière en informatique ? 2. Les pincipales regex à utiliser avec notepad++ 3. Conserver le texte d’une regex sous notepad++ Les expressions régulières (regex) en informatique :règles qui permettent d’isoler dans une zone de texte certains types de caractères (lettre, numéro), ensemble de caractères (mots de 3 lettres, nombre à 4 chiffres, mots commencant par…) , position dans le texte (début, fin, saut de ligne). -Trouver dans un texte toutes les phrases qui commencent par "il était une foie" et remplacer le texte par "Il était une fois" (^il était une foie) - Chaque fois qu’un texte se termine par un point, on peut forcer un retour à la ligne (.$) )

Widgets: Petits objets numériques que l’on peut afficher sur un site et qui diffusent de l’information depuis un autre site. Ils permettent de faire un lien dynamique entre la présence de la bibliothèque sur un réseau social et le site principal de celle-ci, tant il est vrai qu’il faut trouver le bon équilibre entre une logique de type portail = je fédère sur mon sites les différents accès à mes données et une logique de dissémination = je vais là où sont déjà les internautes en utilisant les médias sociaux. L’objectif est de rechercher des pistes concrètes et directement opérationnelles pour répondre à la question suivante : comment améliorer et enrichir l’offre de mon site dans le contexte du web 2.0 ? Ce site a été crée par Artesi Ile de France, il est animé par Loïc Hay, qui s’occupe aussi duwebpass, dispositif exemplaire qui gagnerait à être copié par les bibliothèques ! Notez enfin qu’il existe d’autres annuaires de widgets, référencés sur cet article de wikipédia.

Donc pour modifier les paramètres par défaut de l’extension, il vous faut 1. télécharger le fichier XPI au lieu de l’installer sur Firefox (donc aller sur le site d’Openly, et faire un clic gauche “Enregistrer la cible du lien sous…” 2. dézipper le fichier (changer l’extension .XPI en .ZIP si nécessaire) 3. modifier les fichiers (XML) nécessaires pour que les paramètres par défaut soient différents 4. rezipper tous les fichiers, remettre une extension .XPI au ZIP obtenu 5. charger le fichier XPI sur un serveur 6. pointer vers ce fichier depuis une page du site de la bibliothèque, vantant les mérites de cette extension Le plus difficile évidemment, c’est l’étape 3. Je vais essayer d’être le plus clair possible, car il me semble que le XML fait peur à certains.

Honnêtement, j’ai eu du mal avec l’interface de paramétrages de LibX. Et comme je n’ai pas réussi à trouver de tutoriel simple en français, il me semble utile d’en faire un petit ici. Pour l’instant, mon objectif avec LibX sera “simple” (au regard de toutes les possibilités que l’outil offre) : obtenir des ISBN cliquables dans les pages web que je vais rencontrer. LibX permet aussi, par exemple, une articulation avec un résolveur de lien et un proxy (pour les ressources en ligne payantes). Mais on n’en est pas là.

Utiliser Xparameter qui est un module qui permet de faire un scan des tous vos fichiers vidéos, afin de les importer correctement dans antmoviecatalog. Celà vous évitera de rentrer les noms des films un à un, ce qui serait franchement long avec une grosse collection.Ce module permet de scanner les films sur un ou plusieurs répertoires (aussi bien les réseaux) afin de créer une base de donnée (sous format Xml, codé en iso-8859-1) compatible pour AMC. De quoi ai-je besoin pour faire marcher tout çà?. De rien! Vous devez juste avoir installé le dernier pack Xlobby. Pour plus de transparence, voici ce qu'il contient pour les films: -Xlobby bien entendu avec un skin FR compatible (Xmedia2+games). -Ant movie Catalog et son fichier movies.amc contenant votre base de donnée. Ce dernier se trouve dans C:\Program Files\Ant Movie Catalog\Catalogs\movies.amc. -Xparameter pour l'import massif de films dans AMC.

Flickr présente l'inconvénient majeur de ne pas permettre une sauvegarde/export globale des données, alors même que Exporter les images est facile, mais le problème principal demeure: comment sauvegarder les métadonnées ajoutées aux photographies. Conserver les métadonnées dans les images même et non dans un fichier externe. C'est le sens de la règle d'or posée par Erwyn Van Der Meer, l'auteur de l'outil Flickr Metadata Synchr, listé plus haut, dans un article où il fait un point très clair et synthétique sur les formats et la façon dont Flickr les utilise (ou pas): "Store the metadata in your images!" De quelles métadonnées parle-t-on? * celles enregistrées par l'appareil (digital) au moment où la photographie est prise (informations techniques); format de référence: EXIF * celles ajoutées manuellement (en particulier les mots-clés / tags); formats: IPTC (plus) et XMP(plus), le second plus récent et traitant l'unicode.

These tools and utilities have regular expressions as the core of their functionality. grep - The utility from the UNIX world that first made regular expressions popular PowerGREP - Next generation grep for Microsoft Windows RegexBuddy - Learn, create, understand, test, use and save regular expressions. RegexBuddy makes working with regular expressions easier than ever before. General Applications with Notable Support for Regular Expressions There are a lot of applications these days that support regular expressions in one way or another, enhancing certain part of their functionality. But certain applications stand out from the crowd by implementing a full-featured Perl-style regular expression flavor and allowing regular expressions to be used instead of literal search terms throughout the application. EditPad Pro - Convenient text editor with a powerful regex-based search and replace feature, as well as regex-based customizable syntax coloring.