CSS 资源大全中文版

2023-11-20


预处理器

更快地编译 CSS

  • GCSS:一个用GO语言编写的CSS预处理器。官网
  • LESS:向下兼容CSS并为当前的CSS增加额外的功能。官网
  • Myth:只用写纯CSS而不用担心浏览器加载缓慢。官网
  • PCSS:一个用Python语言编写的CSS预处理器。官网
  • PostCSS:通过JS插件来转换CSS。PostCSS
  • Sass:成熟、稳定且强力的专业CSS扩展语言。官网
  • Stylus:用于nodejs的直观、强健、极具特色的CSS语言。官网
  • YACP:另一种CSS预处理器。官网

这里有一个 CSS 预处理器汇总

框架

工具集

  • Basscss:一个基本元素样式与不可修改工具轻量级集合。官网
  • Bourbon:用于Sass的简单且轻量的混合库。官网
  • Corpus:另一个CSS工具集。官网
  • Susy:用于Sass的响应式工具集。官网

CSS结构

  • RSCSS:CSS样式结构的合理标准。官网
  • ITCSS:用于大型UI项目的稳定、可扩展、可控制的CSS架构。官网

CSS标准化

  • Normalize:一套提供较好的多浏览器默认样式一致性的CSS规范。官网
  • Normalize OpenType:为Normalize.css添加了OpenType特性,如连字、字间距等等。官网
  • Reset:一套CSS标准,将全部的HTML元素调整到一致的基准线。官网
  • sanitize.css:一套可立即使用的,符合当今最优实践的CSS规范。官网

大型网站的CSS开发

代码风格指导

风格指导

命名习惯和方式

参考

其他资源

播客

编程时可以听的一些内容。

  • Shop Talk Show:Chris Coyier 和 Dave Rupert 的在线播客,涉及前端、UX的设计及开发。
  • Style Guide Podcast:由 Anna Debenham 和 Brad Frost 主持的一些访谈。
  • The Big Web Show:包含了几乎所有 Web 相关的话题,比如网络出版、艺术指导、内容策略、版面设计、Web技术等等。
  • The Web Ahead:与全世界的专家讨论 Web 技术的变化和发展。
  • Non Breaking Space Show:挖掘出那些在数字艺术、设计以及开发领域最好的、最知名的并且最聪明的创客们。
  • The Changelog:这个播客的口号是:“开源发展很快,快跟上”,致力于让你跟上最新的开源技术。

Twitter

值得关注的活跃用户

  • CSS Animation
  • Andrey Sitnik:@Autoprefixer, http://easings.net 和 @PostCSS 的作者
  • Evangelina Ferreira:web设计师,@multimedial_utn 的教授,HTML5 & CSS狂热爱好者,业余翻译者。
  • Sara Soueidan:@Codrops CSS Reference的作者,Smashing Book #5的合著者。
  • Hugo Giraudel:@edenspiekermann 的 CSS 怪才以及 Sass 黑客
  • Guy Routledge:前端开发者、@GA_London 的教师,http://www.atozcss.com 的视频作者,宅男,吃货。
  • Heydon Pickering:爱吃大米,同时也是一个UX设计师,作者,@smashingmag 编辑以及程序员。
  • Adam Morse:开源的粉丝和支持者
  • Donovan Hutchinson:设计师、开发者、作家。偶尔在http://Hop.ie上写博客,目前在建设@cssanimation
  • CSS Commits:最近忙于 CSSWG 的公共 Mercurial 库
  • Scott Jehl:responsiblerwd 的作者,现在 abookapart上 面在打折
  • Dudley Storey:Web开发者、作者、老师以及演说者。
  • Zoe M. Gillenwater:Web设计师、开发者,专注于CSS、RWD、UX以及无障碍开发。
  • Ben Briggs:主要研究node.js、javascript、开源模块、客户端优化、web性能相关。
  • Paul Lewis:将代码与设计联系起来的谷歌员工。
  • Thierry Koblentz:Yahoo 的 CSS 开发者
  • Nicolas Gallagher:Twitter的软件工程师
  • Harry Roberts- @google, @Etsy, @kickstarter, @BBC, @Deloitte, @FT等的前端设计顾问
  • Phil Walton -谷歌工程师、开源拥护者、开发者、设计师、写手。
  • Lea Verou:MIT_CSAIL, @CSSWG IE, @OReillyMedia作者的研究助理,前W3C员工
  • Manoela Ilic:CSS和HTML是我的画笔,我对认知科学、AI、HCI、UI设计以及天体物理学很感兴趣,数码控。
  • Una Kravets:BMDesign以及Sassvocate的前端工程师,团队建设者以及手工艺者。座右铭:所有东西都应该开源!
  • Chris Coyier:CodePen的设计师,Real_CSS_Tricks作者
  • Nicole Sullivan:极客!
  • Eric Bidelman:谷歌的工程师,参与项目有Chrome、web组件、Polymer
  • Patrick Hamann:热爱爬山、啤酒以及美食。
  • Dave McFarland:Web开发者,《CSS: The Missing Manual》和《JavaScript & jQuery: The Missing Manual》的作者,
  • L. David Baron:Mozilla开发者,CSS以及W3C标准的「外交官」。
  • Daniel Glazman:W3C的CSS工作团队联合主席,企业家,软件工程师,极客,两个孩子的爸爸,通晓多国语言,喜欢鸭子。
  • The Chris Eppstein:爱恨分明,家庭美满,写代码,主导 LinkedIn 的样式。
  • Natalie Weizenbaum:女程序员,SassCSS 的主设计师和开发者,在谷歌做 Dart 语言相关工作。
  • Brad Frost:Web设计师、演讲者、写手、顾问、音乐家。
  • Maxime Thirouin:前端工程师,自由职业者,UI/UX开发者。
  • Mark Otto:在GitHub和Bootstrap工作,曾就职于Twitter,超级书呆子。
  • Simon:UI设计师,CSS开发者
  • Connor Sears:GitHub设计师
  • Remy Sharp:他的推都是关于CSS尺寸单元的
  • Jonathan Snook:设计师、开发者、写手、演讲者。我在网上做些东西,我写的SMACSS。

