public marks

PUBLIC MARKS from decembre with tag reference

This year

CSS - FONT - Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira

Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature of CSS: inline formatting context.

CSS - @font-face | Codrops CSS Reference

The @font-face CSS at-rule allows you to define and use your own custom fonts, thus allowing you to extend the limited set of standard system fonts that are installed by default on a computer, and that browsers can access and use.

CSS - will-change | Codrops CSS Reference

The will-change property allows you to inform the browser ahead of time of what kinds of changes you are likely to make to an element in order to allow the browser to optimize how it handles the element ahead of time. Using will-change, you allow the browser to prepare for certain changes that are likely to take place in the future, ahead of time. This allows it to make appropriate optimizations to render the page more quickly when these changes occur, therefore avoiding a non-trivial start-up cost which can have a negative impact on the responsiveness of a page. This way, when the actual change happens, the page updates in a snappy manner.

CSS- transform-style | Codrops CSS Reference

CSS3 3D Transforms Method of transforming an element in the third dimension using the `transform` property. Includes support for the `perspective` property to set the perspective in z-space and the `backface-visibility` property to toggle display of the reverse side of a 3D-transformed element.

CSS - object-position | Codrops CSS Reference

CSS3 object-fit/object-position Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does.


FIR - CSS - What is userChrome.css? What can it do?

userChrome.css is a style sheet with special importance to Firefox. The rules in userChrome.css are applied to the user interface, and can override nearly every built-in style rule. Unfortunately, you cannot use userChrome.css to change the functional operation of Firefox; that's what extensions are for. Creating a userChrome.css file and adding style rules allows you to make changes to fonts and colors, hide unnecessary items, adjust spacing, and make other changes to the appearance of Firefox. The following examples illustrate the wide range of effects you can create, either by creating your own style recipes, or building on the work of CSS wizards sharing their talents on the web.

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 :

JQUERY - API - .prop() | jQuery API Documentation

.prop() Categories: Attributes | Manipulation > General Attributes Get the value of a property for the first element in the set of matched elements or set one or more properties for every matched element. Contents: .prop( propertyName ) .prop( propertyName ) .prop( propertyName, value ) .prop( propertyName, value ) .prop( properties ) .prop( propertyName, function )

DEV - Web developer guides | MDN

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


HTML ← 4.5 Text-level semantics — Table of Contents — 4.7 Edits → 4.6 Links 4.6.1 Introduction 4.6.2 Links created by a and area elements 4.6.3 API for a and area elements 4.6.4 Following hyperlinks 4.6.5 Downloading resources Hyperlink auditing 4.6.6 Link types Link type "alternate" Link type "author" Link type "bookmark" Link type "canonical" Link type "dns-prefetch" Link type "external" Link type "help" Link type "icon" Link type "license" Link type "nofollow" Link type "noopener" Link type "noreferrer" Link type "pingback" Link type "preconnect" Link type "prefetch" Link type "preload" Link type "prerender" Link type "search" Link type "serviceworker" Link type "stylesheet" Link type "tag" Sequential link types Link type "next" Link type "prev" Other link types

JAVASCRIPT - jQUERY - TUTO (trés facile ett documenté) - Simplifiez vos développements JavaScript avec jQuery

Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. De la sélection d'éléments à la manipulation du DOM, en passant par l'animation, les requêtes AJAX, l'utilisation et la création de plugins, la création de jeux et bien d'autres choses encore !

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?

JAVASRIPT - JavaScript Style Guide

JavaScript Coding Conventions Coding conventions are style guidelines for programming. They typically cover: Naming and declaration rules for variables and functions. Rules for the use of white space, indentation, and comments. Programming practices and principles Coding conventions secure quality: Improves code readability Make code maintenance easier

CSS - Flexbox Cheatsheet (pense-bête) - Alsacreations

rassemble les informations techniques nécessaires à un usage de Flexbox au quotidien. 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


GOOGLE - 7.2 - Request Format

The information in this section helps you create custom searches for your web site. By using search parameters, special query terms and filters in your search requests, you can refine and enhance searches to serve your needs


DEV - Frontend Development Bookmarks - on Blog on

Frontend Development Bookmarks “A huge list of frontend development resources collected over time, from general knowledge to concrete problems.

Google Maps Javascript API V3 Reference - Google Maps JavaScript API v3 — Google Developers

google.maps.MapTypeStyleFeatureType object specification Possible values for feature types. Specify these values as strings, i.e. 'administrative' or 'poi.park'. Stylers applied to a parent feature type automatically apply to all child feature types. Note however that parent features may include some additional features that are not included in one of their child feature types.

Google ccTLDs and associated Languages & codes Reference Sheet | Distilled

This list is only identifying what languages Google uses per international top level domain.

jQuery - jQAPI - Alternative jQuery Documentation Browser

by 2 others
This is a alternative interface to browse the Official jQuery Documentation that can be found on GitHub . The aim of this project is to get out of the way of your development work. Quickly switch to this docs and find what you are looking for.


CSS - FUTUR - CSS Working Group Wiki [CSS Working Group Wiki]

The CSS Working Group is the W3C working group chartered to develop Cascading Style Sheets (CSS). We are responsible both for the CSS specifications and for their conformance test suites

CSS - Le contenu généré, le numérotage automatique et les listes -

:before et :after, avec valeurs 'compact' et 'run-in'. Guillemets: 'quotes'ou 'content'. Compteurs et numérotage automatiques, avec 'display: none'. Marqueurs et les listes : la propriété 'marker-offset'.Propriétés 'list-style-type', 'list-style-image', 'list-style-position' et 'list-style'.

CSS - Le modèle de mise en forme visuel -

by 2 others (via)
Ce chapitre 9 et le suivant décrivent le modèle de mise en forme visuel : l'interprétation par un agent utilisateur de l'arbre du document et du rendu de celui-ci par un média visuel