Un peu de tout sur CSS, HTML, SVG, JavaScript et le reste.
Flexbox is incredibly powerful. But it's also crazy hard to master. So we all end up depending on a cheat sheet and some mad guessing in the dev tools. Enough of that! Time for you to:
- Become a master of layout with flexbox
- Internalize flexbox in a ridiculously unforgettable way so you can drop the cheat sheet crutch
- Create any layout you can imagine, without wasting time guessing or looking up syntax
This is a Mastery Game. Each section unravels part of the plot, gives you mastery over a new flexbox concept, and presents zombie survival challenges that force you to solidify your new skills like your life depends on it.
Haml (HTML abstraction markup language) is based on one primary principle: markup should be beautiful. It’s not just beauty for beauty’s sake either; Haml accelerates and simplifies template creation down to veritable haiku.
Sur Code Wall via Jonathan.
Have the greatest tool set at your disposal with this super-size curated list of the very best resources and tools available to date. I’ve lost count how many times I have been shown a certain resource or fell-upon one and one, it’s amazing and two, it’s been around for ages! Some resources and tools slip under your radar easily, so this article is to help prevent that happening. As a developer you should always know what the best resources are around, enabling you to make epic web-applications every-single-time. I’ll do my best to list mostly free to use resources throughout.
JavaScript Markdown Editor
SimpleMDE is a simple, embeddable, and beautiful JS markdown editor.
npm install simplemde --save
<script>
var simplemde = new SimpleMDE();
</script>
- Libraire JS pour mettre en forme le MD
L'élément canvas est un composant de HTML qui permet d'effectuer des rendus dynamiques d'images bitmap via des scripts. Déjà implémenté dans certains navigateurs, il fait partie de la spécification HTML5. !wfr
- API canvas sur la MDN.
- Tuto
- The WebGL API sur la MDN.
Superheroic JavaScript MVW Framework
AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
Alternative/complément à CSS.
The ultimate list of Bootstrap classes
An interactive list of Bootstrap classes for version 4.1.1
Showing results for contents of text-input area
This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change
Via Geoffrey Dorne.
L’outil musical génératif du jour en <a href="?addtag=HTML5" title="Hashtag HTML5">#HTML5</a>
Intitulé sobrement « Musical Chord Progression Arpeggiator », cet outil en ligne cherche à générer une échelle musicale (autrement dit : une gamme). Codé entièrement en HTML5, CSS et Javascript, l’interface vous permet de générer un ensemble de sons musicaux (des degrés) formant alors les bases d’une œuvre musicale.
Phaser is a free software 2D game framework for making HTML5 games for desktop and mobile. It was created by Photon Storm. !w.en
Sur Openweb.eu.org
Voyons tout d’abord ce que ces technologies ont en commun. Après tout, s’il est si difficile de choisir entre l’une et l’autre c’est qu’elles semblent offrir les mêmes choses... Mais quoi exactement ? Pour mémoire, SVG est un format d’image vectoriel et Canvas une balise HTML5 permettant d’y dessiner ce que l’on veut. Toutes deux permettent donc de créer des images directement dans le navigateur. Dès l’instant où vous allez vouloir utiliser les capacités de votre navigateur pour produire des images, vous allez donc vous poser la fatidique question. Et soyons honnêtes, les cas d’usage de ces deux technologies se recoupent souvent.
JS Fiddle est un outil de test et de partage de codes sources. Simple d’utilisation, Son interface se compose principalement de 5 zones dont 3 sont utilisées pour la rédaction de votre codes (HTML, CSS, JS).
Sur Identitools.
Liste de liens : Intégration, HTML, CSS.
"CodePen is a playground for the front end web.
Show off your latest creation and get feedback. Build a test case for that pesky bug. Find example design patterns and inspiration for your projects."
Sur Web-imaginative.
"Dans ce tutoriel Html & Css, nous allons vous montrer comment créer un très beau menu déroulant. Nous allons bien évidemment utiliser les nouveau attributs des langages HTML & CSS qui enjolivent toujours plus nos sites web."
Sur Pompage.net.
CSS, Html et Javascript pour menu déroulant.