Code Frontend (DW avancé + DWWM)

En regard du volume de documentation, de votre veille technique vous devez vous concentrer sur vos priorités, ce qui est important pour vous ! 
Ces ressources concernent les designers web (DW) qui ont déjà un niveau avancé (bases HTML, CSS, JS assimilées) et à la fois des développeurs web et web mobile (DWWM).
Dark Reader – Adoptez cette extension pour 🦊 Firefox (fr)
Télécharger Dark Reader pour Firefox. Un thème sombre pour chaque site Web. Prenez soin de vos yeux, utilisez Dark Reader pour votre navigation nocturne et quotidienne.
addons.mozilla.org
Articles
CSS
​
Effet dépliant en CSS
The Mad Magazine Fold-In Effect in CSS
After 65 years at Mad Magazine, comic artist Al Jaffee announced his retirement. Jaffee was best known for his Mad Fold-Ins, where folding the page would reveal a hidden message in the artwork. Plenty of examples can be found on the web. The problem is, they all show the before and after statically,
thomaspark.co
Pseudo-classe :not() CSS
:not() | CSS-Tricks
The :not(X) property in CSS is a negation pseudo class and accepts a simple selector1 as an argument. Essentially, just another selector of any kind. :not
css-tricks.com
​
input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([aria-labelledby]):not([id]), label:not([for]) {
  outline: 2px dashed red;
}
5 New CSS Techniques to Master in 2020
Web designers are fascinated with ways to try new CSS techniques and push the boundaries of what CSS can do. Well-planned CSS can control almost any aspect of a design, and contribute to better overall user experiences—with cleaner and more consistent code. But what techniques are trendi...
designshack.net
Flexbox
Flexbox Patterns
www.flexboxpatterns.com
Chromium lands Flexbox gap | CSS-Tricks
I mentioned this the other day via Michelle Barker's coverage, but here I'll link to the official announcement. The main thing is that we'll be getting
css-tricks.com
Grid CSS
How to create an image gallery with CSS Grid
Image galleries made by websites like Unsplash [https://unsplash.com/],  Pinterest [https://www.pinterest.com/] Etc, are made by techniques like  positioning or translating the image item which is a very cumbersome task to do. You can achieve the same functionality very quickly using CSS Grids.  > For example: Above is a gallery of images with images of varying width and  height which is a perfect use case for CSS grids. Let’s get started! The Underlying Grid Now, let’s create an 8x8 grid. We ca
www.freecodecamp.org
Emmet
7 Awesome Emmet HTML Time-Saving Tips
Emmet, formerly Zen Coding, is one of the most downright practical and productive text editor plugins that you will ever see. With its ability to instantly expand simple abbreviations into complex code snippets, Emmet makes you feel like a powerful coding wizard with the world at your fing...
designshack.net
JS
Les 3 âges de JavaScript
swyx Writing | The Third Age of JavaScript
A bunch of things are moving in JavaScript - it is quite feasible that the JS of 10 years from now will look totally unrecognizable
www.swyx.io
Challenges intégration HTML-CSS-JS
Frontend Mentor | Challenges
Browse through the front-end coding challenges on Frontend Mentor. Find interesting projects to practice your HTML, CSS and JavaScript
www.frontendmentor.io
Devdoc
DevDocs
Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++, and many more.
devdocs.io
Frontend Checklist
✨ Your best Front-End Tool ✨
🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers! Follow the rules and deliver the best of your work in a generated report!
frontendchecklist.io
Fun
Web Design in 4 minutes
Learn the basics of web design in 4 minutes with this interactive tutorial.
jgthms.com
GIT
7 Git Commands You May Not Know
GitHub recently went free for teams which is great news for all devs. We all have our everyday Git commands that we use over and over. But what if I told
scotch.io
​
Sandboxes
Explore Sandboxes - CodeSandbox
You can find the most interesting sandboxes created on CodeSandbox here. Explore examples of JavaScript and frameworks like React, Vue and Angular!
codesandbox.io
Outils
Mes outils de développement web, web mobile en indépendant - Stéphane Arrami
Quelques sites intéressants à visiter.
stephane-arrami.com
Moteur de recherche expérimental
Quickref
quickref.dev
Chaînes YouTube (DW + DWWM)
Last updated 1 month ago