CSS

# Layouts

• responsive layouts demo - HTML5 UP! Responsive HTML5 and CSS3 Site Templates (opens new window)

• Best Responsive Design Websites | Web Design Inspiration (opens new window)

• 响应式布局案例 - Video Learning Company London | Bespoke Video Learning | inrehearsal (opens new window)

• 阿里设计：讲透响应式布局设计策略 (目前看过最有威力的一篇)-技术圈 (opens new window)

• react使用scrollreveal页面加载会闪烁一下问题解决_咲奈的博客-CSDN博客 (opens new window)

• NuxtJS与SSR服务端渲染/SEO - 随笔分类 - 古兰精 - 博客园 (opens new window)

• scrollReveal.js – 页面滚动显示动画JS_mb5fcdf3205bda3的技术博客_51CTO博客 (opens new window)

• (6条消息) scrollReveal.js页面滚动动画插件的使用_飞鸿w的博客-CSDN博客_scrollreveal.js (opens new window)

• 响应式布局案例 - Accueil | Labo Inspire (opens new window)

• 响应式布局案例 - Alesan – The glamour of yesteryear. The comfort of today. (opens new window)

• 响应式布局案例 - Asset Class (opens new window)

• 响应式布局案例 - IVS - Intelligent Video Solutions (opens new window)

• 开发响应式网站 - A Web Developer's Browser | Responsively App (opens new window)

• A collection of popular layouts and patterns made with CSS - CSS Layout (opens new window)

• Grid by Example - Usage examples of CSS Grid Layout (opens new window)

• Freebie Landing Page for SaaS #5 | Adobe XD Freebies | Figma Free Resources | XD Resources (opens new window)

• CSS Triggers List – What Kind of Changes You Can Make (opens new window)

# Less

• 深入解读 Less 特性 | Less.js 中文文档 - Less 中文网 (opens new window)

# Sass

• code snippets about sass (opens new window)

• Sass：@use rule | Titangene Blog (opens new window)

• 「前端笔记」 Sass使用混合器mixin进行样式复用，保持代码整洁 - 喵容 (opens new window)

• \筆記] Sass 實戰全攻略 – 11 – 自製格線系統 @地瓜大的飛翔旅程 (opens new window)

• CSS 相关消息 (opens new window)

• 前端可视化demo (opens new window)

• safari 渐变色兼容问题 - A Thing To Know about Gradients and "Transparent Black" | CSS-Tricks - CSS-Tricks (opens new window)

• CSS Reference - A free visual guide to CSS (opens new window)

• CSS Cheat Sheet - Interactive, not a PDF | HTMLCheatSheet.com (opens new window)

• CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets. (opens new window)

• Obnoxious.css (opens new window)

• CSShake (opens new window)

• Animista - CSS Animations on Demand (opens new window)

• Hover.css - A collection of CSS3 powered hover effects (opens new window)

• CSS Diner - Where we feast on CSS Selectors! (opens new window)

• Flexbox Froggy - A game for learning CSS flexbox (opens new window)

• ColorSpace - Color Palettes Generator and Color Gradient Tool (opens new window)

• CSS Gradient — Generator, Maker, and Background (opens new window)

• cssinspirationguide - csc inspiration guide online (opens new window)

• Animista - CSS Animations on Demand (opens new window)

• 1milligram/csslayout: A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing! (opens new window)

• Awwwards - Website Awards - Best Web Design Trends (opens new window)

• CSS component (opens new window)

• CSS 布局示例 - Web Design Experiments by Jen Simmons (opens new window)

• Grid by Example - Usage examples of CSS Grid Layout (opens new window)

• SVG动画从入门到实战，提升你的网站表现力 (opens new window)

• 贝塞尔曲线入门 (opens new window)