public marks

PUBLIC MARKS from decembre with tag tool

March 2018

CSS - ONLINE TOOL - Irregular Shape Creator [CodePen]

Customize Border Radius and Size. And Copy and paste in your css

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.

CSS - ONLINE TOOL - Smooth corners with CSS Houdini - @iamvdo

CSS Painting API - CSS Custom Properties C+ CSS Properties and Values API Better rounded rectangle by drawing a superellipse. Read blog post

FUNNY - TOOL - Pour attraper les insectes sans les abîme - My Critter Catcher Home Page – MyCritterCatcher

Pour attraper les insectes sans les abîmer. How Does My Critter Catcher work? To pick up insects simply do the following: 1. Squeeze the handle so the bristles open, 2. Position the open bristles over the insect, and release the handle so the bristles close. To release the insect outside: 3. Squeeze the handle again so the bristles re-open. It's that easy!

February 2018

CSS - FirePath :: Reviews :: Add-ons for Firefox

An alternative or Update ? Rated 5 out of 5 stars by decembre on Feb. 21, 2018 · permalink When i write an Userstyle it is (was) the primary tool i use with Firebug. Now i search an alternative for this great tool: The devtool don't give us the possibility to search or test a specific CSS selector like Firepath do. And in an other hand the DevTool is less useful than Firebug (it don't give an easy way to identify in which userstyle a CSS rule is - with an human reading way)

December 2017

WRITING - 5 Tools Every Blogger Should be Using! – Going Big — The Official Crowdfire Blog

