JavaScript, Java, CSS, Python, Nodejs.
see more: awesome-css
-
CSS 资源
-
框架
- bootstrap - 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单:thumbsup:
- uikit - 轻量级和模块化的前端框架,快速开发web程序
- Semantic-UI - 语义化设计的前端框架，为攻城师而制作的可复用的开源前端框架
- amazeui - 中国首个开源 HTML5 跨屏前端框架
- design-system - Salesforce Lightning Design System (包括如何设计出UI系统)
- photon - 用HTML和CSS快速构建出OX S系统样式
- landio-html - UI组件 + 着陆页样式
- ant-design - 蚂蚁金服UI框架
-
布局
- learnlayout.com - 学习CSS布局
- Flex布局
- Flexbox Defense - 用游戏学习 CSS flexbox
- flexboxfroggy.com - 用有趣的方法（青蛙 + 荷叶）来研究 flexbox 语法
- flexbox.help - 一个简单的交互式网页，帮你了解 flexbox 的每个特性是如何工作的
- Flex 布局教程：语法篇
- Flex 布局教程：实例篇
- Grid by Example
-
组件
-
Hover
- Hover - 一套基于 CSS3 的鼠标悬停效果和动画，这些可以非常轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签，必要的时候使用 before 和 after 伪元素。
-
Bootstrap组件
- bootstrap-switch - Bootstrap 复选择框和单选切换按钮 👍
- bootswatch - Bootstrap 主题切换
- messenger - Growl-style alerts and messages for your app
-
-
特效
- HoverEffectIdeas - Some inspiration and modern ideas for subtle hover effects
- flipboard-layout - An experimental page layout that let's you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard
-
风格
- switchery - IOS7风格的checkbox
- Buttons - 用Sass和Compass构建的CSS按钮库
- iCheck - 高度自定义的复选框和单选按钮(jQuery & Zepto)
- colors - 漂亮的Web预定义颜色
- colour-schemes - Colour schemes for a variety of editors created by Dayle Rees
- dashboards - Responsive dashboard templates for Bootstrap
- Material
- materialize
- bootstrap-material-design - Material design theme for Bootstrap 3
- material for angular
- material-design-icons
- material-design-lite
-
动画
- textillate - A simple plugin for CSS3 text animations
- animate.css - 简单的、跨浏览器的CSS动画库
- textillate - 简单的CSS3文字动画插件
- magic - CSS3 动画特效
- animatable - css3动画示例大全
- WOW - 基于 animate.css 的页面滚动动画效果库
- Loading / Spinner
- SpinKit - A collection of loading indicators animated with CSS
- css-loaders - A collection of loading spinners animated with CSS
- loaders.css - Delightful, performance-focused pure css loading animations.
-
图标
- iconfont.cn - Iconfont-阿里巴巴矢量图标库 ✨
- icomoon - Icon Font & SVG Icon Sets ✨
- ionicons - The premium icon font for Ionic Framework
- magic - CSS3 Animations with special effects
-
移动端
-
字体
- typeisbeautiful.com - 中文文字排版之美
- Entry.css - 一个可配置的、更适合阅读的中文文章样式库
-
示例
- css - 各种各样的CSS和UI示例
-
文档
- primer - CSS风格指南
- grid - 响应式设计简易指南
- sanitize.css - 可持续维护的css最佳实践
- css-protips - css实用技巧
- easings.net - 缓动函数速查表
-
-
模板
- themeforest.net - WordPress 主题, web 模板市场
- wrapbootstrap - Bootstrap主题市场
- 后台/Admin/Dashboard
-
资源
-
设计网
- dribbble.com - 面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务
- uplabs.com - 为设计师和开发者准备的UI 资源，包括MD，iOS，Web 等
-
素材
-
工具
- Material Design 在线配色工具
- graphicsprings.com - 在线Logo生成器
-
UI套件(UI Kits)
- PixelKit-Bootstrap-UI-Kits - 基于Bootstrap的一组开源的UI套件
-
-
综合
- 教程
- Intro to HTML/CSS: Making webpages
- w3help.org
- sketch-practice - Sketch 入门教程
- 预处理器
- 其它
- css-protips - 帮助你提升CSS技巧的小贴士
- 教程