Html5
关注
分享
扫一扫
zzc1684
这个作者很懒，什么都没留下…
展开
-
10套超漂亮的Bootstrap UI KIT(已转Html格式)
我们平时分享过不少的精品UI KIT PSD素材，这些组件虽然很漂亮，但是要转换成HTML网页格式时却不是一件容易的事情，因为UI组件元素很多，如果要转HTML需要不少的时间，而且要精通前端技术。今天设计达人网整理自pixelkit上的免费UI KIT素材，这些PSD已经转成DIV+CSS格式，可以直接快速的应用在网页上，更棒的是它使用Bootstrap框架编写，最新的HTML5+CSS3...原创 2015-06-06 20:27:17 · 451 阅读 · 0 评论 -
15套免费的扁平化界面设计素材【免费下载】
高品质的网页元素是任何 Web 或移动相关项目的基本要素，质量良好的设计元素对于设计师来说就像一个宝藏，能够帮助他们在很短的时间里设计出优秀的作品。 很多人喜欢扁平化设计风格，它的简单性让用户感觉轻松。这篇文章就给大家分享15套免费的扁平化界面设计素材包，包含各种设计元素，如导航、下拉菜单栏、购物车、登录注册、选项卡以及横幅等等。您可能感兴趣的相关文章23套新鲜出炉...原创 2015-06-16 08:57:29 · 203 阅读 · 0 评论 -
Layer Styles CSS在线编辑工具
http://www.layerstyles.org/builder.html 它使用起来就像浏览器中你最爱的图片编辑器一般，而它能够帮助你生成CSS。原创 2015-06-18 09:38:51 · 406 阅读 · 0 评论 -
学习使用：before和：after伪元素
如果你一直密切关注着各种网页设计的博客，你可能已经注意到了：before和：after伪元素已经在前端开发中获得了相当多的关注。特别是在Nicolas Gallagher的博客中，后期运用了很多伪类元素。Nicolas Gallagher使用伪元素用静态的HTML标签创建84个GUI图标。为了补充说明上述内容(和利用当前发展的趋势)，我收集一些完全在伪元素下运行的东西。本文主要针对...原创 2015-06-18 09:39:59 · 168 阅读 · 0 评论 -
AngularJS学习笔记
http://www.360doc.com/content/13/0729/13/13328522_303333441.shtml AngularJS学习笔记2013-07-19 18:33 更新邹业盛关于AngularJS开始的例子依赖注入作用域数据绑定与模板5.1. 数据->模板5.2. 模板->数据5.3....原创 2015-06-18 11:18:58 · 294 阅读 · 0 评论 -
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：<header>定义页面或区段的头部；<footer>定义页面或区段的尾部；<nav>定义页面或区段的导航区域；<section>页面的逻辑区域或内容组合；...原创 2014-10-28 10:17:16 · 104 阅读 · 0 评论 -
html5shiv让IE支持HTML5
我们在实际开发过程中会为了确保所有新的HTML5元素能以block元素正确渲染，我们会定义： Css代码 header,footer,article,section,nav,menu,hgroup,aside{ display:block; } 但是IE会忽略这些样式，原因很简单，低版本的IE不识别这些标签，那我们咋做呢？...原创 2014-10-28 10:32:28 · 81 阅读 · 0 评论 -
一款由jQuery实现的手风琴式相册图片展开效果
之前我们有分享过很多jQuery手风琴样式的菜单，比如CSS3手风琴下拉菜单。今天要分享的jQuery手风琴效果很特别，它是手风琴样式的相册图片展开效果。我们只需点击图片缩略图即可展开当前的图片，并将其他的图片收缩起来。 在线预览 源码下载实现的代码html代码：<article id="home"> <header> ...原创 2014-10-28 10:54:54 · 237 阅读 · 0 评论 -
一款基于jquery滑动后固定于顶部的导航
今天分享一款基于jquery滑动后固定于顶部的导航。这款导航的特点是初始位于顶部下面一百个像素，当鼠标滚动时到下方，导航一直处于顶部。效果图如下：在线预览 源码下载实现的代码。html代码：<h1> Scroll down</h1> <h2> And watch the menu b...原创 2014-10-28 11:34:44 · 137 阅读 · 0 评论 -
20 个超酷的 HTML5/CSS3 应用及源码
[导读] 1、HTML5视频破碎重组特效，强大视觉冲击HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视觉冲击。点击视频任意地方，HTML5将会将这些区域击碎，过一段时1、HTML5视频破碎重组特效，强大视觉冲击 HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视...原创 2014-11-01 09:08:43 · 713 阅读 · 0 评论 -
HTML5 Geolocation（地理定位）
http://www.runoob.com/html/html5-geolocation.html HTML5 Geolocation（地理定位）HTML5 Geolocation（地理定位）用于定位用户的位置。定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息...原创 2016-02-26 22:29:40 · 119 阅读 · 0 评论 -
让你的网站在移动端健步如飞
本文由99根据Johan Johansson的《How To Make Your Websites Faster On Mobile Devices》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://mobile.smashingmagazine.com/2013/04/03/build-fas...原创 2016-02-29 17:33:17 · 378 阅读 · 0 评论 -
30个让人兴奋的视差滚动（Parallax Scrolling）效果网站
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了 这项技术。今天这篇文章就与大家分享30个视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果更佳）。01. Cymetriq 02. Ludwings 03. In...原创 2015-06-16 08:57:04 · 174 阅读 · 0 评论 -
CSS3盒模型display:box;box-flex详解
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（...原创 2015-06-16 08:56:20 · 158 阅读 · 0 评论 -
10个基于jQuery/CSS3的图片特效素材
阅读目录1、jQuery iNav水平滚动菜画插件2、jQuery鼠标悬停图片动画HoverEx3、jQuery带小图标的图片滑动焦点图4、jQuery仿搜狗输入法首页焦点图5、jQuery原始图片对比插件6、jQuery仿腾讯游戏上古世纪焦点图7、jQuery环形图片播放插件8、jQuery抖动动画焦点图9、jQuery带文字描述的焦点图10、jQ...原创 2015-06-16 00:51:14 · 188 阅读 · 0 评论 -
再来 20 个免费的 Bootstrap 的后台管理模板
http://www.oschina.net/news/52033/free-bootstrap-admin-templates 6月14日上海 OSC 源创会开始报名，送机械键盘和开源无码内裤之前 OSC 曾经发过多个后台管理界面模板的推荐，例如：50 个漂亮的后台管理界面模板25 个精美的后台管理界面模板和布局分享 6 套超酷的后台管理...原创 2015-06-06 20:34:54 · 1800 阅读 · 0 评论 -
bootstrap 3.0 LESS源代码浅析（一）
我一直以为Bootstrap的LESS源代码精髓在mixins.less，所以这个系列主要也是讲解mixins.less的。 什么是mixins？混入，或者翻译成混合。官网的说法是：我们可以定义一些通用的属性集为一个 class，然后在另一个 class 中去调用这些属性。看起来非常难理解，没事，我们来看例子，比如有这样一个class：.bordered { ...原创 2015-06-13 20:34:20 · 151 阅读 · 0 评论 -
bootstrap 3.0 LESS源代码浅析（二）
http://www.cnblogs.com/justany/p/3434744.html border-radius是最常见的CSS3属性，但你知道他多少东西呢？比如：border-radius:2em;相当于什么？border-top-left-radius:2em;border-top-right-radius:2em;border-...原创 2015-06-13 20:35:51 · 125 阅读 · 0 评论 -
Bootstrap源码中的LESS变量详解
Bootstrap的核心是用less来编写的，bootstrap对less进行了二次封装，提供了很多基础的less变量和函数，个人觉得非常有用，下面就来具体看下bootstrap为我们提供了哪些常用的变量和函数吧。 Bootstrap变量 基础设置@bodyBackground@white页面背景色 @textColor...原创 2015-06-13 21:13:42 · 448 阅读 · 0 评论 -
LESS CSS非常实用的10个实例应用
LESS, Sass 和其他 CSS 预处理器是一种超棒的方法用来扩展 CSS 功能，使之更适合程序员。你可以使用变量、函数、混合、继承等多种编程常用方法来编写 CSS，以更少的代码完成更多的样式。学习这些工具最好的方法是通过各种实例快速入门，今天我们向你介绍 10 个非常有用的使用 Less CSS 的实例。圆角CSS3 一个非常基本的新属性可以快速的生产圆角...原创 2015-06-13 21:17:58 · 460 阅读 · 0 评论 -
bootstrap源码分析系列：二，栅格和响应式布局
bootstrap把response单独分开作为一个独立模块这样整个栅格系统实际上分为了栅格grid和响应式布局response。非响应式的栅格是940固定宽度的，并且分为固定和流式两种，响应式布局就是通过media query增加了对不同屏幕宽度的适应。布局上，通过容器的负padding-left和每一个列的margin-left来实现的，如下图所示：一，定宽栅格的实现在varia...原创 2015-06-14 01:26:27 · 184 阅读 · 0 评论 -
7 款 Bootstrap 在线框架编辑器
Bootstrap 已经大大简化响应式 web 开发，但是，如果再加上不用手动一点点敲代码，而是可以快速选择你想要使用的 Bootstrap 组件，然后直接将其拖进你的画板中，开发是否会变得更加轻松？！这便是所谓的所见即所得（What you see is what you get，WYSIWYG）开发模式，能帮你达成这一切的，便是“所见即所得编辑器”。所见即所得编辑器通常分为以下两...原创 2015-06-14 01:39:50 · 927 阅读 · 0 评论 -
7 款 Bootstrap 在线富编辑器
Bootstrap 已经大大简化响应式 web 开发，但是，如果再加上不用手动一点点敲代码，而是可以快速选择你想要使用的 Bootstrap 组件，然后直接将其拖进你的画板中，开发是否会变得更加轻松？！这便是所谓的所见即所得（What you see is what you get，WYSIWYG）开发模式，能帮你达成这一切的，便是“所见即所得编辑器”。所见即所得编辑器通常分为以下两...原创 2015-06-14 09:32:04 · 216 阅读 · 0 评论 -
21个免费的UI界面设计工具、资源及网站
本文将介绍21个免费的UI界面设计工具、资源及网站，如果你在做用户体验设计、界面设计、产品设计、JS前段开发、手机产品设计以及iPad和平板电脑产品设计，不妨来看看。AD：51CTO移动APP安全沙龙！马上要爆满，手慢没座位！我们刚刚介绍了移动设计初探：触屏网页设计。本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富，适合用户体验设计师、界面设计师、产品设计师、JS前...原创 2015-06-15 09:27:52 · 288 阅读 · 0 评论 -
PPT扁平化设计手册修正版
PPT扁平化设计手册修正版原创 2015-06-15 10:12:18 · 107 阅读 · 0 评论 -
丰富您设计的10个CSS3效果库
Magic CSS3 Animations Magic CSS3 Animations是一个CSS3动画包，拥有一些特效可以你的Web项目中免费使用。拥有像金光闪闪，角度，旋转，炸 弹等特殊效果。使用简单，大部分的动画是跨浏览器兼容。 Animate.css Animate.css是一个现成的CSS3的动画特效库。这个库拥有60个不同的动画效果。Once animate.min.css is i...原创 2015-06-16 00:44:50 · 551 阅读 · 0 评论 -
viewports剖析
本文@承风同学根据Peter-Paul Koch的A tale of two viewports — part one和A tale of two viewports — part two所译，并由@鬼道同学较稿。感谢@99同学提供译稿。如需转载烦请注明英文原出处：Part1:http://www.quirksmode.org/mobile/viewports....原创 2016-03-01 09:31:07 · 290 阅读 · 0 评论