摘要：1、CSS3五彩文字特效 文字带阴影效果这是一款非常具有卡通形象的CSS3五彩文字特效，虽然没有迷人的动画效果，但是五彩缤纷的文字展现在屏幕上也是非常酷的，再加上每一个文字都有不同角度的阴影效果，加上漂亮的英文字体，让整一个文字特效显得非常出色迷人，大家可以在宣传广告页面试试这款CSS3文字特效。在...
阅读全文
posted @ 2014-05-26 17:06
文章分类 - UDE
摘要：http://www.oschina.net/news/35251/twitter-bootstrap-resourcesBootstrap是Twitter推出的一个开源的用于前端开发的工具包，由Twitter的设计师Mark Otto和Jacob Thornton合作开发。Bootstrap提供了优雅的HTML和CSS规范，它由动态CSS语言LESS写成，与CSS框架Blueprint存在很多相似之处。Bootstrap推出后颇受欢迎，一直是GitHub上的热门开源项目。Bootstraphero网站搜集了大量关于Bootstrap的开发资源，本文列举如下（关于这些资源的介绍请参阅原文或资源
阅读全文
posted @ 2014-03-30 12:34
摘要：整理自：99 Beautiful Free Sign-In (Login) and Sign-Up PSD Designs中文：99个漂亮的注册和登录页面设计(附PSD)请尊重版权，转载请注明来源，多谢~~我们之前有介绍过一些很漂亮的网站登录界面，登录和注册是获取用户的第一步，是最能体现网站用户体验的地方。这里我们又收集了更多的登录和注册界面设计，它们来自于国外优秀的设计师们，而基本都是设计稿，附带PSD，你可以下载下来用在自己的项目中。Wooodapp sign in pageSign In WidgetElegant Login Form DesignSimple Login FormLo
阅读全文
posted @ 2014-03-07 20:02
摘要：虽然国内外有很多类似的服务器，比如最初的google ajax api，还有后来的sae，百度等都有提供，但是也都有不同的弊端，比如国内访问速度慢、提供的静态文件不全等。。。staticfile有望解决这个问题。访问 http://staticfile.org/简单介绍：此仓库由Sofish、hfcorriez和ikbear更新和维护，由七牛云存储提供存储和加速，国外源同步于CDNJS。特色：开放该项目托管在github上，每个人都可以去提交补充需要的js或者css库文件。简介&帮助：http://staticfile.org/about.html总之这种提供免费的开源前端库文件是造福
阅读全文
posted @ 2014-03-07 19:16
摘要：注：本文出自腾讯AlloyTeam的元彦，文章也可以在github上浏览。请尊重版权，转载请注明来源，多谢～～高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。关于流畅度，主要体现在前端动画中，在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案，在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端，我们选择性能更优浏览器原生实现方案
阅读全文
posted @ 2014-03-07 19:15
摘要：译自：50 Incredible Admin Page Templates译自：50个高端大气上档次的管理后台界面模板请尊重版权，转载请注明来源，多谢～～大部分网站都有一个管理面板或者管理界面用于查看和管理网站信息。但是通常大家并不是很重视这个后台管理界面的设计，一般能用就行了。但是其实漂亮的管理界面也能大大的提升工作人员的工作效率啊。通过使用漂亮的管理面板你可以省掉很多的时间，同事，设计良好的界面也适合在移动终端上使用，从而减少对PC的依赖和提供管理的灵活性。这里收集了50个高端大气上档次，简洁时尚国际化的后台管理界面模板，希望你能喜欢并获取灵感。1. Katniss Premium Adm
阅读全文
posted @ 2014-03-07 19:14
摘要：CSS中背景定位background-position负值一直是不好理解的难点，一方面用的比较少，另一方面的理解的不够深入，今天花了点时间认真的思考了，把我的心得写出来．下面是我要用到的一个背景图：HTML页中是162*162的灰色背景DIV块并加入三种不同位置的背景图片，在浏览器中看到的效果： 从上图可以看到：当为background-position:00;时图片的左上角与DIV的左上角是重合的，当我们定位于background-position:-50px-50px;时发现图片向左上，移动了，也就以DIV的左上角为中心，图向左移动了50PX，向右也移动了50PX．第三个示例就是上值的情.
阅读全文
posted @ 2013-12-19 09:13
摘要：当你需要为网站快速创建一个直观和可用的用户界面的时候，在写代码之前做好设计是基础。一个普遍的方法就是通过线框图（Wireframe）来展现你的设计。线框图是一种使用线条为基本元素的绘画，与蓝图相对，线框图表现基本的导航和功能块，比如内容、功能等。换句话说，线框图是一个网页布局的轮廓，是进行有效地网站设计和开发工作的基础。在本文中，我们收集了一些PSD格式的线框图，希望能够对你有所帮助，或为你的设计带来一些灵感。1. Web Wireframe Kit该套件以简单的方式来规划页面布局，对Web设计师来说，这是一个非常有价值的、省时的工具。2. Soft UI Kit：免费的Web原型设计PSD图
阅读全文
posted @ 2012-01-02 10:32
摘要：图标是Web设计中必不可少的元素。设计师在合适的位置添加图标可以让用户更形象、直观地初步了解产品。本文为设计师整理了20套免费的矢量图和PNG图标集合。1.应用程序构建图标2.设计组合图标3.社交图标4.图形图标5.苹果产品系列图标6.Web应用图标7.Mush图标8.软件、媒体图标9.3D立方体社交图标集10.3D立方体社交图标集11.老式收音机矢量图标12.设计师用的图标集合13.专业的电子商务图标集14.Blawb扩展图标15.50个WebToys图标16.Pixelbox免费图标集17.Onebit免费图标集18.免费的圣诞节图标19.免费的手型指示图标20.免费的表情图标VIADJD
阅读全文
posted @ 2011-11-09 15:45
摘要：学习HTML 5编程和设计 原文转载自： http://coolshell.cn/articles/4795.html ★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码 很不错的 HTML5 Dashboard – Mozilla，效果很炫。 WhatWG Developers , 一个清楚的 HTML5 技术规格说明书。 ★ StackOverflow : 大名鼎鼎的技术问答式论坛。 ★ Addyosmani , jQuery 和 JavaScript 文章教程 Sohtanaka , jQuery.
阅读全文
posted @ 2011-06-10 10:18
摘要：以前只是看的枯燥的文字版的服务器返回状态码.现在，看一张比较形象的图解,希望能增强记忆.点击图片看大图.HTTP 400 – 请求无效HTTP 401.1 – 未授权：登录失败HTTP 401.2 – 未授权：服务器配置问题导致登录失败HTTP 401.3 – ACL 禁止访问资源HTTP 401.4 – 未授权：授权被筛选器拒绝HTTP 401.5 – 未授权：ISAPI 或 CGI 授权失败HTTP 403 – 禁止访问HTTP 403 – 对 Internet 服务管理器 (HTML) 的访问仅限于 LocalhostHTTP 403.1 禁止访问：禁止可执行访问HTTP 403.2 –
阅读全文
posted @ 2011-05-11 09:09
摘要：1.除了Icon以外，还有很多不错的UI设计素材。地址：http://worldui.com/2.除了免费Icon资源下载以外，还提供Icon定制的付费服务。地址：http://dryicons.com/3.很喜欢这个icon资源站的展示方式。地址：http://www.icotrip.com/4.Icones.pro，icon资源站，每日推荐的Icon资源还不错，可以按照浏览数，下载数等查看Icon资源。地址：http://icones.pro/5.IconPNG 共收录 21372 个 图标icons 和 416 个 icon 图标系列。地址：http://www.iconpng.com/
阅读全文
posted @ 2011-05-11 09:08
摘要：[1]HTTP服务器篇[2]web 性能测试工具推荐[3]图片篇[4]如何加载JS，JS应该放在什么位置？[5]为什么要减少请求数，如何减少请求数![6]减少请求，响应的数据量[7]JS、 CSS的合并、压缩、缓存管理[8]页面呈现、重绘、回流
阅读全文
posted @ 2010-11-29 22:45
摘要：作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨 浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。理解 CSS 盒子模型如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS...
阅读全文
posted @ 2010-06-09 21:06
摘要：转自http://www.ismole.net/viewthread.php?tid=801&highlight=单用户BLOG的数据库设计方案 主体结构单用户博客数据量如何Typecho的定位是单用户blog系统,在我们设计它的数据库之前有必要对个人博客系统的负载情况做一些评估.我有一个朋友,是一个勤奋的blogger,alexa排名在十万以上,日IP在10w左右.他选择了wordpre...
阅读全文
posted @ 2010-05-23 12:25
摘要：网页颜色在 HTML 中用十六进制记数法或名称来指定。使用十六进制记数法，要表述颜色的第一个方法是指定要混合的三原色中每一种色彩的量。 通过指定红、绿、蓝的三原色组合，您可以构造出任何颜色。十六进制代码中每六位数代表一个最终颜色值。#XXxxxx– 红色值#xxXXxx– 绿色值#xxxxXX– 蓝色值每种颜色的量指定为两位十六进制数。 这意味着没有该颜色为 0...
阅读全文
posted @ 2010-05-16 12:28
摘要：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper 或 wrap左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索...
阅读全文
posted @ 2010-05-07 21:19
摘要：一直不敢学jQuery，因为没有JS基础。不过，ThemeForest blog写了9篇给绝对新手的jQuery教程。这是一个视频系列，相信这样的方式会比文字更生动，更容易学。来吧，如果你没有JS基础，并且希望学jQuery，看看这些吧，会让你感觉有东西可带回家的。第一天，开始jQuery基础你知道的，到处都看到"jQuery这个…" & "jQuery哪个…"的。...
阅读全文
posted @ 2010-05-05 16:10
摘要：Query已经不是什么新鲜的事儿，记得第一次听说是在catch the digital flow上。总把它认为是非常难的东西，也就没有认真去了解他了。直到学完CSS的大部分内容，才开始接触这种"write less, do more" 的Javascrīpt框架。今天，这篇文章的最重要内容是来自Web Designer Wall的一篇教程，一篇包含了10个jQuery特效的教程。这里不打算全文翻译...
阅读全文
posted @ 2010-05-05 16:07
