• Sketch资源汇总

    转载自 http://qichaochen.github.io/2014/12/25/110-Sketch/ 原文会有更新 作为一名移动应用开发者,除了会写代码之外,还需要问自己这样一些问题: 完成一个应用是否需要做UI的设计尸? 自己能否做UI设计? 用什么工具设计UI合适? … Sketch 是一款适用于

    15-03-03
  • 纯CSS3动画按钮效果 5种漂亮样式

    这次我们要来分享一款很不错的 CSS3按钮 动画,这款 CSS3按钮 一共有5种动画方式,每一种都是鼠标滑过动画形式,虽然这些动画按钮不是十分华丽,但是小编觉得不像其他按钮那样很难扩展,我们可以修改CSS代码随意改变自己喜欢的颜色样式。 在线演示 源码下载

    15-03-03
  • 2015年值得关注的几个Web技术

    HTTP2 HTTP2在今年中应该就可以定稿,这无疑是web界的一个大事。HTTP2从google的SPDY中借鉴了很多特性,重点改善了之前HTTP协议在当前的网络环境下的性能。简单地来讲,HTTP2更快。为什么呢,有几个主要改变: 首先是来自于同一个domain的HTTP请求可以共享同

    15-03-03
  • javascript温故知新

    转载自 http://www.cnblogs.com/jiangchao226/p/4305626.html 1 javascript作用域 初学javascript的时候,变量的作用域就感觉有些麻烦,他不像C#或java那样清晰明了,貌似处处都在作用域内,但有时会处处都是空。 javascript中,变量的作用域只有两种,全局

    15-02-28
  • 瀑布流特效与实现方案

    原文 瀑布流特效 瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站

    15-02-28
  • 利用 SVG 和 CSS3 实现有趣的边框动画

    演示 | 下载 今天我们来探索一下 Carl Philipe Brenner的网站 上一个微妙而有趣的动画效果。当鼠标经过网格元素时,会有一个微妙的动画发生——网格元素变得透明,每条边有个顺时针的动画,创造了非常好的效果。这种效果是通过JS给 span 标签的宽或者高做了

    15-02-14
  • Font Awesome最全的图标字体库

    http://fontawesome.io/ 图标一直是很多网站开发人员的心头痛,一来是因为图标制作非常麻烦,而是因为一个网站的图标必须统一风格,一般的公司很难拿得出一套像样的图标。 bootstrap之类的前端框架引入了一种全新的图标方案,那就是将矢量图标做成字体,这样

    15-02-10
  • Simditor图片上传

    上篇文章( Simditor使用方法 )只是简单的默认配置,我们可自定义工具栏按钮使其更丰富和实现上传图片功能 初始化编辑器 scripttype=text/javascript$(function(){toolbar=[title,bold,italic,underline,strikethrough,color,|,ol,ul,blockquote,code,table,|,

    15-02-01
  • App细节设计系列:Path for iOS

    提到 Path 这款应用,人们往往首先会想到它美丽的设计和丰富的细节。但是却往往有一种“叫好不叫座”的意味,最近Path有所行动,更新了4.0版本,意图改变被用户忽视的局面。我自己虽然不是Path的老用户,但是我喜欢每一个用热忱的心态构建产品的团队。 Path

    15-01-28
  • 自定义Bootstrap 样式

    自从Twitter推出 Bootstrap 以来,它的推广程度就像火箭发射一样节节攀升。这个广受欢迎的CSS框架为众多网站提供了响应式网格系统,预定义样式的组件与 JavaScript插件 。 Bootstrap 的设计初衷之一就是实用。当你要新建网站时, Bootstrap 绝对是一个节约时

    15-01-07
  • 浅析jQuery Address Plugin

    你是否经历过这样的场景,坐在电脑前,打开网页,看到吸引人的图片,我们兴冲冲的点了进去,一看究竟。 进去后我们大呼上当,“什么破玩意儿

    14-12-21
  • box-sizing border-box 的理解

    box-sizing: border-box; 则div 设置的宽高将包含边框及padding 语法 box-sizing:content-box|border-box|inherit; 值 描述 content-box 这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。

    14-12-19
  • 放弃Bootstrap&Foundation,迎接Semantic UI?

    emantic UI—完全语义化的前端界面开发框架,跟Bootstrap和Foundation比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。文章里详细介绍了Semantic UI自身的功能特性和优缺点。

    14-12-18
  • 前端框架Bootstrap和Foundation的对比

    从使用频率来说,Bootstrap(框架)被国内外各种偷懒的程序猿们拿来做项目的主页/文档,第一眼看上去,和官网的demo对比除了文字换了,其他完全就是一回事!当然不仅仅是刚才提到的,其他很多的由静态页面构成的网站也广泛应用了Bootstrap(框架),之所以要

    14-12-14
  • SASS用法指南

    摘自 阮一峰SASS用法指南 学过CSS的人都知道,它不是一种编程语言。 你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯

    14-12-14
385文