Best of CSS — September 2020
- 1
- 2
- 3
DEV·6y
“CSS Flexbox Cheatsheet” v3
The biggest change in this update is the addition of interactive demos to most properties. You will be able to see how each value works just by clicking on the buttons. I’m looking forward to your feedback! Tell me what you like about it and what you would like to see more.
- 4
- 5
daily.dev·6y
My 5 Practical CSS Tips
This is going to be a short post with my best CSS tips. I'll do my best to share references for every tip so you can read more and get a better understanding. Using rem makes your site responsive to font-size changes and aligned to the user's settings. nested selectors improve the readability and maintainability of your CSS code.
- 6
🔥 What's Hot in Web Development? — Weekly Picks #145
This week we have excellent posts about CSS, JavaScript, and more. Chris lists his top 10 chrome extensions for developers. Catalin debunks the myth of super developers that code non-stop. Lazar shares his review of Uxcel: UX/UI for developers and designers.
- 7
Hashnode·6y
Practical Front-End Practices
The chances of writing code that will never be changed or never looked at again are slim to none. Code should be committed to source control in an unmodified state. Third-party code and libraries should never be modified and their original source and the license must be documented and be appropriate for a project.
- 8
The Ultimate Guide to Web Performance 🚀
Use this guide as a reference. There's so many ways to speed up your site. Don't you wish every web performance tip was in one place? That's what I thought too, so I put them all in one post: this post. Use these tips to help you get the most out of your web site.
- 9
Use BEM for scalable and maintainable CSS
BEM takes a component-based approach to CSS development. It has some strict rules about inheritance and how to write your CSS selectors. To follow BEM properly, you should not use inherited CSS styles in order to style your components. You can also nest blocks inside of other blocks, if needed, but this is generally avoided.
- 10
A Basic Introduction to Webpack
Webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph that maps every module your project needs and generates one or more bundles. The configuration file is probably the most important part of Webpack that you'll need to customize as per your project.
- 11
CSS-Tricks·6y
Optimizing CSS for faster page loads
Your page load time has a direct impact on your profit. Too large CSS files will take a longer time to download and thus the entire page will take much more time to render. Use modern code whenever possible and make your CSS files smaller. Check the result code for unnecessary bloat if you are using PostCSS with multiple plugins.
- 12
7 Beginner Friendly Javascript Project Ideas
Mastering the basics of Javascript gives you an edge when you decide to pick up frameworks like Vue, React and Angular later on. If your just starting out with learning Javascript and looking for project ideas to get you practicing this article is for you. Here are 7 beginner friendly Javascript project ideas:Random password generator,Background changer,JS Clock (Analog and Digital), Tip calculator and Stopwatch.
- 13
Tailwind CSS Resources you wish you had.
Tailwind uses a mobile-first breakpoint system and only uses min-width instead of max-width. The most useful method that made my Html file clean and organized is using the @apply method. Instead of making the utility classes be all over the HTML file, I used them on the style.css file.
- 14
🔥 What's Hot in Web Development? — Weekly Picks #147
This week is all about frontend development! React news, CSS selectors cheatsheet, visx by Airbnb, and more. As always, all posts were ranked by dailydev community. Shout out to all the authors. 🌟 This week's top posts: 24 Coolest VSCode Extensions.
- 15
8 Tips for Optimizing Your Website’s Speed
Just by taking care of few things and following some best practices, you can make your site a lot faster. Even a one to two seconds delay on your website can drastically affect the user experience and your site traffic. Optimize your media files size and format. Minify and Combine your files that you put on your page to make the browser to render them automatically.
