by.陈 蔓青 2017-9-25 身为前端，除了与风格迥异的代码打交道，还有一个很常见的就是跟设计师对接，从他们提供的 psd 里面扣出需要用到的小图标等等。下面就讲讲切图的各种姿势 首先来一个很傻瓜的也很常用的一个方法，对于少量图标适用： 1. 将你想要扣出来的图标…

号外号外：专注于移动端的fullPage.js来啦！！！快点我查看做过移动端的同学都知道移动端布局太难了，终端太多了，传统的布局方式已经力不从心，各种新的布局方式被发明在flex之前，传统布局有流式布局（就是默认的方式），绝对定位布局，弹性布局（em），…

你可以使用一个不常见，但是非常重要的 CSS 属性来使文字垂直显示，像下面这样的垂直文字。 原文地址 https://24ways.org/2016/css-writing-modes/

在 Viewport 等比适配始末 说过使用 Viewport 来实现等比适配的例子，本文详解等比适配的另一种方式 推导 拿到一个宽度为 vWidth 的视觉稿设设备屏幕宽度为 dWidth 在视觉稿上量得一个元素的宽度为 eleVWidth 那么要实现按照宽度等比适配，在各种设备…

CSS 紧贴底部的页脚

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…

作者：滴滴公共前端团队 - Neurotoxin 新年第一篇，首先祝福大家新年好~ 最近在开发一个 Toast组件时，遇到了一些有趣的问题，首先来看一下需求 需求为宽高不定，上下左右垂直居中，如下图 代码如下： HTML 提交成功</div…

非常赞的 CSS 命名方式

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…