DevCode

Subscribe for a cookie 🍪

Découvrez le rôle essentiel des Dockerfiles dans la création d’images Docker personnalisées. Un Dockerfile est un fichier sans extension utilisé par Docker pour construire une image à partir d’une autre, en y ajoutant des fonctionnalités et des programmes spécifiques. Première vidéo de le formation Docker : https://youtu.be/lcQq_F3pDgo?si=a88POUyo15TfKSud Formation complète : https://youtube.com/playlist?list=PLpLG--nxBMd-wO_MAWh3gzqCcFh4qNMvP&si=AFirIGs7OS_CZjLH #docker #dockerfile

In this tutorial, we'll explore using .form-groups for better organization, making sure our elements inherit font properties, when to use CSS Grid over Flexbox for form layouts (plus one key flexbox use case), advanced selectors for targeting specific form elements, practical layout tips and tricks, the new accent-color property for native styling, and more. 🔗 Links ✅ The starting code: https://codepen.io/kevinpowell/pen/LEEzWOr ✅ The finished code: https://codepen.io/kevinpowell/pen/JodojoQ ✅ Why I don't like min-width: 0: https://youtu.be/FD3aC_Ke8uk?si=BsgpcAfLRCltNmtk ✅ MDN on accent-color: https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color ✅ Improve your forms user experience: https://youtu.be/awNYtIAu6pI?si=2QKKuBqox8MPWxGA ⌚ Timestamps 00:00 - Introduction 00:10 - keeping things in form groups 00:50 - inheriting font properties 01:55 - use grid for forms and form groups 04:20 - dealing with the minimum size of some inputs 06:28 - layout tips 10:50 - strategies for styling specific elements 13:13 - bonus tip: using ch unit for gap 13:50 - accent-color 14:43 - bonus tip: text-box-trim #css ✉ Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter 💬 Come hang out with other devs in my Discord Community https://discord.gg/nTYCvrK ⭐ Are you a beginner? HTML & CSS for absolute beginners is for you: https://learn.kevinpowell.co 🎓 Start writing CSS with confidence with CSS Demystified: [https://cssdemystified.com](https://cssdemystified.com/) 🚀 Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/ --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://cottonbureau.com/people/kevin-powell 💖 Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join --- 🧑‍💻 My editor: VS Code - https://code.visualstudio.com/ 🌈 My theme: One Dark Pro Var Night 🔤 My font: Cascadia Code --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel: Bluesky: https://bsky.app/profile/kevinpowell.co Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

PHP is a popular general-purpose scripting language that powers everything from your blog to the most popular websites in the world.

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

Free Source Code Projects and Tutorials - Python, PHP, Visual Basic, C#, Java, JavaScript, C/C++, HTML/CSS, SQL

Bringing you the best SSL/TLS and PKI testing tools and documentation.

Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more.

match command-line arguments to their help text

A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions.

CSS3 Generator

The best HTML & CSS code generators for web developers! Use our FREE online tool to generate code for your next project!

4000+ hand-picked Pure JavaScript and Pure CSS libraries, plugins, components for front-end developers.

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Free online HTML, CSS and JavaScript live editor. HTML, CSS and JS are the parts of all websites that users directly interact with. Our free online tool collection

&nbsp, or non-breaking space, is an HTML character used to create a space. We analyze when to use it and when to opt for other solutions.

Code Info is your go-to destination for mastering the art of web development and unleashing your creative design skills. Dive into the world of HTML, CSS, JavaScript and React with our expertly crafted learning resources.

...

Write and run HTML, CSS and JavaScript code using our online editor. Our HTML editor updates the webview automatically in real-time as you write code. Give it a try.

CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.

Tutorialspoint is an online learning platform providing free tutorials, paid premium courses, and eBooks. Learn the latest technologies and programming languages SQL, MySQL, Python, C, C++, Java, Python, PHP, Machine Learning, data science, AI, Prompt Engineering and more.

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

Beautiful UI components and templates by the creators of Tailwind CSS.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

Easily test your htaccess rewrite rules