自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

为什么苹果的官网看上去这么美

我敢打包票,在企业官网的设计中,没有人比苹果(Apple)更懂得如何漂亮直观的在页面上展示宣传自己的产品。 苹果的网页设计从图片选取、广告词、主页栏以及白色的背景等编排设计,依旧继承了它在产品研发中追求细节的极致作风。在我们浏览其它企业官方的页面时,你会很感概为什么在浏览这些企业的页面时会充满令人心烦意乱的感受?比如:繁杂的产品系列菜单让你的鼠标不知所措的该放在哪儿、低分辨率的劣质照片让你无法...

2014-10-20 15:31:25 1139

Javascript模块化编程(二):AMD规范

这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。 七、模块的规范 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这一点就更重要了。...

2014-10-16 15:40:51 107

jQuery Masonry-强大的动态不规则布局插件,让你的网页更自然

Masonry是 一款非常强大的jQuery动态网格布局插件,可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于,float先水平排列,然后再垂直排列,使用Masonry则垂直排列元素,然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下: 在上图中大家可以看到,在网格布局中使用float来处理...

2014-10-16 14:00:10 385

通过JS动态显示html-DOM操作

近日,因工作需要,需要通过点击某个元素后, 动态创建一个DOM元素并显示,因此写了一些相关的JS函数,在此记录,以作备忘: 可以500%提高开发效率的前端UI框架! /**//* 动态创建DOM元素的相关函数支持 www.jcodecraeer.com */ /**//* 获取以某个元素的DOM对象 @obj 该元素的ID字符串 */ functio...

2014-10-15 15:18:15 149

jQuery必知必熟基础知识

jQuery 1.特点:小巧功能强跨浏览器插件2.使用实际是js文件a) 复制js到WebRootb) 页面<script src="jquery.js" charset=""></script>  可以500%提高开发效率的前端UI框架! 3.核心对象及常用方法和属性a)名称jQuery和$用$找出来的对象叫jQuery对象用document找出来的对象叫Dom对象b)d...

2014-10-15 13:55:19 64

文字设计是网页设计的根本

恩,网页设计的秘密是什么?   这是一个艰难的问题,一个可能没有答案的问题。在 2006 年,Oliver Reichenstein 写下了 Web Design is 95% Typography. 一些人狂爱它,一些人却不以为然。   若网页设计过多的依赖于文字设计,那么学习其他事物的意义何在?你所需要做的只是理解文字设计的各个元素,然后就能做的很好。   当然文字设计并不只意味着字体...

2014-10-14 15:56:09 94

预料之中:2015年网页设计的10大趋势

2014快结束了,是我们回顾这一年,并且展望新的2015年的时候了。在2014年我们见证了最重要的设计趋势:响应式设计。 这篇文章我们将预测2015年的web设计新趋势,看看在2015年这些趋势将是如何进入我们视野的。可以500%提高开发效率的前端UI框架!   1、响应式布局,一个样式适配多尺寸屏幕 2、重视字体的选择,使用Web字体 3、拒绝Flash,使用其他任何可能的...

2014-10-14 14:24:05 93

ExtJs4 笔记之Ext.tab.Panel 选项卡

本篇讲解选项卡控件。 一、基本选项卡 首先我们来定义一个基本的选项卡控件,其中每个Tab各有不同,Tab的正文内容可以有三种方式获取: 1.基本方式:通过定义html和items的方式。 2.读取其他html的信息:通过设置contentEl就可以获取其他html的信息为当前tab正文。 3.读取服务端数据:通过定义autoLoad异步方式获取服务端数据。 另外,每个tab都可以设置...

2014-10-13 14:12:48 149

CSS Card:纯css制作扑克牌

制作扑克的html代码   第一步是制作扑克的html,我的原则是用最少最简洁的代码,不引用任何图片,也许你认为不可能,但是你还是乖乖的看我是如何工作的吧。 建立一个div,赋予两个class属性:cardand suitdiamonds <div class="card suitdiamonds"> </div>     往这个div中添加卡片的内容,只...

2014-10-10 15:39:23 842

封装过的Ajax工具类库AjaxUtil.js

