public marks

PUBLIC MARKS from decembre with tag dev

This year

DEV - Web developer guides | MDN

Web developer guides. These articles provide how-to information to help you make use of specific technologies and APIs.

JAVASCRIPT - syntax - What does "use strict" do in JavaScript, and what is the reasoning behind it? - Stack Overflow

The statement "use strict"; instructs the browser to use the Strict mode, which is a reduced and safer feature set of JavaScript. List of features (non-exhaustive) Disallows global variables. (Catches missing var declarations and typos in variable names) Silent failing assignments will throw error in strict mode (assigning NaN = 5;) Attempts to delete undeletable properties will throw (delete Object.prototype) Requires all property names in an object literal to be unique (var x = {x1: "1", x1: "2"}) Function parameter names must be unique (function sum (x, x) {...}) Forbids octal syntax (var x = 023; some devs assume wrongly that a preceding zero does nothing to change the number.) Forbids the with keyword eval in strict mode does not introduce new variables Forbids deleting plain names (delete x;) Forbids binding or assignment of the names eval and arguments in any form Strict mode does not alias properties of the arguments object with the formal parameters. (i.e. in function sum (a,b) { return arguments[0] + b;} This works because arguments[0] is bound to a and so on. ) arguments.callee is not supported [Ref: Strict mode, Mozilla Developer Network]

FIR - ADDON - Example extensions - Mozilla | MDN

To help illustrate how to develop extensions, we maintain a repository of simple example extensions at https://github.com/mdn/webextensions-examples. This article describes the WebExtension APIs used in that repository.

HTLM 5 - htlm5 pour les web designersAdactio: Jeremy Keith

(via)
Adactio is the online home of Jeremy Keith, a web developer and author living and working in Brighton, England.

DEV - FIREBUG vs. DEV TOOLS - Suggestions for Firebug gaps to be closed by the DevTools - Google Groupes

(via)
As Denis wrote: in https://bugzilla.mozilla.org/show_bug.cgi?id=991806 you find a dependency list which collects all the gaps. Mouse over the numbers to get the headline. Vote for the bugs that annoy you most. And many things work already. Read the migration guide. :

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.

BIB - greasemonkey - ILibX 2.0

(via)
General Questions/ Is LibX Free? How is LibX different from other library toolbars? Is there a version for my library? What version of Firefox does it work with? Does it work with Internet Explorer (IE)? Can I have two editions installed simultaneously? How can I get the Google Scholar search to work even if my institution has not registered with Google? How do I uninstall LibX?

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.

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.

CSS - FLEXBOX - Alsacréations - Flexbox Cheatsheet au format PDF

Ce memento est composé des sections suivantes : propriétés Flexbox applicables sur le parent (avec valeurs par défaut) propriétés applicables sur les enfants support des navigateurs (et version de spécification supportée) liste des bugs navigateurs et contournements les plus courants ordre de priorité des propriétés (voir cette présentation PDF) quelques modèles classiques : objet "media", centrage multiple, grille mono-ligne avec et sans gouttières les propriétés CSS qui ne s'appliquent pas sur les parents et les enfants flexbox liens vers des ressources incontournables

CSS - ONLINE TOOL - How to Center in CSS

by 3 others
Centering in CSS is a pain in the ass. There seems to be a gazillion ways to do it, depending on a variety of factors. This consolidates them and gives you the code you need for each situation. Select the type of content you want to center in a parent div and the size of the parent.

FIREFOX - DEV - BROWSER TOOLBOX - change color of firefox bookmarks menu - forum.userstyles.org

you can use Firefox menu->Developer->BrowserToolbox to examine UI elements and play with CSS. After you open it, click OK in the main browser window, wait a few seconds for the toolbox to initiliaze, then use the first button in its toolbar to pick an element (bookmarks button in your case).

2016

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.

2015

LOG - DEV - Wireshark 2.0 est dispo - Korben

la nouvelle version de Wireshark vient de sortir. Estampillé 2.0, le plus connu des analyseurs de trames réseau (né en 1998 quand même...), propose maintenant une interface entièrement revue (en QT alors qu'avant c'était du GTK) beaucoup plus légère et rapide et surtout plus jolie y compris sous Windows et OSX.

GitHub - CDN - RawGit tool

For use on production websites with any amount of traffic. Files are served via MaxCDN's super fast global CDN. No traffic limits or throttling. It's best to use a specific tag or commit hash in the URL (not a branch). Files are cached permanently after the first request. The catch: this is a free service, so there are no uptime or support guarantees.

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:

CSS - ANIMATION - iHover Hover Effects powered by pure CSS3

(via)
iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3!

CSS - ONLINE Tool - Bounce.js

(via)
Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations.

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.

FLICKT - mars 2015 - Introducing the New! Shiny ! Photolist framework - code.flickr.com

(via)
Some photolist pages on Flickr use infinite scrolling, and some display results one page at a time. Regardless of how a page shows its photos, it starts to feel messy when there is an incomplete row of photos hanging off the end of the page. If there is more content in the set, the last row should be full. However, since we fetch photos from the API in fixed batch sizes, things don’t always work out so nicely, leaving “leftovers” in the bottom row. Borrowing from typesetting terminology, we call these leftover photos orphans. (We can also paginate backwards; leftovers at the top are technically widows but we’ll just keep using the term orphans for simplicity.)

SVG - Using SVG (witth Online TOOLS) | CSS-Tricks

(via)
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__

JavaScript Arrays

Un tableau contient une collection de données en une seule variable. Tableaux JavaScript peuvent contenir des données de tout type : chaînes, des nombres , des booléens , des objets , fonctions et autres tableaux. Les éléments de données dans un tableau sont appelées éléments. Chaque élément a un indice qui commence à zéro . [ 1 ] Les indices de tableau sont utilisés pour accéder à des éléments et créer de nouveaux éléments comme le montre