awesome-techniques
List nice techniques for front-end usages
https://github.com/LoicGoyet/awesome-techniques
Last synced: 22 days ago
JSON representation
-
Rendering
-
Typography
-
Selectors
-
Forms
-
JavaScript features
-
JavaScript patterns
-
React patterns
-
Responsive
-
Images
- 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)
-
Animation, interactions & effects
- 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
- Prevent Scroll Chaining With Overscroll Behavior
-
Colors
-
Guidelines & Naming conventions
-
Architecture
-
The Future
-
SEO
- 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
-
TypeScript
-
Unclassified