封装过的Ajax工具类库AjaxUtil.js  可以500%提高开发效率的前端UI框架! .代码   var AjaxUtil = {               // 基础选项       options : {           method : "get", // 默认提交的方法,get post           url : "", // 请求的路径...

2014-10-09 13:14:55 210

chrome developer tool 调试技巧

这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异. 常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-exp...

2014-10-08 13:42:42 110

图层叠加混合模式在网页设计中的应用

很多飞鱼的声纳的读者常会询问我类似于上图中的按钮的光效是怎么做出来的?其实非常简单,新建图层,笔刷或椭圆画出白色,高斯模糊,再将图层混合模 式更改为图层叠加就可以了。但是这篇文章里我们不讨论具体的技术,而来看看如同上面的按钮通过白色的叠加创建出按钮的高光,我们来了解一下图层叠加模式在 网页设计中的应用,再通过不同的实例来深层次的了解图层叠加混合模式的基本效果,将其更自由的应用于我们的设计中。精心...

2014-09-30 13:46:52 537

css初学者应该关注的网站

css可以理解成布局标记语言,国外有一个叫做Learn CSS Layout的网站,每一种css的用法都在当前页面用css展现出来,并且配有非常详细的讲解。 与网上的其他教程不同的是,Learn CSS Layout里面的内容看起来非常轻松,我觉得可能是以下方面的原因: 1.非常详细的讲解,而且是图文并茂,并配有代码。 2.休闲的风格,就像是小学生学习新东西的感觉,完全不觉得是在学习一门...

2014-09-29 16:19:47 74

用html5构建兼容iE6的网页

几个月前我就打算开始学习html5,但是当时有一个非常扯淡的想法:“反正现在很多浏览器不兼容html5,学了实际用途也不会很大!”而且还有一些其他的事情比较牵扯精力(找理由…)!现在我终于意识到那时的那个想法有多么二了,赶紧亡羊补牢。 创建兼容ie6的html5页面html5依然以.html或者.htm作为后缀。  精心开发5年的UI前端框架! 号称几乎没人去记过的DOCTYPE声明变成&...

2014-09-29 15:48:25 83

前端新技术:HTML5实现网页元素的拖动操作

HTML5之前,要实现网页元素的拖动操作,需要依靠mousedown、mousemove、mouseup等API,通过大量的JS代码来实现;HTML5 中引入了直接支持拖动操作的API,大大简化了网页元素的拖动操作编程难度,并且这些API除了支持浏览器内部元素的拖动外,同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例,演示HTML5中拖动API的使用方法。 场景: 如...

2014-09-26 14:14:20 669

HTML5本地存储之Database Storage篇

在上一篇《HTML5本地存储之Web Storage篇》中,简单介绍了如何利用localStorage实现本地存储;实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLite"这种文件型数据库,该数据库多集中在嵌入式设备上,熟悉IOS/Android开发的同学,应该对SQLite数据库比较熟悉。 HTM...

2014-09-25 14:58:18 142

29个非常优秀的纹理背景网站设计

纹理设计一直是不少同学追求的,今天就推荐30个纹理设计出众的网站,希望对你的设计有所帮助。个人比较喜欢第14个,有家的轻松的感觉,更有三维效果,大爱啊! 1. Banger’s分享一个最好用的UI前端框架! 2. Big Daddy Weave 3. Jopp 4. Gold Top Cider.分享一个最好用的UI前端框架! 5. The Lost Thin...

2014-09-24 16:03:28 152

交互设计部门在互联网公司到底该独立还是拆分?

日前有消息,腾讯CDC解散了,交互、视觉、用研各成员回归到产品线与项目之中,剩下品牌组未知。这是继支付宝、网易之后,解散大型设计部门的第三家公司。也有人辟谣说只是分成各个小组下到产品里而不是解散。 精心开发5年的UI前端框架!   互联网公司大型交互设计部门的被拆分似乎成了一种宿命,伴随着谣言、悲情、猜疑、不舍蔓延开来。虽然多数人做的可能不是真理,但在目前的互联网产品环境下,设计部门拆分...

2014-09-17 15:57:02 538

真正好的UI设计应该是不留痕迹的

一个真正好的用户界面设计应该是不被用户注意到的UI设计;相反,贫庸的界面设计往往强制用户去注意到自己的设计痕迹,而不是内容本身。用户访问一个网站的目的无非是实现自己的目标:买一本书、学些一下jQuery、分享一篇文章、寻找一段音乐、写一篇小说等等。用户不是来把玩你的设计的,实际上用户基本不关心你的设计。一直以来pc的死板以及一些缺乏交互的软件让我们思考用户界面的问题,什么能让界面设计变好,...

2014-09-15 16:40:45 107

现代前端开发小记

web开发分为前后,作为一个后端工程师,或者是前端小白,前端的开发可能会很头疼。 一路走来,坎坎坷坷,好在升级打怪还是会遗留一些经验的,记录下现代前端开发的经验。 黑暗时代的前端开发 在这个时代,前端开发的流程可能是这样的:UI前端框架最新力作!有奖试读! .代码  * 写各种html、css、js   * 跑到各种前端模块网站上手动下载各种库   * 一遍遍刷新浏览...

2014-09-12 16:15:20 69

CSS3 --一句话概括Transform,Transition,Animation区别

Transform:对元素进行变形; Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。但只有两个关键贞。开始,结束。 Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。可以设置多个关键贞。精心开发5年的UI前端框架!   Transition与Animation: transition需...

2014-09-11 15:50:14 95

从div盒子模型谈如何写可维护的css代码

  市面上我们常常会看到各种各样的设计模式书籍,Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料,即使在网上找到类似内容,细细一看之下才发觉是南辕北辙。经过浩瀚文章搜索发掘下依旧一无所获之后,直接导致了我萌生一股写一篇CSS设计模式的冲动,至此写下这篇文章,其中叙述如有不当之处,也恳请各位提出意见,分享出您宝贵的经验。 在写...

2014-09-10 14:18:17 106

从云计算谈精神世界的本质

对于精神世界里出现的神秘事件,科技人员总是采用研究物质的方法来解释,并且固执地认为这样的解释是科学的,结论是正确的。比如轮回记忆,专家 从细胞、物质功能的角度来分析生命的过程,然后认为轮回是不可能存在的。得出这种结论是草率的,和下结论的人本身的社会地位及知名度没有关系,因为轮回属 于精神世界里发生的事件,和物理世界的身体没有直接的关系,不能把对身体的研究结果直接套用到不同类型的事物上。比如不能...

2014-09-09 14:39:54 94

HTML5前端框架Amaze UI全面开源

近日,国内首个开源 HTML 5 跨屏前端框架 Amaze UI 开放下载体验。   Amaze UI 是一个针对 HTML 5 开发的轻量级、模块化、移动优先的跨屏前端框架,通过拆分、封装了一些常用的网页组件,比如轮播图框、文字框等等组件,让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中,而不需要自己在开发的过程中重写一遍。   该框架的特点是 mobilefirst,解决 ...

2014-09-05 15:48:55 99

原创 jQuery Easyui datagrid动态列绑定

前几天有人在使用jQuery EasyUI的datagrid时,遇到不会动态绑定列的情况,而网上给出的例子可能也是比较早的处理办法,竟然需要修改easyui源码,其实解决这问题的思路是很简单,我们只需修改要显示的列即可。那位朋友最后改为这种处理时,发现还是有问题,最终我发现她返回不是合法json,里边多个方括号,这里推荐大家使用本站的JSON在线校验格式化工具来验证返回json是否正确。 这里...

2014-09-04 16:45:24 127

怎么书写高质量jQuery代码

众所周知,jQuery现在已经非常流行,百度新首页中也已经开始使用jQuery,今天总结下怎么书写更好的jQuery代码使jQuery代码更好、更快的执行,希望本篇jQuery教程一改大家以前不合理的做法。   1.正确引用jQuery 尽量在body结束前才引入jQuery,而不是在head中。 借助第三方提供的CDN来引入jQuery,同时注意当使用第三方CDN出现问题...

2014-09-04 14:35:55 106

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除