css
11篇文章 · 0订阅
  • 有了这些前端css工具，我下班都更早了！
    你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！
    CSS
    有了这些前端css工具，我下班都更早了！
  • 单标签！纯CSS实现动态晴阴雨雪
    本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果： 没错，就是这么任性，每个动图就一个标签，而且无图无JS！下面就来详细介绍下技术实现。 以及实现单标签最关键的:before、:after伪元素运用。 最大的一点就是…
    CSS 前端
  • 今日头条屏幕适配方案终极版正式发布!
    原文地址:https://juejin.im/post/6844903697000972295以下是骚年你的屏幕适配方式该升级了!系列文章，欢迎转发以及分享:骚年你的屏幕适配方式该升级了!（一）-今日
    GitHub Android
    今日头条屏幕适配方案终极版正式发布!
  • CSS网页布局之传统解决方案与Flex大法
    网页布局主要包括全屏布局，水平居中，垂直居中和sticky Footer布局。本文针对网页布局的实现，利用传统的解决方案（display + position + float + table）与Flex解决方案进行实践，以加深记忆及巩固所学知识，同时分享给大家，希望也能帮助到前…
    前端 CSS 单元测试
  • JavaScript 模块化简述
    前言 关于模块化，最直接的表现就是我们写的 require 和 import 关键字，如果查阅相关资料，就一定会遇到 CommonJS 、CMD AMD 这些名词，以及 RequireJS、SeaJS 等陌生框架。比如 SeaJS 的官网 这样描述自己: “简单友好的模块定义规…
    JavaScript
  • transform，transition，animation的混合使用——进阶
    今天我们来讲述css3能够做成动画的最小独立单元,并且讲述如何使用这些独立的单元来构成一个‘高大尚’的组合动画。 这是我在网上找的一个案例，修改后的效果图，虽说不是特别的‘高大尚’，但我认为这也跟高大尚占了一点了，中间的菜单按钮就是我们在做responsive开发时会用的到的效…
    CSS 前端
  • 根据各种不同的 media 属性，调试 CSS 效果
    CSS media query 并不只有 width 这一条，还包含手机的朝向，是否是彩色，分辨率，是否可以 hover 等等。
    CSS HTML 响应式设计
    根据各种不同的 media 属性，调试 CSS 效果
  • CSS 滚屏效果，要比想象中的难
    比如下图中，有的列表项的文字短，有的文字长。 需求是：希望文字长的部分能通过动画滚动显示。 我的第一反应是用纯 CSS 做不了。 其中涉及了一些有趣 CSS 知识点，在这里分享一下。 1. 如何让文字溢出容器？ work-break 属性是用来处理文字如何换行的，这里使用了不太…
    CSS JavaScript
  • 不可思议的纯 CSS 滚动进度条效果
    就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…
    CSS 前端
    不可思议的纯 CSS 滚动进度条效果
  • 网页表单设计的 10 条建议
    在设计师的作品网站上，往往会有视觉效果极佳的设计方案，当面对这些作品时我一直存在着一个疑虑：「为什么在实际的案例中并没有如此优雅精妙的视觉及动效？」本文结合了大量的案例，阐述了在设计动效时，除了视觉上的效果，还应考虑到的其他实际因素。这些额外因素经常被视觉设计师所忽略，但设计成品潜在的差异就暗藏其中。
    设计
    网页表单设计的 10 条建议