html
8篇文章 · 0订阅
  • [译] 创造华丽 UI 的 7 个规则（Part 2）
    这是这个指南的第二部分，在此之前，你需要阅读第一部分。 我们正在讨论可以让你不需要去上美术学院就可以设计简洁 UI 的规则。 光线来自天空。（查看第 1 部分 首选白色和黑色。（查看第 1 部分 添加更多的空白。（查看第 1 部分 学习如何在图片上添加文字。 令文本层次分明。 …
    Google 图片资源 设计师
  • 🚨Web开发者需要知道的CSS Tricks
    作为一名Web开发者，CSS是必备技能之一，我一直以为自己对CSS的掌握已经够用了，直到读Lea Verou的《CSS揭秘》时，我发现自己充其量就算个会打CS的选手，书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案，在这里强烈的推荐给每一位从事前端相关的…
    GitHub CSS 前端
    🚨Web开发者需要知道的CSS Tricks
  • 干货!各种常见布局实现+知名网站实例分析
    阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…
    CSS 前端
  • JavaScript复制内容到剪贴板
    最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 注意到，在 <button> 标签中…
    JavaScript 前端 iOS
  • 用CSS来制作图标
    在利用CSS制作图标时，经常用到border边框，所以，先看看边框的相关知识。 从上图中，可以看出，四个边框都变成了三角形，那么如果将左，右，下的边框都设置为透明(transparent)，那么就显示了一个下三角。 从上图可以发现，第二个菜单和第三个菜单的左边框不正确，其原因是…
    图片资源 Icon CSS
  • CSS3 box-shadow 内外阴影效果
    box-shadow 属性可以给元素边框周围添加一个或者多个阴影效果。定义多个阴影，使用逗号分隔。 inset：可选。将边框外阴影改为边框内阴影（即使是透明边框），背景之上内容之下。如果不写，默认为边框外阴影。inset只可写在最前或者最后。 offset-x：必需。阴影水平方…
    CSS
    CSS3 box-shadow 内外阴影效果
  • 主题色提取
    在做音乐webapp的时候，被腾讯的一款本地音乐播放器（轻听）的播放界面惊艳到了（如下图），于是决定‘复制’下来。 首先想到的是绘入canvas中利用getImageData提取数据然后分析得到主题色，因为用的qq音乐api遇到了跨域问题，在解决跨域问题后（具体方法看这里跨域那…
    Vue.js JavaScript
  • HTML/CSS/JS编码规范
    最近整理了一份HTML/CSS/JS编码规范，供大家参考。 目录： 一、HTML编码规范 二、CSS编码规范 三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表…
    HTML CSS JavaScript