1. Grammarly (Addon - : Tenses, Conjunctions, Punctuation. Advise or Advice. Co-operate or Cooperate. This nifty tool helps me proofread my work of creation to make sure there are no spelling mistakes no commas missing and that my end result reads well. I just have to copy and paste my text into Grammarly’s Editor and see it work its magic! 2. Power Thesaurus ( This tool makes sure I never run out of words. Ever. Abnormality can become Anomaly, Excitement can become Exhilaration, Untidy to Unkempt, Indirect to Vicarious …. the possibilities are endless! 3. ZenPen ( : I find myself experimenting with all of that little editing/ (formatting?) tools available at the side while writing before I even have the first sentence ready. It gives me a minimalist writing space to write my blogposts without any distractions. 4. Hemingway ( My one stop tool to refine my blog post and make it publish ready! It does everything: Highlights grammatical errors, Points out complex words and suggests alternatives, Flags passive voices, and, Highlights sentences which are difficult to read and could do with breaking lines. 5. Evernote ( Evernote is that super handy tool that helps me take the right notes, so I can bring them all together when I put pen to paper in my next blog post. Evernote lets me note down things on the go wherever I am. I can note down Texts, Images and even Audios for when I want to revisit them later.

SERACH - NAME - Surname World - density maps, ranking and last name dictionary

Welcome to the home of last name denisty maps. We are currently serving 10 million surnames from all around the world. Common or rare and exotic surnames, all in one place. The main scope of the website is to provide you with density maps, showing how often a selected surname is used across countries and territories. Tools: popularity rank - surname prevalence globally dictionary - etymology and meaning top languages - usage by language density maps - how names are distribute around the globe frequent first names - what given names are common in specific families

FIR- DEV - Firefox DevTools (@FirefoxDevTools) | Twitter

The official Firefox DevTools account. Follow us here to see the very latest experiments, milestones and help us build the best Firefox.

LOG - TELECHARGER - YouTube-DL GUI 0.4 - New User Interface - Web Upd8: Ubuntu / Linux blog

ouTube-DL GUI is, like its name suggests, a graphical user interface for the powerful command line tool youtube-dl, available for Linux and Windows. In case you're not familiar with youtube-dl, this is a popular tool that allows downloading videos from YouTube and around 1000 other websites. YouTube-DL GUI features include: - options to select the video and audio format; - post-processing options such as: extract audio from video file, embed thumbnail in audio file, add metadata, select audio quality; - can embed subtitles into the video file (mp4 only); - configurable filename format for the downloaded audio/video file; - supports authentication; - allows using a proxy; - can specify user agent and referrer; - supports passing extra youtube-dl command line options. YouTUbe-DL GUI automatically downloads (and updates) the youtube-dl binary so you don't have to worry about having an old youtube-dl that no longer works. By default, the binary is saved under the ~/.config/youtube-dlg directory. For post-processing, the application uses FFmpeg, so you'll need this installed for some options, like merging DASH files, etc.

October 2017

FIR - ConfigFox - Utility to manage Firefox advanced, hidden setting

ConfigFox is an utility to manage Firefox advanced, hidden settings and tweaks, mostly concerning security and privacy. With ConfigFox you can manage multiple profiles independently. It is compatible with all Firefox builds: Waterfox, Palemoon, Tor, Portable, etc... If you don't have Firefox installed in your computer you will be prompted to select your custom Firefox path (executable). Features - Quickly create and customize Firefox profiles. - Easily enable/disable settings with one click. - Quickly search Config entries. - Get updates for Config collection. - Backup, Defrag and Vacuum profiles for a faster performance. - View profile information. - Search online for Config strings information.

ADDON - SEARCH - How to use S-mall Search : S-mall Search

How to use S-mall Search S-mall Search is a Firefox addon. This addon adds the refine search tool to web pages. - Adding a supported page: pageinfo:The user can add a supported page by writing pageinfo. The pageinfo is Object written in JSON and has the following keys

August 2017

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

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.

TELEPHONE - TOOL - Nokia Nbu explorer – How to open .nbu Backup files

2009 - Nokia NbuExplorer is a free & small tool which allows opening the backup files from Nokia PC Suite which is a .nbu file. It is an excellent parser, extractor and viewer of Nokia NBU backup file (produced by Nokia Content Copier). You can browse and export contacts, messages, calendar, photos, files, etc

July 2017

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.

June 2017

CSS - OUTIL - Pleeease (le couteau suisse des postprocesseurs) - Alsacreations

Par contre, bien moins connus sont les postprocesseurs : ceux-là interviennent à partir d'une feuille CSS standard pour la rendre lisible ou compatible universellement. L'exemple de postprocesseur le plus célèbre étant Autoprefixer : donnez-lui des CSS non préfixés et il se débrouille pour ajouter les préfixes nécessaires manquants.

DEV - Modernizr - Alsacreations

Modernizr est voué à la détection des fonctionnalités navigateurs via JavaScript. Il permet de prévoir des alternatives (basées sur d'autres bibliothèques) pour les moteurs ne supportant pas l'une ou l'autre des propriétés CSS, HTML, etc.

May 2017

DEV - 2009 - Useful Javascript, jQuery, and AJAX Tutorials and Resources – MLC#1 | The Blog of Joren Rapini

Many of these links are bookmarks to articles that were list themselves, so they included many items. What’s special about this list on Joren Rapini’s blog, you ask? Well, I have graciously copied and pasted the Firefox tags that I use to identify each one of these pages in my bookmarks, so you can copy and paste them right into yours! This should save you a lot of time, and give you an enormous wealth of resources to boot.

GIF -FREE APP - ScreenToGif: Screencast GIF Making Tool With Powerful Editor [Windows]

ScreenToGif is a free executable utility that records a screencast and saves it as GIF. Unlike Recordit, it doesn’t convert from an video format to a GIF, instead you record a GIF. You select the frame rate and the recording area, and when you click record, it starts to capture the GIF. You can manage the playback rate, and choose to loop it and if that isn’t enough, the app also lets you add text to your GIF, insert title or image frames, and edit each individual frame. It is about as complete as a GIF making app gets and it’s fast. As a GIF maker, ScreenToGif is suited for quick feature demos; it can capture the mouse cursor when recording the GIF and also show mouse clicks. Launch the app and resize the window so that the area you want to record fits inside it. You can set a custom frame size down to the pixel using the tools at the bottom of the window. In the box next to the stopwatch, you set the frame rate. The higher the frame rate, the better the quality of the GIF. Click Record when you’re ready.

April 2017


You can perform a wide variety of designs, art as the icon of DRAW-SVG, mapping, technical, presentation slides, etc. ..

March 2017

CSS - GRID - Building a CSS Grid Overlay | CSS-Tricks

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.

CSS - Using DevTools to Tweak Designs in the Browser | CSS-Tricks - 2017

Let's look at some ways we can use the browsers DevTools to do design work. There are a few somewhat hidden tricks you mind find handy!