视频

一个很有用的必看视频清单,这个清单是从 908a28 的 AllThingsSmitty/must-watch-css 复制过来的,我已经在Twitter上跟他说了,非常感谢!

2015

  1. mdo-ular CSS: Mark Otto, jQuery UK 30:06.
  2. CSS Architecture with SMACSS: Caleb Meredith, DevTips channel 30:15. 用SMACSS搭建CSS结构
  3. CSS Workflow from the Ground Up: Jonathan Snook, Generate conf 2015 46:06. 从头开始学习CSS工作流

2014

  1. What Is a CSS Framework Anyway? | 究竟什么是CSS框架?: Harry Roberts, Industry Conf 48:48.
  2. CSS Is a Mess | 乱七八糟的CSS: Jonathan Snook, Beyond Tellerand 53:49.
  3. 10 Commandments for Efficient CSS Architecture | 高效CSS结构十诫: Kushagra Gour, CSSConf.Asia 35:55.
  4. Slaying the Dragon: How to Refactor CSS for Maintainability | 杀掉巨龙:从可维护性方面考虑如何重构CSS: Alicia Liu, Front-Trends 33:21.
  5. CSS in Your Pocket:Mobile CSS Tips from the Trenches | 口袋中的CSS-移动端CSS开发要点: Angelina Fabbro, CSSConf.US 34:19.
  6. Styling and Animating Scalable Vector Graphics with CSS | 用CSS制作可扩展的矢量图动画: Sara Soueidan, CSSConf.EU 29:16.
  7. Play Nice With CSS Tools and Methodologies | 学会使用CSS工具和方法: Brad Westfall, HTML5DevConf 42:47.
  8. CSS and the Critical Path | CSS以及关键路径: Patrick Hamann, CSSConf.EU 33:42.
  9. All the Right Moves: How to Put Your UI in Motion | 走好每一步:如何让你的UI动起来: Val Head, Multi-Mania 45:49.
  10. Present and Future of CSS Layout | CSS布局的发展: Tab Atkins, CSS Day 49:31.
  11. Thinking Beyond "Scalable CSS" | 关于可扩展CSS的思考: Nicolas Gallagher, dotCSS 28:46.
  12. Web Components & the Future of CSS | WEB组件以及CSS的将来: Philip Walton, SFHTML5 40:02.
  13. CSS Performance Tooling | CSS性能工具: Addy Osmani, CSSConf.EU 46:27.
  14. 3.14 Things I Didn’t Know About CSS3 | 关于CSS,我所不知道的14件事: Mathias Bynens, CSS Day 45:35.
  15. Effortless Style | 轻松的样式: Heydon Pickering, CSS Day 49:51.
  16. CSS: Yawn to Yay! | CSS:从无聊到精彩 Kyle Simpson, Front-Trends 39:04.

