分享15个最佳jQuery幻灯插件和教程
在网站前端中使用 jQuery 库已经变得越来越流行，前端开发人员发布或撰写的相关的插件和教程也与日俱增。 幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很…
Chrome 浏览器非常酷的实验性功能
Chrome 浏览器作为一款版本号跑的超快，功能特性也都超好的超棒浏览器，总是会在Candy、Dev版本中加入些超前的实验性设置。 之前就介绍过那些，隐藏在chrome:// 里的页面，今天就介绍些在chrome://flags 里的优秀实验性功能。 密码生成 如果你没有使用像L…
CSS3 Multi-columns 之列数和列宽
“Multi-column”译成中文就是“多列”，这个”Multi-column“是W3C给CSS3增加的一个多列布局模块（CSS Multi-column Layout Module）。它主要应用在文本的多列布局方面，对于文本的多列布局我想大家并不陌生，因为报纸和杂志上我们随处可见，这种布…
Flexbox——快速布局神器
简介 在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。如果你想创建一个简单的图片与文本的布局，那么还算简单，但是制作一个复杂的多列布局，要做的众多浏览器的兼容一致那还是很复杂的。我们通常都是使用浮…
值得一试的8个 Web 开发工具和资源
Emmet Emmet 项目的前身是前端开发人员熟知的 Zen Coding（快速编写 HTML/CSS 代码的方案）。和一般的编辑器中使用的“代码片段”概念不同，Emmet 使用动态的类似 CSS 表达式的语法来生成代码，这意味着你不需要自己去编辑并创建固定的代码片段，大大的提高…
iPhone应用到iPad应用设计的改变
在做APP的iPad版本设计时，我们常常需要考虑：如何在延续iPhone版本设计特色和优点同时，充分利用iPad的特性更好地进行设计。本文从iPad和iPhone的差异性入手，试图总结这一设计过程中需要注意的问题。 一、视图之变 屏幕尺寸的差异直接影响到用户可见的视…
让网站变灰的css代码（支持IE、Firefox和Chrome）
四川雅安芦山发生7.0级别大地震，不少网站首页已经变成了灰色表示哀悼。下面笔者整理了几种让网页变灰色的CSS代码，供各位站长参考！ 方法1：支持IE <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.or…
一位牛人归纳的JavaScript 语言基础知识点图示
1.JavaScript 数据类型 2.JavaScript 变量 3.Javascript 运算符 4.JavaScript 数组 5.JavaScript 流程控制 6.JavaScript 函数基础 7.DOM 基本操作 8.Window 对象 9.JavaScript 字符串函数 10.JavaScript 正则表达式
扁平化设计与可访问性
这几年互联网变化好多，我们在网上浏览的方式也一样。在本文中，我们将看一下最近扁平化设计带来的可访问性提升以及使得互联网或多或少更开放和可用性。 扁平化元素 拟物化设计模仿颜色、纹理、形状甚至实际生活中特定的实际形状，因此能对不喜欢新技术和…
扁平化网页设计展示
上一篇中，我们讨论了扁平化美学设计。为了防止你不太能理解它，回味一下：“扁平化设计意味着不用常用的渐变、像素完美的阴影，然后通常是近年来蔓延的用来实现看起来“平面”的用户界面。” 嗯，为了能让你更快的步入扁平化设计的潮流，今天我们收集了20个超…
细数那些好用的网站开发工具
Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App，其中包含各类字体库、代码库、插件库、配色方案和测试工具。他同时指出，Web开发环境将慢慢转向云端。 CodeVisually是一个开源项目。在它的分类目录下有各种插件、 …
7个超实用的Emmet（zen coding）HTML代码使用技巧
还记得Emmet（即Zen coding）吗？最棒的书写HTML代码的利器之一，能够帮助你快速书写HTML代码的工具。在今天这篇文章中，我们将要分享7个超酷的Emmet书写HTML的技巧，希望大家喜欢！ 1. 跳过Div 第一个小技巧就是跳过div，Emment非常清楚你需要输入什么内…
扁平化美学设计
最近一个在网页和UI设计上逐渐增长的趋势是“扁平化设计”的使用，而且现在已经是一个非常热门的话题了。满大街的现场讨论会以及大量的教程。我常常被吸引到极简主义设计中，所以扁平化设计是一种很自然的给我启发的设计美学，特别是在最近的一个项目的重新…
码农如何快速打造一个有设计感的网站
拥有属于自己的网站是很多人的梦想，但大多数人只能借助像 WordPress 这样的 CMS 实现，甚至很多公司网站也是这样。但这些网站大多数看起来都比较缺乏设计感，通俗来讲就是有点“土”。那么对于像程序员以及其他对设计比较小白们来说，如何能让你的网站看起…
mac下网页中文字体优化
最近某人吐槽某门户网站在mac下chrome字体超丑，然后发现虽然现在mac用户越来越多，但是大家依然无视mac下的字体差异，于是研究了下mac下网页中的中文字体，和大家分享。 mac和windows自带的字体非常不一样，所以，针对windows的font-family设置一般不适用…
