css
13篇文章 · 0订阅
  • 有了这些前端css工具，我下班都更早了！
    你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！
    CSS
    有了这些前端css工具，我下班都更早了！
  • [译] 没有 UI 团队怎么办？分享 6 款能为独立网页开发者提效的免费工具
    在这篇短文中，我将向大家介绍 6 款非常适用于个人开发者的网页设计工具，能够帮助没有设计师团队辅助的独立开发者做出好看的UI界面。
    前端
    [译] 没有 UI 团队怎么办？分享 6 款能为独立网页开发者提效的免费工具
  • 前端优秀实践不完全指南
    本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…
    CSS 前端
    前端优秀实践不完全指南
  • CSS奇思妙想 -- 使用 background 创造各种美妙的背景
    将介绍一些利用 CSS 中的 background、mix-blend-mode、mask 及一些相关属性，制作一些稍微复杂、酷炫的背景。 通过本文，你将会了解到 CSS background 中更为强大的一些用法，并且学会利用 background 相关的一些属性，采用不同的…
    前端 CSS
    CSS奇思妙想 -- 使用 background 创造各种美妙的背景
  • grid布局指南
    Grid Layout是CSS的一种新的布局模型，它具有强大的功能来控制框及其内容的大小和位置。与单轴布局的Flexible Box Layout不同，Grid Layout可以在两个轴（列和行）中对齐内容。 设计一个如图的模块，划分为5个区域：游戏标题，排行榜，分数栏，游戏区…
    CSS
  • Grid 布局详解
    Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。 Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可…
    CSS
  • 你未必知道的CSS知识点（第二季）
    本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …
    JavaScript 前端
  • 2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文
    文章涉及的内容可能不全面，但量很多，需要慢慢看。来源于各个地方，我花了很长的时间整理，希望对大家有帮助。但是难免会有打字的错误或理解的错误，希望发现的可以邮箱告诉我236490794@qq.com，我会及时的进行修改，旨在能帮到大家，谢谢。 意义：根据内容的结构化（内容语义化）…
    Vue.js HTML CSS
  • 前端开发中79条不可忽视的知识点汇总
    过往一些不足的地方，通过博客，好好总结一下。 一些通用的js库或者是css样式库，如jQuery，在网络中的使用是非常普遍的。当一个用户在浏览你的某一个网页的时候，很有可能他已经通过你网站使用的CDN访问过了其他的某一个网站，恰巧这个网站同样也使用了jQuery，那么此时用户浏…
    JavaScript 前端
  • CSS 代码重构与优化之路
    写 CSS 的同学们往往会体会到，随着项目规模的增加，项目中的 CSS 代码也会越来越多，如果没有及时对 CSS 代码进行维护，CSS 代码不断会越来越多。CSS 代码交错复杂，像一张庞大的蜘蛛网分布在网站的各个位置，你不知道修改这行代码会有什么影响，所以如果有修改或增加新功能时，开发人员往往不敢去删除旧的冗余的代码，而保险地增加新代码，最终的坏处就是项目中的 CSS 会越来越多，最终陷入无底洞。
    CSS 前端
    CSS 代码重构与优化之路