2013

  1. When Bootstrap Attacks | 当Bootstrap开始发力: Pamela Fox, CSSConf.US 28:48.
  2. CSS in the 4th Dimension | CSS是第四维: Lea Verou, JSConf.Asia 44:49.
  3. Automated CSS Testing | 自动化CSS测试: Jakob Mattsson, JSConf.Asia 42:07.
  4. CSSConf.EU Keynote | CSSConf.EU的基调: Nicole Sullivan, CSSConf.EU 20:57.
  5. CSS Application Architecture | CSS的应用架构: Nicolas Gallagher, SmashingConf 38:36.
  6. Realigning & Refactoring UI | UI的调整和重构: Jina Bolton, SassConf 48:08.
  7. Normalizing Designs for Better Quality CSS | 提高CSS质量的规范化设计: Harry Roberts, CSSConf.EU 43:40.
  8. Automating the Removal of Unused CSS | 自动清除无用的CSS: Addy Osmani, Velocity Europe Conference 5:57.
  9. The Humble Border-Radius | 低调的Border-Radius: Lea Verou, Future of Web Design 37:07.
  10. The Mind-blowing Power of Sass 3.3 | Sass那印象深刻的力量: Chris Eppstein, CSSConf.EU 38:54.
  11. Front-End Tools for the Young Developer | 年轻开发者的前端工具: Christian Vuerings, SF HTML5 User Group 14:16.
  12. Maths-Powered Transforms for Creating 3D Shapes | Maths-创建3D图形的强力转换器: Ana-Maria Tudor, CSSConf.EU 30:27.
  13. Sass and OOCSS Sitting in a Tree K-I-S-S-I-N-G | Sass和面向对象CSS完美搭配: Nicole Sullivan, TXJS 27:50.
  14. CSS Levels Up | 提升CSS等级: Angelina Fabbro, CSSConf.EU 31:38.
  15. Architecting Scalable CSS | 搭建可扩展的CSS: Harry Roberts, Beyond Tellerand 41:57.
  16. More CSS Secrets: Another 10 Things You May Not Know about CSS | 更多的CSS秘密:CSS不为人知的另外10件事: Lea Verou, W3Conf 60:39.
  17. Atomic Cascading Style Sheets: Renato Iwashima, HTML5DevConf 52:33.

2012

  1. Open Source Tools and Libraries for Designers | 设计师的开源工具以及资源库: Julie Ann Horvath, HTML5DevConf 29:39.
  2. GitHub's CSS Performance | GitHub的CSS表现: Jon Rohan, CSS Dev Conf 40:50.

2010

  1. Handcrafted CSS | 手写CSS: Dan Cederholm, Build Conference 44:29.
  2. The Top 5 Mistakes of Massive CSS | 大规模CSS中最容易出现的5个错误: Nicole Sullivan, Build Conference 37:53.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 资源大全中文版 的相关文章

