大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 1. css像素、设备像素、逻辑像素、设备像素比 大家可以先看这篇文章了解一下基本概念。 css像素：我们大家经常写高多少px，宽多少px,这个就是px像素。 逻辑像素：其它就是css像素，他们其实是同一回事。…

最近，我从 Grover网站上发现以一个好玩儿的悬停动画，也有了些自己的灵感。这个动画是将鼠标移动到订阅按钮上移动光标会显示相应的彩色渐变。这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。 怎样才能达到这个效果，使我们的网站脱颖而出呢？其实…

本文主要针对初学移动端web开发的读者，笔者也是初学者，文中有众多用词不当之处望读者指正。 从开始做web app开发到现在，一直对移动端的尺寸适配有一种模糊的概念。能说得上来‘媒体查询’，‘栅格化布局’，‘流式布局’等若干技术名词和实现方式，但是每次自己做web app开发的…

我是一个爱折腾设计的前端，一直都在标榜自己的页面还原是多么的牛 X 。怎么做到页面还原？我有一个最笨但是有效的方法，就是把设计稿直接存成图片，作为背景图然后临摹着设计稿进行开发。我觉得自己太有才了。像素级还原有没有？ 但是 Too Young Too Simple 。这种方式虽…

白话：即上一篇我脑中飘来飘去的css魔幻属性自己的文章推出之后，这是自己写的第四篇CSS相关的文章，文章绝大部分是自己工作总结得来，另一部分是平日sf回答的与面试中向面试官交流学到的，都是一些比较基础，刨根问底的知识分享。 前面因为没咋搞明白，就没有说为什么，最近因为偶然在sf…

本文的起因是团队现在处于缺人的阶段，最近开始帮忙进行电话面试的操作。面了不少了，有不少收获，其中最大的还是对自己的警惕作用。虽然是自己在面试别人，但也发现，很多在交流过程中涉及到的内容，自己虽然都知道或者有了解，但是要系统或者清晰的描述出来其实是不容易的，所以开始整理一些看似都…

最近学到Flexbox布局，当时就感觉真是一个布局的神器。终于摆脱了利用各种定位浮动布局的日子。想写文章总结一下吧，发现介绍Flexbox布局类的文章都被写烂了，各种大神写的也是生动形象，单单写一个布局用法感觉除了自己记录方便本地查并没有什么意义，于是就想到了之前在一个视频中看…

这篇文章主要研究： - font 的工作原理及度量参数 - CSS box models 的类型、定义

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin …