比音的博客

转载 通俗易懂！超全面的移动端尺寸基础知识科普指南

@十萬個為什麽 ：初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦 >>>现象首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480×800, 480×

转载 「这个控件叫什么」系列之加载占位图+页面指示器

很多设计师不知道如何用专业术语称呼一个控件，因此开了《这个控件叫什么》专题。​​​@龙爪槐守望者 ：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。上期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》Skeleton Sc

转载 史上最全Html和CSS布局技巧

单列布局水平居中水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素）使用inline-block 和 text-align实现.parent{text-align: center;}.child{display: in

转载 前端程序员：月薪5K到5万，唉????

怎样敲敲代码就能走上人生巅峰？高贵的前端程序猿们：如何在前端开发这种高精尖的技术领域找到心仪的工作？实现在咖啡馆喝喝咖啡敲敲代码就能升职加薪、买房买车、迎娶白富美走上人生巅峰的职业梦想？这篇《进化论：从0到100，前端猿茁壮成长的精神饲料史》，肯定能给你事业的加速动力。前端开发工作已经变的越来越复杂，仅仅是想罗列一份前端开发的学习列表就已经是一件艰巨的工作。曾经只要会编写HTM

原创 jquery animate动画实现循环执行

设置好动画animate的每一步后，可以用用setTimeout实现，setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。$(document).ready(ab () ); function ab() { $(".ggys1").animate({opacity:0},2000,

转载 牛逼的电商运营为什么不自己开店铺要去打工？（知乎精选）

我做了七年电商，虽然不牛逼，但我因为同样的问题纠结过，所以说说我的心路历程。就在刚刚过去的双十一，我在我媳妇面前得瑟，说我公司在双十一当天又卖了多少千万的时候，我媳妇讥讽我说：你这么牛，咋不上天呢？我就嬉皮笑脸回答媳妇说：我就不上天，我要是上了天，谁来陪我媳妇您啊！是的，我没有上天，我还在打工，并且在可以预期的未来，我还会继续打工下去。其实，选择打工还是自己创业，我认为只是

转载 淡入的文字

CSS3学习笔记（1）—淡入的文字今天有空把前几天学的东西发一下，都是一些简单的东西，但是千里之行始于足下，我虽然走的慢，但是未停下前进的脚步~~~~~~~下来看下我做的“淡入的文字”最终动态效果：上面这个动画效果制作的过程是：（1）先自定义一个透明度从0到1变化的动画，然后在animation中调用这个动画效果（2）注意不同行文字出现的时间先后，这

转载 jQ简单实现点击隐藏与显示内容

转载来自：http://www.qdfuns.com/notes/18090/2dc0c084c0e3559eb3d8033a964678d6.html $(document).ready(function(){ $(".main").click(f

转载 [CSS] 详细解释 @media 属性与 (max-width:) and (min-width) 之间的关系及用法

前言现在 HTML5/CSS3 很流行罢，也是未来时代的趋势。在 HTML5 带来的许多实用功能之后，CSS3也同带来了一些牛逼哄哄的功能呢。动画 animation转化 transform过渡 translation尽快这已足够让我们兴奋，许多之前必须用 JS 或 JQ 写的效果用 CSS 就能实现，现在几行 CSS3 代码就够了。但是最值得注目的应该是 @med

原创 《将博客搬至CSDN》

原创 HTML5学习系列——<progress>元素

progress>是HTML5中新增的状态交互元素，用来表示页面某个任务完成的进度。progress>有两个属性值：value和max，value的值必须小于或等于max的值，两者都必须大于0.progress>交互元素在下载中使用创建一个元素和一个“下载”按钮。当单击按钮时，元素动态展示下载进度状态和百分比信息；下载结束时，提示“下载完成！”。CSS：body{font-siz

原创 Emmet：HTML/CSS代码快速编写神器

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！相关知识库：  HTML5知识库Emmet的前身是大名鼎鼎的Zencoding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示：  Zen coding下的编码演示去年年底，该

原创 新用户初到贵地！！

女神镇楼