Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-techniques
List nice techniques for front-end usages
https://github.com/LoicGoyet/awesome-techniques
- Guide to DPI
- Loading CSS without blocking render
- The vertical align css property
- Responsive font-size with sass maps
- Improved font loading
- One File, Many Options: Using Variable Fonts on the Web
- Quantity Ordering with CSS
- AngularJS Form Validation with ngMessages
- Using the fieldset and legend elements
- JavaScript Promises for Dummies
- Using fetch
- The "this" Keyword
- ES6 Generators and Iterators: a Developer’s Guide
- Reducers VS Transducers
- Infinite Scroll in React Using Intersection Observer
- React component as prop: the right way™️
- Mobile touch Keyboard
- Importing CSS Breakpoints Into JavaScript
- SVG on the web - A Practical Guide
- Placeholders for picture elements
- Responsive images
- The anatomy of responsive images
- SVG fallback & art direction wt <picture>
- 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
- Container Queries
- CSS Scroll Snap: What Is It? Do We Need It?
- 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
- Assertion Functions in TypeScript
- Add rules to stylesheets in JavaScript
- Context menu in html and js
- Pie charts in SVG and CSS
- Flexbox and Truncated Text
- Detecting AdBlock without an extra HTTP overhead
- Simple react patterns
- Generating Wireframe Boxes with CSS and HTML5
- Making svg icon librairies for react app