- 浏览: 89614 次
博客专栏
-
各种极其精美的Web前端组...
浏览量:58575
最新评论
-
wymself:
[align=center][size=small][/siz ...
非常精美的QQ桌面Web桌面模板(下) -
ray258:
好厉害
几个Web前端经典使用的炫丽进度条(上) -
a91942365:
kdjfi
几个Web前端经典使用的炫丽进度条(上) -
a91942365:
very good
几个Web前端经典使用的炫丽进度条(上) -
hyneng:
这个帐号什么时候封啊
红绿灯与设计规范
文章列表
过马路的时候突然注意到红绿灯,恰好最近的新交通规则也热火朝天,就顺势吐槽下关于“设计规范”的思考。
提到设计规范,很多人都觉得是个很虚、不务实的绩效工程,很多企业为设计规范而设计规范,拍脑袋定规则,投了精力进去,面子起来了,最后死掉了。以前也很不情愿去制定设计规范,经历多个终端的设计痛苦后,渐渐明白了设计规范“存在即合理”的意义。可以500%提高开发效率的前端UI框架!
红绿灯的启示
扯淡之前,还是先回到红绿灯这个事儿上:
这是再常见不过的红绿灯。当工
这是一个比较简单实用的菜单,最重要的是他不需要引用jQuery库。菜单在垂直方向上能做到自适应,当主菜单靠近顶部,子菜单将会在下面,当主菜单靠近底部,子菜单在上面。运用Modernizr的触摸检测功能,我们可以让子菜单的响应在pc上是hover,而在触摸设备上是点击。例子中还示范了如何在宽度比较窄的情况下如何调整布局。分享一个最好用的UI前端框架!
html代码:
.代码
<ul id="cbp-tm-menu" class="cbp-tm-menu">
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的!
Responsive Web Design可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。下面我列出了一些比较热门的适应多设备的布局模式。
最灵活的(Mostly Fluid)
最受欢迎的模式或者就是这种最简单的方式:在更大屏幕使用更大margin ...
这19种风景树和草轮廓的笔刷完全免费奉献给大家,这是从国外一个前端人员的博客上获得的,据他本人所说,这些素材来自于他亲自骑着自行车出去摄影采集而来。 国内的素材网站往往难以找到这种优雅的素材。 就图片本身而言,似乎充满了哥特式的暗黑风格。 可以500%提高开发效率的前端UI框架!
这19种风景树和草轮廓的笔刷完全免费奉献给大家,这是从国外一个前端人员的博客上获得的,据他本人所说,这些素材来自于他亲自骑着自行车出去摄影采集而来。可以500%提高开发效率的前端UI框架!
现代和响应式免费的HTML5模板。具有:
清洁和优雅的设计
易于定制
浏览器兼容性
一切都免费
UI前端框架最新力作!有奖试读
下载地址:http://html5layouts.com/ UI框架分享
我所遇到的前端程序员分两种:
第一种一直在问:如何学习前端?
第二种总说:前端很简单,就那么一点东西。
我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。
...
看到网上大部分介绍的区别都是一个能点一个不能点,即readonly可获得焦点,disabled不可获得焦点。
事实上,这只是直观的区别了,经过代码实践遇到的问题发现:
disabled:除直观上的限制外,该被限制的对象值将不会被传递到后台程序。
readonly:与后台交互时可以传递值。前端框架分享
最好不要用disabled,不然就无法取出里面的值了.
区别:1.disabled -- 完全不可编辑,并且是不能复制的。2.readonly -- 不可编辑,但是是可以复制。3.Readonly只针对input(text / password)和textarea有 ...
有时候,我们不需要太牛逼太强大的JavaScript模板引擎(比如jQuery tmpl或者handlebarsjs),我们只是需要在简单的模板里绑定一些非常简单的字段,本文将使用非常简单的技巧来帮你实现这个小功能。
首先我们先来定义我们需要的模板,在id为template的script块里:前端UI分享
JQuery包装器提供了大量的方法,可以再页面中直接使用。但是,没有
任何一个库可以满足所有的需求,所以,JQuery库提供了丰富的扩展功能
。以禁用一组表单元素为例,看看怎么简单有效的在JQuery库中添加自定
义的功能扩展。(JQuery没有禁用表单元素的方法哦)前端Ui资源
上代码:
49个jquery代码经典片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"} });2. 解决jQue ...
4. jQuery满屏焦点图代码
能在支持 FireFox、Chrome、Safari、傲游、搜狗、360浏览器。
源码下载
1. jQuery UI实现Web桌面系统jWebOS
源码下载 / 在线演示
2. jQuery图片滑动切换
1. jquery背景图片轮播特效效果
源码下载 / 在线演示
2. jquery上下左右图片轮播特效
源码下载 / 在线演示
3. 三维效果jquery图片轮播特效
Lambda表达式是自Java SE 5引入泛型以来最重大的Java语言新特性,本文是2012年度最后一期Java Magazine中的一篇文章,它介绍了Lamdba的设计初衷,应用场景与基本语法。(2013.01.02最后更新)
Lambda表达式,这个名字由该项目的专家组选定,描述了一种新的函数式编程结构,这个即将出现在Java SE 8中的新特性正被大家急切地等待着。有时你也会听到人们使用诸如闭包,函数直接量,匿名函数,及SAM(Single Abstract Method)这样的术语。其中一些术语彼此之间会有一些细微的不同,但基本上它们都指代相同的功能。
虽然一开始会觉得L ...
1. 使用最新版本的jQuery jQuery的版本更新很快,你应该总是使用最新的版本。因为新版本会改进性能,还有很多新功能。 下面就来看看,不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句: $('.elem') $ ...