List nice techniques for front-end usages
- The vertical align css property
- sive font-size with min and max
- Responsive font-size with sass maps
- Improved font loading
- One File, Many Options: Using Variable Fonts on the Web
- JavaScript Promises for Dummies
- Using fetch
- The "this" Keyword
- ES6 Generators and Iterators: a Developer’s Guide
- SVG on the web - A Practical Guide
- Placeholders for picture elements
- Responsive images
- The anatomy of responsive images
- SVG fallback & art direction wt
- Efficient Image Resizing with ImageMagick
- Using CSS’s object-fit and object-position Properties
- Punch-Out Avatar
- Using CSS Clip Path to Create Interactive Effects
- feColorMatrix slowly (in french)
- Flip animation in css
- Transition between pages in jQuery
- Transition between pages in AngularJs
- Gooey effect
- Jank Free, collection of techniques for smooth animations
- Introducing CSS scroll snap point
- The target trick
- Smooth as Butter: Achieving 60 FPS Animations with CSS3
- Everything You Need to Know About the CSS will-change Property
- Prevent Scroll Chaining With Overscroll Behavior
- Mixin colors with sass
- Creating dynamically theme-able websites using CSS currentColor
- Building Themes with CSS4 Color Features
- SASS Guidelines
- Using utility classes
- BEM
- Battling BEM: 10 Common Problems And How To Avoid Them
- OOCSS
- AMCSSS
- Let's write beautiful CSS comments
How to use the module pattern in your SCSS/SASS stylesheets
- SEO for Devs from Monica Lent
- Lesson 0: Course Introduction
- Lesson 1, Part I: Why Should You Care About SEO?
- Lesson 1, Part II: How Search Works (The Technical Explanation)
- Lesson 2: Create Your Site Structure
- Lesson 3: Server-side vs Client-side SEO
- Lesson 4: Keyword Research with Free Tools
- Lesson 5: Optimize a Blog Post for SEO
- Lesson 6: SEO in the Real World + Course Conclusion