Web Dev

Bannière

Web - global

Spécifications et documentations

Outils

Web Components

Général
Shadow DOM
Templates
Custom Elements

HTML

Spécifications

Bonnes pratiques

Informations complémentaires

Titre
Head — A free guide to <head> elements
Auteurs
  • Josh BUCHEA
Éditeur
gethead.info

CSS

Spécifications

Général

CSS dans les emails

Bonnes pratiques

Styles par défaut

Outils

Titre
Normalize.css
Auteurs
  • Nicolas GALLAGHER
Titre
CSS Guidelines
Auteurs
  • Harry ROBERTS

Trucs et astuces

Centrage

Titre
Le guide complet pour centrer en css
Auteurs
  • NYALAB
Éditeur
Putain de code !
Date
Titre
Centering in CSS: A Complete Guide
Auteurs
  • Chris COYER
Éditeur
CSS-tricks
Date

Sélecteurs

Titre
Why we don't have a parent selector
Auteurs
  • Johnatan SNOOK
Éditeur
snook.ca
Date

Transitions, animations

Titre
Understanding CSS3 Transitions
Auteurs
  • Dan CEDERHOLM
Éditeur
A List Apart
Date
Remarque
Ce n'est pas du HTML 5 mais du CSS 3 : comment modifier dynamiquement la valeur de certaines propriétés CSS, ce que permettent la plupart des librairies javascript. On pourra toujours se demander si c'est aux feuilles de styles de faire cela, mais c'est en tout cas simple et rapide à mettre en place.

Formes géométriques

Titre
CSS Quick Tip: CSS Arrows and Shapes Without Markup
Auteurs
  • Nate CAVANAUGH
Éditeur
yuiblog
Date

Flex and Grid

Titre
Disposition des boîtes flexibles CSS
Éditeur
developer.mozilla.org
Titre
CSS masonry with flexbox, -nth-child(), and order
Auteurs
  • Tobias AHLIN
Éditeur
tobiasahlin.com
Date
Titre
An Introduction to CSS Grid Layout: Part 1
Auteurs
  • Dan BROWN
Éditeur
Mozilla Hacks
Date
Titre
An Introduction to CSS Grid Layout: Part 2
Auteurs
  • Dan BROWN
Éditeur
Mozilla Hacks
Date
Titre
CSS Grid Layout Examples
Auteurs
  • IGALIA
Titre
CSS Grid!
Auteurs
  • Eric MEYER
Éditeur
Meyerweb
Date
Titre
Grid By Example
Auteurs
  • Rachel ANDREW
Titre
A Complete Guide to Grid
Auteurs
  • Chris HOUSE
Éditeur
CSS-Tricks
Date

authors : Manuel Rego title  : Le positionnement dans les Grilles CSS url  : https://medium.com/@patrickbrosset/le-positionnement-dans-les-grilles-css-c46a2740c33a#.xyb3hid8k pub  : Medium date  : 2016-02-23

Stylisation des champs de saisie / interaction

Titre
How to Style Input Type Range in Chrome, Firefox, and IE
Auteurs
  • Brenna O'BRIEN
Éditeur
{BrennaOBrien}
Date

Javascript

Voir Javascript

DOM

Spécifications

Web Components

Titre
The Power of Web Components
Auteurs
  • POTCH
Éditeur
Mozilla Hacks
Date

MutationObserver

Canvas

Titre
Exploring canvas drawing techniques
Auteurs
  • KANGAX
Éditeur
Perfection Kills
Date

WebGL

Sites web statiques

Static Site Generators

Design, accessibilité, ergonomie, typographie

Accessibilité, typographie

HIG (human interface guidelines)

Measure (line length)

65 characters (2.5 times the Roman alphabet) is often referred to as the perfect measure. Derived from this number is the ideal range that all designers should strive for: 45 to 75 characters (including spaces and punctuation) per line for print. Many web designers (including me) apply that rule directly to the web. I’ve found, however, that we can reliably broaden the range to 45 to 85 characters (including spaces and punctuation) per line for web pages.

Titre
Size Matters: Balancing Line Length And Font Size In Responsive Web Design
Auteurs
  • Laura FRANZ
