Une collection de lien sur le Front-end, Back-end et Design UI/UX.
- EditorConfig https://editorconfig.org/
- Visual Code Studio raccourci windows https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
- Python I.D.E https://www.jetbrains.com/pycharm/
- WebStorm, Front End oriented I.D.E https://www.jetbrains.com/webstorm/
- Code Pen, code & community https://codepen.io/
- JSFiddle code editor https://jsfiddle.net/
- Code Sandbox, code editor Full Stack https://codesandbox.io
- 💂♀️ Programming fonts list: https://github.com/saifulapm/my-fonts
- Html débutant slide show: https://fr.slideshare.net/slideshow/html-css-250553974/250553974
- Html https://fr.slideshare.net/slideshow/langage-html-81121667/81121667
- {!} HTML5 for Web Designers https://html5forwebdesigners.com/
- https://sass-guidelin.es
- CSS WEEKLY: https://css-weekly.com/
- La Cascade, Un peu de tout sur CSS, HTML, SVG et JS, traduit du web anglophone https://la-cascade.io/
- CSS Wrapped 2024: https://chrome.dev/css-wrapped-2024/?utm_source=convertkit&utm_medium=email&utm_campaign=So%20many%20amazing%20features%20added%20to%20CSS%20in%202024%20%F0%9F%A4%AF%20-%2015916148/
- Définir son style, après BEM, CAP https://blog.ippon.fr/2020/05/04/definir-son-style-css-avec-cap/
- Magic Of Css: https://adamschwartz.co/magic-of-css/
- Découverte CSS https://grafikart.fr/formations/css
- Conférences:
- “Designing Intrinsic Layouts” by Jen Simmons https://youtu.be/AMPKmh98XLY?si=ryV5xjSVdXVTWuvt
- CSS DAYS 2024: https://www.youtube.com/watch?v=VS3ERmCsM_o&list=PLjnstNlepBvO0-I7iwqpkOY_fwAop6Pl-
- Harmonie des caractéres: https://typescale.com/
- Fluid Responsive design: https://utopia.fyi/
- ❕CSS day year event in Amsterdam https://cssday.nl/2024
- Selector Game: https://flukeout.github.io/
- Easings: https://easings.co/
- Easings: https://easings.net/fr
- View Transition Polyfill : https://github.com/demarketed/view-transitions-polyfill
- Animation CSS: https://cubic-bezier.com/#.17,.67,.83,.67
- Media Queries - Anti séche: https://mac-blog.org.ua/css-3-media-queries-cheat-sheet/
- Références CSS https://tympanus.net/codrops/css_reference/
- 👉 Anti Séches CSS https://www.land-of-web.com/freebies/css-shorthand-property-cheat-sheet.html
- Print CSS, advance. https://www.pompage.net/traduction/impression
- Liste des selecteurs et des propriétés CSS https://css-tricks.com/almanac/
- CSS Battle, jeu solo ou multi : https://cssbattle.dev/
- 12 ombres de texte CSS à copier/coller https://designshack.net/articles/css/12-fun-css-text-shadows-you-can-copy-and-paste/
- Grid by Example https://gridbyexample.com/
- 10 projets pour débutant: https://www.geeksforgeeks.org/top-10-projects-for-beginners-to-practice-html-and-css-skills/
- Clip Path tool: https://bennettfeely.com/clippy/
- Sara Soueidian, a propos de la propirété Clip-Path: https://www.sarasoueidan.com/blog/css-svg-clipping/
- Practical SVG book free: https://practical-svg.chriscoyier.net/
- Mat Marquis's Javascript book (free) https://javascript-for-web-designers.abookapart.com/
- Cheat Sheets
- Lutte pour la regulaton de la techno-police: https://www.laquadrature.net/
- Etat belge: https://www.belgium.be/fr/justice/respect_de_la_vie_privee/protection_des_donnees_personnelles
- https://www.anysurfer.be/fr/documentation/articles/categorie/structure-et-semantique
- https://www.w3.org/WAI/fundamentals/accessibility-intro/fr
- http://www.pompage.net/traduction/accesibilitemoteursderecherche
- Une liste des dimensions des appareils : https://screensiz.es/
- articcle d'Alsacreation, site français, tuto et article. : https://www.alsacreations.com/article/lire/1559-responsive-web-design-present-futur-adaptation-mobile.html
- article de Grafikart (video): https://grafikart.fr/tutoriels/media-query-css-1050
- liste des framework les plus utilisés : https://2023.stateofcss.com/en-US/css-frameworks/
- Tailwind CSS https://tailwindcss.com/docs/installation
- [<Bootstrap >]
- UI Kit: https://getuikit.com/docs/introduction
- Bulma: https://bulma.io/documentation/
- PureCSS: https://purecss.io/
- Open Props: https://open-props.style/
- …
- The Open Graph protocol: https://ogp.me/
- The FWA, classement des meilleurs site en termes de communication/publicité https://thefwa.com
- Awwwards, classement de sites https://www.awwwards.com/
- Collection de sites https://webawards.com/
- Css Tricks aka Chris Coyer, le site de références en Front end https://css-tricks.com/
- "Front-end education for the real world.", magazine https://piccalil.li
- Template HTML https://github.com/alsiam/web-projects?tab=readme-ov-file
- Traduction française d'article de références http://www.pompage.net/
- Portail sur le front-end, high level: https://tympanus.net/codrops/
- Magazine sur le web: https://abduzeedo.com/
- Ressources pour designer: https://www.webdesignerdepot.com
- Portail dev : https://typeoverflow.com/
- Les principales balises : https://thomgo.github.io/trainingIntegration/cheatsheetHTML/index.html
- Colour contrast checker: https://colourcontrast.cc/
- Design process in Figma https://piccalil.li/blog/redesigning-piccalilli-the-first-part-of-the-design-process/
- Quizz Html, Css, Js : https://www.alsacreations.com/quiz/
- La documentation officielle html/CSS/JS/ … https://developer.mozilla.org/fr/docs/Learn/Common_questions
- Codecademy, tutoriels: https://www.codecademy.com/learn
- Magazine sur le Dév: https://dev.to/
- Magazine Alsacréation: https://www.alsacreations.com
- Front-End paradise: https://codepen.com
- Plateforme de formation française: https://grafikart.fr/
- Plateforme de formation française: https://openclassrooms.com/fr/courses
- Le C.V des Dév, cloud pour code: https://github.com/
- Article par les dév pour les dév: https://medium.com/tag/web-development
- Wordpress, tutoriels: https://capitainewp.io/
- Site regroupant TOUTE la documentation des langages web: https://devdocs.io/
- Plan d'un site: https://octopus.do/
- Cardio JS: https://javascript30.com/
- Plan de carriere: https://roadmap.sh/backend
- Tous les 'state of …' https://survey.devographics.com/fr-FR
- ❤️ State of CSS 2023 https://survey.devographics.com/fr-FR/survey/state-of-css/2023
- ✌️ State of CSS 2024 https://2024.stateofcss.com/en-US
- ❤️ State of HTML 2023 https://survey.devographics.com/fr-FR/survey/state-of-html/2023
- https://chrispederick.com/work/web-developer/ / extension vitale
- Visualise le LocalStorage du navigateur:https://github.com/igorlogius/localstorage-editor
- inspecteur html: https://chromewebstore.google.com/detail/hover-inspector-like-in-z/ /
- https://chromewebstore.google.com/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf / verification de l'accésibilité
- https://github.com/oftheheadland/Colorblindly / accéssibilité des couleurs
- https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi / ext. Accéssibilité
- https://chromewebstore.google.com/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd / dev tools
- Generateur d'ombre en CSS: https://shadows.brumm.af/
- Bundler/Builder, easy https://parceljs.org/
- Vite JS, moyen https://vitejs.dev
- Logiciel: https://prepros.io/
- Php/Laravel + Webpack = https://laravel-mix.com/
- Générateur de dégradé CSS https://cssgradient.io
- Couleur et police de caractéres: https://www.colorsandfonts.com/
- Moteur de recherche d'APIhttps://any-api.com/
- Optimisation d'image https://tinypng.com/
- generateur de webfonts https://www.fontsquirrel.com/tools/webfont-generator
- Pléthore d'outils pour le front-end: https://www.beforepost.com
- Plein de petit outils sympa: https://tiny-helpers.dev/
- Open Source dev lists: https://freestuff.dev/
- Awesome Chart.js: https://github.com/chartjs/awesome
- Snippets, bout de code: https://www.30secondsofcode.org/collections/p/1/
- Randow profil: https://randomuser.me/
- Lorem ipsum html: http://officeipsum.com/index.php
- Lorem ipsum corporate: https://loripsum.net/
- 👌🏼 Collecting All Cheat Sheets https://overapi.com/
- A propos de la nommination des classes: https://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/
- 🍬 Block Element Modifier aka B.E.M https://putaindecode.io/articles/petite-definition-de-bem/
- Maîtriser la spécificité CSS @Layer https://www.alsacreations.com/article/lire/1871-Maitriser-la-specificite-CSS-grace-a-Cascade-Layers.html
- Les citations en HTML avec blockquote, cite et q https://www.alsacreations.com/article/lire/1908-Les-citations-en-HTML-avec-blockquote-cite-et-q.html
-
Où commencer ? https://fr.wordpress.org/support/article/new-to-wordpress-where-to-start/
-
Quizz WordPress https://capitainewp.io/quiz-wordpress/
-
Glossaire des termes de WordPress: https://www.wpbeginner.com/glossary
-
Documentation Timber v2 https://timber.github.io/docs/v2/
-
Starter Kit Timber v2 https://github.com/cearls/timberland
-
Tuto Grafikart Timber v1 https://www.youtube.com/watch?v=o-io2Ck9iDk
-
https://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/