随机推荐

  • 【超级无敌详细的韩顺平java笔记】从入门到精通---配置patth

    JVM 是一个虚拟的计算机 具有指令集并使用不同的存储区域 负责执行指令 管理数据 内存 寄存器 包含在 JDK 中 java文件 源文件 class文件 字节码文件 目录 一 编译 二 运行 三 JDK JRE 和 JVM 的包含关系 四
  • 瑞吉外卖项目实战

    目录 一 软件开放流程 二 瑞吉外卖项目概述 三 开发环境搭建 1 数据库环境的搭建 一 启动Navicat 二 数据库设计 三 创建数据库 四 导入数据库脚本 五 查看数据库中的表 四 Maven项目搭建 一 创建Maven项目 二 检查
  • 基于Springboot搭建java项目(十五)——RabbitMq的确认机制和延时通知

    RabbitMq的确认机制和延时通知 一 消息发送确认 在RabbitConfig中两个回调函数 一个叫 ConfirmCallback 一个叫 RetrunCallback 1 交换机确认 ConfirmCallback方法 Confir
  • R包实践:lubridate 处理时间数据

    人生有一道难题 那就是如何使一寸光阴等于一寸生命 在数据分析中也有一道难题 那就是如何自如的操作时间数据 R语言的基础包中提供了两种类型的时间数据 一类是Date日期数据 它不包括时间和时区信息 另一类是POSIXct POSIXlt类型数
  • Java实现MD5加密及解密的代码实例

    础 MessageDigest类的使用 其实要在Java中完成MD5加密 MessageDigest类大部分都帮你实现好了 几行代码足矣 对字符串md5加密 param str return import java security Mes
  • DevExpress设置单元格不可编辑,选单元格则选中一行

    DevExpress设置单元格不可编辑 选单元格则选中一行 目的是只展示数据 不提供修改功能 DevexpressGridControl禁止点击单元格修改 设置GridView OptionsBehavior的Editable选项设为Fal
  • JAVA多线程实现-单线程化线程池newSingleThreadExecutor

    JAVA通过Executors提供了四种线程池 单线程化线程池 newSingleThreadExecutor 可控最大并发数线程池 newFixedThreadPool 可回收缓存线程池 newCachedThreadPool 支持定时与
  • char类型数据的取值范围如何确定

    char类型数据是计算机编程语言中只可容纳单个字符的一种基本数据类型 取值范围为 128 127 对于上述概念相信大家都已经很熟悉了 但仍有不少同学对于char类型数据的取值范围抱有疑问 不知道为什么char类型数据的取值范围如何确定 若要
  • 浮点数是否与零相等的判断方法

    1 如何判断单精度浮点数 float a是否等于零 if fabs a lt 1e 6 如果成立 则a等于0 2 如何判断双精度浮点数 double a是否等于零 if fabs a lt 1e 15 如果成立 则a等于0 3 如何判断两个
  • Vue传递数据到后台SpringMVC接收解析返回

    最近在自学vue 开始以为跟angular大同小异 但是真正使用的时候发现还是很多不一样的地方 可能是因为刚刚开始理解的还不够深入O O 下面说说前端jsp怎么和后台交互 后台使用的是springMvc框架 html部分 div table
  • python算法中的机器学习算法之无监督学习知识点(详解)

    目录 学习目标 学习内容 K均值聚类 K Means Clustering 层次聚类 Hierarchical Clustering
  • 带你使用Golang快速构建出命令行应用程序

    在日常开发中 大家对命令行工具 CLI 想必特别熟悉了 如果说你不知道命令工具 那你可能是个假开发 每天都会使用大量的命令行工具 例如最常用的Git Go Docker等 不管是做技术开发还是业务开发 都会有开发命令行程序的场景 例如如果是
  • tomcat升级版本升级

    tomcat升级 1 查看当前tomcat版本 一般tomcat安装在 usr local 下 cd 至apache tomcat xxx bin sh version sh命令 查看版本信息 2 下载需要的tomcat安装包 下载网址 h
  • JavaScript 分支结构语句

    JavaScript 分支结构语句 1 if语句 2 if else语句 双分支语句 3 if else if 语句 多分支语句 4 三元表达式 5 switch语句 语句 也称为流控制语句 通常使用一或多个关键字完成既定的任务 语句可以简
  • 使用Export2Excel.js导出excel

    使用Export2Excel js导出excel 安装依赖 下载Export2Excel js文件 使用 安装依赖 npm install S file saver npm install S xlsx npm install D scri
  • python实现石头剪刀布_利用python实现和电脑玩石头剪刀布

    先说一下石头剪刀布的游戏规则 1 石头 胜 剪刀 2 剪刀 胜 布 3 布 胜 石头 石头 1 剪刀 2 布 3 其中电脑是随机输出1 3之间的整数 玩家手动输入 了解一下python的随机处理 下面上代码 导入随机工具包 importra
  • java8中List根据某一字段去重

    实体类 package test public class User private String userid private String username private String age private String addre
  • sql自带的函数

    1 字符串函数 length 字符串的长度 select LEN 思敏sb 全大写 全小写 select UPPER abCD select LOWER abCD 取左边 右边指定位数的字符串 select LEFT 思敏好傻 2 sele
  • CentOS 6.0 缺少 mcrypt 扩展 解决办法

    解决办法 安装php mcrypt libmcrypt libmcrypt devel这三个库文件1 安装第三方yum源 默认yum源里面没有这几个库文件 不能使用yum安装 wget http www atomicorp com inst
  • CSS 资源大全中文版

    预处理器 更快地编译 CSS GCSS 一个用GO语言编写的CSS预处理器 官网 LESS 向下兼容CSS并为当前的CSS增加额外的功能 官网 Myth 只用写纯CSS而不用担心浏览器加载缓慢 官网 PCSS 一个用Python语言编写的C