- 博客(27)
- 收藏
- 关注
RSS订阅转载 jQuery超酷HTML DOM元素纸张3D折叠特效
oriDomi是一款非常神奇的jQuery炫酷HTML DOM元素纸张折叠特效。oriDomi能够将HTML DOM元素转换为纸张状态，你可以用鼠标来任意折叠它们。oriDomi可以折叠的不仅是静态图片，也可以是动态图片、div和h1等元素。oriDomi的特点有：oriDomi没有任何外部依赖。响应式设计。通过media queries进行屏幕适配。大小小于20K。使用动画队列技
2015-05-04 19:48:33
487
转载 html5轻量级炫酷js粒子动画库插件
已经半个月没有写博客了，最近忙一个比赛导致忘记了了博客。今天打开找到一个很酷的例子动态。这是一款基于html5 canvas的轻量级炫酷js粒子动画库插件。该粒子动画库js插件可以设置粒子的形状、旋转、分布、颜色等属性，还可以动态添加粒子，效果非常酷。 同样的例子效果还有：HTML5 Canvas彩色的光粒子模拟粒子运动动画效果。在线演示：http://ww
2015-04-27 20:48:54
1688
转载 如何编写出优美的JavaScript代码？
摘要：爱美之心，人皆有之。即使是一段普通的代码，在保持思维清晰、功能友好的前提下怎样编写才能结构清晰、整洁美观呢？在多年以前，人们注重功能是如何实现的。现如今，随着Web及互联网技术的不断发展，功能仅成了最基本的要求，如何写出漂亮，整洁的代码已成为一个大牛级程序员不可或缺的条件。一位前端开发工程师便在知乎上提问：“我是一名前端开发工程师，主要编写JavaScript，有两年经验
2015-04-12 20:01:30
452
原创 <meta>标签
一：关键字关键字是描述网页的产品及服务的词语，选择合适的关键字是建立一个高排名的第一步。ame="XX" content="输入具体的关键字">name--属性名称；content--定义具体的关键字；二：网页说明网页说明为搜索引擎提供关于这个网页的总概括性描述。name--属性名称，设置为description，也就是将元信息属性设置为页面说明；content--定义
2015-04-06 23:32:22
367
转载 7款炫酷实用的jQuery/HTML5菜单
1、HTML5/CSS3发光文字 可自定义文字色彩 效果很赞前几天我已经向大家分享了两款HTML5/CSS3文字特效，尤其是这款HTML5 Canvas字母文字颗粒动画 可设置重力感应，更是动感。今天要分享的这款HTML5/CSS3文字效果也十分帅，鼠标滑过文字时，文字会出现发光的特效，并且我们可以自定义文字和颜色。在线演示 源码下载2、HTML5
2015-04-01 21:51:37
1796
转载 7 款基于 HTML5 Canvas 的超炫 3D 动画效果
在以前，想要在浏览器中实现3D动画效果是非常困难的，但是自从HTML5诞生之后，这就变得十分简单了。遗憾的是，目前的浏览器对3D渲染效果还不是非常理想，尤其是渲染速度，可能用chrome和safari会比较理想。下面给大家推荐几个比较炫丽的HTML5 Canvas 3D动画效果，应该能让你眼前一亮。 1、HTML5 3D旋转地球 这是一个使用HTML5 Canvas画布实现的3
2015-03-26 16:58:16
3997
转载 HTML5 canvas逼真的雨滴效果js插件
rainyday是一款基于 html5 canvas 的模拟下雨时雨滴打在玻璃窗上效果的js插件。该雨滴效果插件的特点是使用简单，易于集成。Rainyday.js是一个使用HTML5特性的纯js库，几乎所有的现代浏览器都支持它。在线演示：http://www.htmleaf.com/Demo/201502061337.html下载地址：http://www.htmlea
2015-03-24 12:28:33
1479
转载 基于HTML5 canvas圆形倒计时器jQuery插件
这是一款基于html5 canvas的圆形倒计时器jQuery插件。它可以使你非常轻松的创建圆形的倒计时器。该jQuery倒计时器插件有12种themes，它们基于 HTML5 canvas 来渲染各种圆环。这个jQuery环形倒计时器插件依赖于jquery.knob.js和jquery.throttle.js两个外部插件。在线演示：http://www.htmleaf.com
2015-03-17 12:17:02
985
原创 静态网页与动态网页的区别
网页分为两种，静态网页和动态网页。对于这个初学者来说，很容易误导静态的概念。我开始单纯的以为静态网页纯为文字与图片为元素的网站，可想而知，我的想法是错误。静态网页是相对动态网页而言，并不是网页元素是静止不懂的。静态网页是指浏览器与服务器不发生交互的网页，网页的GIF动画、Flash，以及Flash按钮等都会发生改变。而动态网页除了有静态网页的元素之外，还包括一些应用程序，而这些程序需要
2015-03-17 12:13:20
435
转载 40个布局排版好看的网页设计作品
扁平化网页设计的表现大多体现在配色、字体以及布局排版方面，这三样结合得当都能制作出漂亮的网站。在国内很多企业网站的布局架构几乎是一样的，最多就是LOGO和一点颜色变化，看不出什么特色和创新。作为设计师，应该多花点心思在创新上，比如网页上的布局，其实它是可以变化多样的，正如今天为大家分享40个布局排版好看的网页设计作品，大家可以参考这些布局的设计，从中获得一些灵感。Thoug
2015-03-10 22:44:12
3076
转载 推荐9个非常有用的开发技巧给Web开发者
在这篇文章中，我们将推荐9个非常有用的CSS，HTML和JavaScript开发窍门。如果你也是一个非常热爱前端开发的Web开发人员，那么这几个CSS3和Html5对你肯定非常有用。1.Html5 placeholder一个非常有用的脚本创建，用于对字段标签中的占位符和普通的JavaScript之间切换，我知道，你可能会认为这个是多余的，但是如果你想给现代浏览器一个更加敏
2015-03-04 13:40:52
367
1
转载 推荐16款优秀的Web开发辅助工具
摘要：优秀的工具，可以使你的开发工作事半功倍，帮助你创建出高品质的Web应用。 本文整理了16款重要的Web开发工具，涵盖CSS、JavaScript、图像优化和其他方面的Web开发工作，希望对你的开发工作能有所帮助。优秀的工具，可以使你的开发工作事半功倍，帮助你创建出高品质的Web应用。本文整理了16款重要的Web开发工具，涵盖CSS、JavaScript、图像优化和其他方面的Web
2015-03-02 20:37:08
1260
转载 WEB开发中最致命的8个小错误
错误1：表单的label标签跟表单字段没有关联利用“for”属性允许用户单击label也可以选中表单中的内容。这可以扩大复选框和单选框的点击区域，非常实用。错误2：logo图片没有链接到主页点击网站logo就能转到主页已经成为了网民的条件反射。此外，值得一提的是，logo是指定放于左上角的。错误3：不能区分是否已经访问过该链接访问过的
2015-02-17 15:50:49
311
原创 乱码问题
当我们做好全部的时候，传上内网时，出现乱码问题，不要急躁，现在我介绍几个方法给你。1.打开网页时候，右击-----编码----UTF-8，这个可以解决一时的困难，暂时能让网页不产生代码。但是，你若是在其他电脑打开网页，现象还是存在的。2.我们用Adobe Dreamweaver 工具打开网页，把中的charset=UTF-8改为charset=gb2312若是多的网页，一一修改也是
2015-02-17 15:31:56
274
转载 编写出色的CSS代码13个的建议
摘要：CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，本文总结了一些如何实现高效整洁的CSS代码原则。CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset
2015-02-12 23:26:36
316
原创 基础是好作品的根本
毛竹是一种生长在亚洲境内的植物。在种下的前五年，高度变化几乎看不出来。一旦过了这五年，毛竹就会急速狂长，6个星期内长到27米高。原因就在于毛竹用前五年的时间去发展自己的根部，拼命的将自己的根部系统扩大，尽可能的使根部得到足够的空间。 做任何事，都要向毛竹一样，先打好基础，因为打好基础最重要。比方说建一座金字塔，基础越广阔、深厚，其塔尖就越高。要想获得丰富的知识，掌握精湛的技艺，必须下大功夫
2015-02-06 20:12:16
293
转载 弹跳问题
平常，我们在设计网页的时候想要有个在线服务的弹跳窗口便设计一个弹跳窗口，但是许多时候，由于我们只想要昙花一现的效果，不让顾客厌恶弹跳窗口。所以，jquery信息弹跳出后自动关闭可以参考以下代码信息弹出后自动关闭function divFadeAlert(){ var hidvalue_str=$('#hidvalue').v
2015-02-02 21:06:09
324
转载 加载页面
在设计网页时候我们都想要一个加载的页面，能显示网站的高大上，而加载页面也可以有很多种样式这是一款使用html5 svg制作的加载loading动画特效插件。该加载loading动画特效共有12种效果，使用img标签直接调用svg文件来生成各种SVG动态图片。关于在页面中使用SVG的方法可以参考这篇文章：《如何在网页中使用SVG》。所有的现代浏览器都支持SVG（I
2015-01-31 14:35:22
351
原创 网页设计过程中遇到的问题！
在平时的设计过程中，我发现在“素材”这个方面花的时间特别多，而且也容易卡在这里。当我已经构思出一幅大致的网页效果图，并准备开始设计的时候，我会发现很难找到符合题材的素材，然后我会开始漫无目的的在网上搜索这些素材，最后找了很久依然没有结果，白白浪费了很多的时间。经过我的分析和思考，我总结出以下的经验：一定要注意平时的收集整理。例如浏览网页的时候要多留意，如果看见好看的素材，就把它下载
2015-01-29 11:01:37
711
原创 网页设计过程中遇到的问题！
在平时的设计过程中，我发现在“素材”这个方面花的时间特别多，而且也容易卡在这里。当我已经构思出一幅大致的网页效果图，并准备开始设计的时候，我会发现很难找到符合题材的素材，然后我会开始漫无目的的在网上搜索这些素材，最后找了很久依然没有结果，白白浪费了很多的时间。经过我的分析和思考，我总结出以下的经验：一定要注意平时的收集整理。例如浏览网页的时候要多留意，如果看见好看的素材，就把它下载
2015-01-29 11:00:27
2014
转载 7款炫酷实用的jQuery/HTML5菜单
jQuery是一款非常实用的JavaScript框架，基于jQuery开发的菜单插件也非常多，包括下拉菜单、Tab菜单等。另外，HTML5的应用，让这些菜单在视觉效果和交互能力上又提高了很多。本文就推荐了7款炫酷而实用的jQuery/HTML5菜单，希望对你有所帮助。1、CSS3扇形动画菜单 鼠标滑过扇形展开动画这款CSS3菜单很有个性，是一个扇形的多级下拉菜单，当你将鼠标滑过菜单
2015-01-27 14:33:39
1096
转载 编写出色CSS代码的13个建议
1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：*{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的
2015-01-24 13:46:54
350
原创 永远不要嫌弃你起初的作品
跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决。学习网页设计需要坚持，坚持不断的学习，或许现在你的作品不堪入目，但是你至少是把相应的效果展示出来了，也就表示你成功。阶梯是一块一块铸造而成的，人也一样，一步一个脚印，才能踏上高峰，当
2015-01-22 21:06:56
349
原创 CSS小知识：居中
文字的水平居中将一段文字置于容器的水平中点，只要设置text-align：center属性即可 文字的垂直居中单行文字的垂直居中，只要将行高与容器高设为相等即可。比如，容器中有一行数字: <div id="container">1234567890然后CSS这样写：div#container {height: 35px; line-height: 3
2015-01-19 18:13:47
337
转载 8个超炫酷的HTML5动画演示及源码
利用HTML5可以绘制很多静态的图像，也可以制作一些炫酷的动画，本文分享了8个利用HTML5和CSS3实现的动画演示，同时也分享了源代码供大家下载参考。1、HTML5 3D点阵列波浪翻滚动画这个HTML5 Canvas动画非常壮观，给人一种破浪起伏的视觉效果。在线演示 源码下载2、纯CSS3实现发光开关切换按钮这款按钮非常有个性，它
2015-01-19 10:35:14
1564
转载 多种按钮样式
下载：分享50个CSS超炫丽button样式代码下载.rar下载 帐号/密码 ：test/websjy ..演示：http://www.websjy.com/club/websjy_index/32/点击该超链接，有很酷炫的按钮，在平时网页设计时候，可以直接拿来运用。我看了该样式，很多都不错，很方便运用。一起分享一下！！更多0
2015-01-16 17:59:32
397
原创 奋进
对于自己来说，我是属于懒的一个人。除非，是作业，或者兴趣，其他，我对于我不感冒的东西是绝对吝啬的。因为，我不喜欢把时间花费到我不兴趣的东西身上，我宁愿去煲剧。 上了快一半的的大学，我对自己想要的很迷茫。我看着同学忙碌的样子，我有点不知所措。女孩子上了计算机专业，我突然觉得，没希望了，认为以后工作肯定不是对专业的工作，还想过去买衣服。一个大学快被我混了一半了，终于在这个学期，找到兴
2015-01-15 11:40:39
425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人