Éditeur
Smashing Magazine
Date
Titre
2.1.2 Choose a comfortable measure
Auteurs
  • Richard RUTTER
Éditeur
The Elements of Typographic Style Applied to the Web

Formulaires

Titre
How To Improve UX of Web Forms
Auteurs
  • Max SNITSER
Éditeur
Max Snitser design
Date

Techniques

Titre
Complete Beginner’s Guide to UX Research
Éditeur
UX Booth
Date

Social networking (ActivityPub)

HTTP

Spécifications

Java

Spécifications

Codes et bonnes pratiques

Chaînes de caractères

Titre
How to compare strings in Java
Auteurs
  • Girish MANAGOLI
Éditeur
opensource.com
Date

Apache tomcat

Astuces diverses

  • Forcer la relecture des jars sans arrêter le serveur : faire un touch sur le web.xml.

Configuration SSL de Tomcat

SSL/TLS Configuration How-To

°°stx-bash°°
keytool -genkey -keyalg RSA -alias tomcat -keystore /path/to/keystore.jks
Génération de certificat auto-signé
<Connector
    SSLEnabled="true"
    maxThreads="150"
    port="8443"
    protocol="org.apache.coyote.http11.Http11NioProtocol"
>
    <SSLHostConfig>
        <Certificate
            certificateKeystoreFile="/path/to/keystore.jks"
            certificateKeystorePassword="password"
            hostName="localhost"
            type="RSA"
        />
    </SSLHostConfig>
</Connector>
Configuration du serveur (machine locale)

PHP

Spécifications

Bonnes pratiques

Ressources

PHP Apprentice
PHP Apprentice is an online, open source book about the PHP programming language. PHP is one of the most popular platforms for building websites and web services. It is a great language that is easy to learn and allows you to build powerful and complex web applications very quickly.
PHP League
The League of Extraordinary Packages is a group of developers who have banded together to build solid, well tested PHP packages using modern coding standards.

Configurations

  • Configuration de PHP : /etc/php.ini
  • Conifguration d'extensions : /etc/php.d/
error_reporting = E_ALL
display_errors = On
Affichage des erreurs en développement
\setlocale(\LC_NUMERIC, 'C');
Forcer le point (".") comme séparateur de décimale.

Python

Bonnes pratiques

Python et json

Titre
Save and load Python data with JSON
Auteurs
  • Seth KENLON
Éditeur
opensource.com
Date

Réseaux

Autres outils

nethogs
Utilitaires pour scanner les processus utilisant la bande passante.
Titre
Fedora Linux install vnstat network traffic monitor - nixCraft
Auteurs
  • NIXCRAFT
Éditeur
Nixcraft
Date

Formats de fichiers

N'ESSAIE PAS DE PARSER LE CSV TOI-MÊME. Tant que c'est possible, prends une lib solide faite pour ça. (Python a une excellente lib de CSV incluse.)

Et ne te dis pas que ça ne t'arrivera pas, et que toi, tu ne reçois que du CSV bien formaté: Avec la loi de Murphy, s'il y a une possibilité que ça foire, ça va foirer.

Si tu veux vraiment le coder toi-même, tu peux s'en sortir en écrivant une machine à état. Mais il faudra bien prendre en comptes tous ces cas. Et peut-être d'autres que j'aurais oubliés.

Titre
Alors comme ça tu veux faire du CSV ?
Auteurs
  • Sébastien SAUVAGE
Éditeur
sebsauvage
Date

Outils

Customisation d'Eclipse

Revues, magazines, communautés

Alsacreations
Petit site qui est devenu une vaste communauté avec news, tutos et forums.
Open Web
Ressources sur les bonnes pratiques du web.
Pompage
Traductions d'articles.
A List Apart
Magazine historique sur le design et le dev web.

historique

2018-03-10
  • add fusion de l'article sur les réseaux.
2017-02-03
2015-09-12
  • upd Refonte complète de l'article (fusion de l'article HIG).
2015-04-26
  • add Article sur les HIG.
2007-08-25
  • upd Simplification de l'article avec la suppression de certaines entrées devenues obsolètes ou inadéquate, en attendant une mise à jour plus complète.
2004-06-15
  • add Création de l'article