摘要： 今天，本文要向大家推荐的是27个寻找网页设计灵感的最佳网站。设计师们可通过这些网站收集的优秀网页设计作品来获取灵感，进而设计出更加时尚、更有创意的作品。如果你有收藏这个列表中遗漏的网站，欢迎在评论中与大家分享。CSS NatureDesign SnackCSS DanceCSS HeavenBest of the Web GalleryCSS Design YorkshireBest Web GalleryCSS GalleryCSS RemixCSS MoonCSS eliteOriental GalleryThe FWACoolHomepagesCSS BlazeUniqueCSS.com 阅读全文

摘要： 在现在的网页设计中，绿色是设计师们最喜欢选用的颜色之一，绿色代表着活力、生长、宁静和青春。今天，本文收集了25个漂亮的国外绿色网站设计作品与大家分享，希望能带给你灵感，一起欣赏。1. Reap2. Zaarly3. Nebud-Jouda4. Anuprasad Online5. Uklizenodoma6. Gimme Money7. Stura8. Frecklea and Handsome9. Skittles10. Mball11. Meomi12. Iutopi13. Hole In One14. Garnier Body15. Pioneer Records Management梦 阅读全文

摘要： 为什么要选择简约的WordPress主题吗？简约的主题，让您的博客看起来更整洁，也减少了页面加载时间给用户更好的体验。简约的主题，帮助用户找到他们正在寻找的资源。简约的主题可以根据需要自行设计页面的布局 今天就给大家推荐40个简约的wp主题1.Beauty and Clean演示&下载2.Fresh and Clean演示&下载3.Minimal Expert Word Press Theme演示&下载4.I Love It演示&下载5.Simple Press Word Press Theme演示&下载6.Striking Premium Corpor 阅读全文

摘要： 如果你还不知道wordpress是什么软件，那真的是有点落伍了，wordpress是世界排名第一的博客构建程序，第一，没有之一。wordpress是一个php程序，相当的强劲，具有海量的主题，不计其数囊括各种功能的插件，绝对值得易用。WordPress是一种使用 PHP 语言和MySQL 数据库开发的开源、免费的 Blog（博客，网志）程序，用户可以在支持 PHP 和 MySQL 数据库的服务器上建立自己的 Blog。WordPress是一个功能非常强大的博客系统，插件众多，易于扩充功能。安装和使用都非常方便。目前 WordPress 已经成为主流的Blog 搭建平台。WordPress 的原 阅读全文

摘要： Google 提供了很多不错的用户端服务和应用，虽然最初是一个搜索引擎，今天Google几乎为每一个用户提供解决方案。当为了满足需求的时候，Google并不忘 记满足web开发人员和设计人员的需求。在这篇文章中，我们将了解一下Google提供了那些主要的服务，并且如何应用到wordpress中的。1. Google自定义搜索Google自定义搜索帮 助网站创建了一个自制定的搜索引擎。帮助你构建你的核心功能，帮助你搜索整个网站，部分网站甚至是多个站点。同时你也可以使用Google adsense来帮助你显示广告到你的搜索结果中，当然你可以使用付费版本，这样可以去掉所有的广告（100美元/年），给 阅读全文

摘要： WordPress资源站点推荐WordPress官方主题目录：http://wordpress.org/extend/themes/帕兰Wordpress主题花园：http://paranimage.com/wordpress/themes/WoPus WordPress主题站：http://themes.wopus.org/WordPress Theme Base：http://wordpressthemesbase.com/WordPress Theme Review：http://www.wpthemereview.com/Free WordPress Theme：http://www. 阅读全文

摘要： 幻灯片是在有限的网页空间内展示系列项目时用的一种非常聪明的做法。在Wrodpress中添加幻灯片效果非常简单，Wordpress社区的开发者们为我们编写了很多绚丽的幻灯片插件，今天给大家分享的是最佳的免费幻灯片插件，相信你一定能找到一款自己喜欢的！NextGEN Gallery经典的一款Wrodpress图片画廊插件，可以通过上传zip压缩包的形式批量上传图片，非常强大。演示|下载Page Flip Image Gallery带翻页效果的图片画廊插件演示|下载Featured Content Gallery一个自动旋转的幻灯片插件。演示|下载KPicasa Gallery可以以幻灯片形式显示你 阅读全文

摘要： When you’re starting to learn CSS, it could means that your coding structure is not the best? Maybe you’re overusing some classes, adding more spaces than necessary or just typing lots of lines to solve something that can be easily fixed in a couple of lines? Well,take a quick look at some of these 阅读全文

摘要： 选择合适的字体已成为设计的一个重要组成部分，为了网站的知名度用具有吸引力的字体起着非常重要的作用，在网站带来流量。在这里，今天分享给大家10个网站，提供用于Windows以及为Macintosh的一个优秀的免费字体大集合。1。UrbanFonts免费字体都是按字母顺序排列的，他们也可以按类别搜索。字体的选​​择是冷静和独特的，你一定会找到你这里寻找。2。Abstract Fonts这个网站目前拥有超过13,460免费字体选择，并且每星期添加新字体。3。Fawntfawnt声称自己是一个设计师，开发商，和那些热爱自由字体的字体资源。它拥有超过10,000，其中大部分是免费的字体集合。在整洁的小演 阅读全文

摘要： 近年来，JavaScript 越来越受到重视，早已不单单只是写写网页特效的脚本语言了，如今广泛用于网站的前端交互。值得一提的是，当下 Web 开发者们追捧的 Node.js 使得JavaScript能够在更多环境下运行，甚至是服务器端，使得这门语言再次受到大家的关注。今天，本文向 JavaScript 开发者推荐十款超级有用的工具。YepNopeYepNope 是一个异步的条件加载框架，速度超快，只为用户加载需要的脚本。使用非常简单，非常有用！点击访问：http://yepnopejs.com/ModernizrModernizr 是一个开源的JavaScript库，它使得那些基于访客浏览器的 阅读全文

摘要： 在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片，并且用户可以点击左右按钮来切换图片。相信大家都知道jQuery是最优秀的Javascript框架之一。以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件，我们可以很简单地直接将这些图片滑动插件嵌入到网页中，很容易就得到了即酷又实用的jQuery图片滑动效果。在这是jQuery滑动切换插件系列的第二篇，我们将向大家分享40多种非常有用，又有创意的jQuery图片滑动插件，及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑动插件，然后 阅读全文

摘要： 很多时候我们需要在网页中显示数据统计报表，从而能很直观地了解数据的走向，更好地帮助决策分析。今天就给大家分享几个个人觉得好用的jQuery图表插件，这几个图表插件使用起来非常方便，而且挺灵活的，相信大家会喜欢。jqPlot（中文API说明及示例和源码）推荐jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以在网页中绘制线状、柱状、饼状等多种样式图表Google Chart（中文API详解）利用Google Chart API可以动态地生成图表图形，例如在地址栏中输入http://chart.apis.google.com/chart?cht=p3&chd=t:60 阅读全文

摘要： 本文中 15 个 WebGL 的例子仅限在 Chrome 浏览器中体验，其他浏览器或许可以，但表现不佳。GLOW – ComplicatedAquariumBarry Martin’s Hopalong Orbits VisualizerWebGLHelloRacerMaterials CarsWebGL WaterLightsRed Shooting HoodSurfaceNouvelle Vague by ultranoirVideoFXWebGL BookcaseROMETankworldSource:http://designmodo.com/webgl-chrome/ 阅读全文

摘要： 感谢苹果的 iOS 上不支持 Flash ，使得 HTML5 大有发展前景，越来越受欢迎。Web 上采用 HTML5 开发的游戏已经慢慢的在替换 Flash，下面是我们为你挑选的一些精彩的 HTML5 开发的游戏，或许他们能给你一些灵感来创建自己的 HTML5 游戏。1. The Convergence在这个游戏中你可同时控制两个人物并试图让他们碰在一起，最难的地方他们总是朝相反的方向行动，因此你需要一些开门的技巧。Play!2. Sketch out你需要抵御入侵的陨石、反击那些敌人的球弹丸。Play!3. Canvas rider这是一个简单的能让人上瘾的小游戏，可以和其他人进行画画比赛P 阅读全文

摘要： 源代码管理是我们工作中很重的一部分，是很多开发组的生命。但是我们往往在这方面犯错，不理解很多基本的，核心的版本控制的概念。我在这里列出了十条建议，可以说是戒律。虽然我会用 Subversion 和 .NET 来做示例，但这些戒律和你用的编程语言还有源码管理工具无关。1. 彻底抛弃 VSS！VSS 已死，就让它离去吧。它曾经很有用，但是现在其他 VCS（Version Control System）已经远远超越了它。微软也决定从明年开始不再支持 VSS了。老实说，在1995年，VSS是一个伟大的工具，但是它的光环早已被它的晚辈，Subversion，Git 和 Mercurial 夺去。2. 没 阅读全文

摘要： 网络技术发展速度惊人，前几年 Flash 还是网站互动和动画技术的主导，但现在 Flash 已经慢慢在被淘汰，并采取更多的搜索引擎友好和强大的HTML5、CSS3和JavaScript 技术。通过快速计算系统和高速上网，可轻松实现复杂但又流畅的动画效果的。 在这里，我们向你推荐7个超棒的HTML5设计的交互网站，很酷！Intacto10 Years通过一个数字机构显示了数字宇宙之旅的历史。The Restart Page一些老的对话框的历史记录Cut The Rope著名的 iOS 游戏被移植到了浏览器All is not lost使用 HTML5 制作的 MTVEvolution of We 阅读全文

摘要： 这篇文章收集了20个非常绚丽的 CSS3 效果应用演示，这些示例演示了 CSS3 各种新特性的强大能力。随着越来越多的浏览器对CSS3支持的不断完善，设计师和开发者们有了更多的选择，以前需要使用JavaScript才能实现的各种很酷的界面效果和动画，如今使用纯 CSS 代码就可以很容易实现。相信下面这些 CSS3 演示会让你感到吃惊！01. Experimental Animations02. Animated Button03. Splash and Coming Soon04. Typography Effect05. Fullscreen Image 3D Effect06. Analo 阅读全文

摘要： 用过iphone的朋友一定会很记得ios系统自带的备忘录，里面的字体非常的可爱，所以大家有没有想过把这个字体弄到你的android设备中呢？ 其实android提供了非常方便的字体导入了方法了，这里不得不提到一个几乎快被大家遗忘了的一个文件夹assets.其实assets文件夹是用来放置程序要使用的资源的，和res下面的raw文件夹基本作用相同，起主要的区别有下面几点： 在创建android project的时候assets会自动生成，raw文件夹需要带res下面手动创建 assets下面的资源不会被编译成二进制文件，所以也不会生成id，所以只能用路径去引用；raw里面的文件也不会被编... 阅读全文

摘要： Codekit - incident57又一华丽丽的工具,目前是beta，官网上介绍中罗列了这些功能特性：自动编译Less, Sass, Stylus, CoffeeScript, Jade & Haml等文件致力于js文件合并和压缩，以及js语法错误检查同时还支持Compass(Sass伴侣,官网地址:compass-style.org)令人发指的是甚至还能对jpeg&png图片优化自动刷新浏览器(之前推荐过同类的工具:前端开发利器-F5)让你在不同的项目中仅维护同一套文档然而这还仅仅是其中的一部分...相信对于Web前端攻城师来说,这些功能都是非常受用的但是....> 阅读全文

摘要： 1.turn.jsturn.js 是一个实现类似书本翻页的网页效果的JS库。2.jQuery Scroll PathIt's a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs.3.3D GalleryAn experimental 3D gallery that uses CSS 3D transforms.4.AnystretchAllows you to add a dynamically-resized background image 阅读全文

摘要： 当今科技时代，iPhone已经成为一个领先的移动设备。这种创新的访问应用程序商店非常受欢迎。IOS 开发人员一直努力创造一些最巧妙的应用。我收集了33 优秀的iOS应用程序设计界面为您带来设计灵感MomentoGroupsEpicuriousBe Happy NowPenniesBirdbrainReederSquarespaceTimeTunerEgoGowallaBillsPastebotBeatsConvertFlickrSatisfaction RemoteSurf ReportViator Tours & ActivitiesTweetbotGet HomeColorSnap 阅读全文

摘要： Windows 8 Beta 今晚如期的发布了，你可以通过下面地址来下载该测试版本：http://windows.microsoft.com/en-US/windows-8/iso其中简体中文版：64-bit (x64)Download(3.4 GB)Sha 1 hash — DF69B851F9A81DECBB16648CC452461894416EB032-bit (x86)Download(2.6 GB)Sha 1 hash — E29A2072745A48C14A1C2E5A61F5230841BEDB45Key:6RH4V-HNTWC-JQKG8-RFR3R-36498Windows 阅读全文

摘要： HTML 是全世界最流行的网页编程语言。而HTML5是这门语言的升级版本。越来越多的开发者和设计师开始使用HTML5.今天我们要介绍的是最好的几个 HTML5/CSS3 的演示工具和框架，你可以用它们来创建你的网页PPT。1. html5 Slides这是 Google 提供的 HTML5 幻灯片模板。你可以下载这个模板，然后编辑它，就可以创建你自己的幻灯片了。2. Slides Presentation with HTML5这个工具用了纯HTML做主题和框架，CSS做切换效果，还有一个简单的JS MVC框架来展示幻灯片。这个工具最适合用来展示你的数据。3. CSSS这是一个基于CSS的幻灯片 阅读全文

摘要： 对于很多单页面网站来说，页面滚动（Page Scrolling）技术是十分常用的。页面滚动基本上可以分为两种，一种是通过浏览器的滚动条，另外一种是根据用户的操作自动滚动。在这篇文章中，我们将介绍5个javascript插件，可以帮你轻松的创建页面滚动效果，你也就不必在重复发明轮子了，专注你的网站设计就好。Scrollrama，BetterNikeWorld Parallax 和 Curtain 使用了浏览器的滚动条来触发一系列的动画。当你滚动页面的时候，网页不同部分的动画会被触发，动画的速度往往和你滚动的速度有关。这个技术是由Nike Better World Parallax网站开始出名的。 阅读全文

摘要： HTML5: 基础知识从头开始编码的HTML5布局用 HTML5 设计一个博客用 HTML5+CSS3 创建优雅的网站用 HTML5 设计一个很酷的 iPhone App 网站HTML5 应用基于浏览器的存储在手机上使用 HTML5 创建离线的 Web 应用使用 HTML5+CSS3 创建一个向后兼容的单页相册教程：用 HTML5+CSS3 创建的即时贴HTML5 表单构建一个 HTML5 视频播放器（jQuery+CSS3）如何制作一个 HTML5 的 iPhone App基本的 HTML5 布局HTML5 Web Applications使用 HTML5 Canvas 绘图Html5 监控 阅读全文

摘要： Oracle/支付宝/旺旺 淘宝网作为个人网站发展的时间其实并不长，由于它太引人注目了，马云在 2003 年 7 月就宣布了这个是阿里巴巴旗下的网站，随后在市场上展开了很成功的运作。最著名的就是利用中小网站来做广告，突围 eBay 在门户网站上对淘宝的广告封锁。上网比较早的人应该还记得那些在右下角的弹窗和网站腰封上一闪一闪的广告。市场部那位到处花钱买广告的家伙，太能花钱了，一出手就是几百万，他被我们称为“大少爷”。 “大少爷”们做的广告，带来的就是迅速上涨的流量和交易量。在 2003 年底，MySQL 已经撑不住了，技术的替代方案非常简单，就是换成 Oracle。换 Oracle 的原因除.. 阅读全文

摘要： 需要在这三者中统一,例如UTF8,1. MYSQL: 保证所有的的列都是UTF8格式.2. VS2010: 在data server建立连接时,选择advance,将chracterset设成utf8,这样在VS2010里查看和更改MYSQL中的数据时,就不会因为不匹配而看到一大堆的乱码了.3. Entity Framework:我们的页面是用EF去连接MYSQL的,这里面也要设置. a. 用一个DATASOURCE尝试建立一个连接,并把连接字符串保存在web.config中,和前面建立连接一样,将characterset设成utf8,之在web.config中可以检查一下,例如: <a 阅读全文

摘要： 如 果你关注最近几年的web设计，那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇。 相对于传统的页面设计来说，今天的设计者需要考虑的用户来源和用户体验对于设计者来说是一个非常大的挑战，因为随着硬件的更新，新设备的出现，你需要能够 使得你的网站能够针对不同的设置做出最好显示响应。最初这个名称来自于Ethan Marcotte的文章“Responsive Web Design”，设计的理念在于为了有效的利用空间和布局来满足用户阅读过程中产生的不同使用行为，并且及时的做出响应。现在的响应式设计中，我们网站也针对不同的设备的显示尺寸来有效的改变页面布局和样式。 阅读全文

摘要： WordPress 已经不再是一个纯粹的博客，现在甚至很多商业网站以及公司的网站都开始使用 WordPress 来搭建，本文向你推荐超过25个适合做商业网站的WordPress主题：BoldyZinciousCopperificVanadiumiticManganescentNickelationHeliumifiedSimpleFolioPremium Business WordPress ThemesFelis – Flexible & Multipurpose WordPress ThemeBusiness Design Premium WordPress ThemeRISE – 阅读全文

摘要： HTML5 带来的一个特性就是视频播放标签，这将是标准的网页视频播放方式。我查找了目前可用的 HTML5 视频播放器，整理如下。1)HTML5 Video2) Viddler3) Longtailvideo4) Videojs5) Sublime Video6)jMedia Element7) Projekktor8 ) Fry Player9) Mooplay10) OI Player11) Flare Video12) Vimeo13) Vp Factory14) Blip15) Youtube 阅读全文

摘要： 1)CSS Mega DropdownMega dropdown is a pure CSS dropdown menu which is easily customizable and features 5 included color schemes (red, blue, orange, green, grey).2) Metro CSS3 Mega MenuThis is a CSS3 Menu inspired in the new Microsoft Metro UI. It comes with 4 different “box” layouts, 5 images animat 阅读全文

摘要： 本文的作者Craig是一个住在纽约的自由软件开发者，他在最近的看到了一篇名为《如果你正在使用Node.js，你就是误入歧途》的文章，文章对Node.js横加指责，Craig对此表示不满，于是写下了下面的文章：我真的不知道为什么有人这样的讨厌 Node.js。你也看见了网上有大量关于 Node.js 的文章和高调的言论，就好象 Node.js 是解决所有问题的良方。不是的。就像现有的很多其它框架和语言一样，它在某些事情上表现的很优良，而在其它事情上却很差。Node.js，单从我的理解上讲，它的设计目标是更好的通过网络快速、实时的传输少量字节信息。服务器端事件处理，即时消息应用，实时游戏，以及协作 阅读全文

摘要： 1）CSS3 Generator这是一个非常有用的CSS3代码生成器，能为许多最受欢迎的css3属性生成代码，如：text-shadow, border-radius, Box Resize等2）CSS3 PieCSS3带来了一些非凡的样式特性：圆角、阴影、梯度填充等等，这些都是设计者们乐于使用的，但是实现起来困难而耗时。3）Layer Styles它使用起来就像浏览器中你最爱的图片编辑器一般，而它能够帮助你生成CSS。4)CascaderCascader是一个能够将你的Html中内嵌的CSS代码独立分离的工具。5）CSS3 Gradients Generator它能够帮助你选取颜色，在你选择 阅读全文

摘要： 1.Sencha Animator用标准的网页技术打造超炫的动画，Senchar Animator使用CSS3来打造动态的文字和图片，流畅的变换，阴影，渐变等效果。2.CSS LINT这个工具可以帮你找出你CSS中的问题。不光是语法错误，它还能指出你的代码写的不合理的地方，或者不高效的地方。3.Normalize.cssNormalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。4.SpritemapperSpritemapper 是一个组合不同图片并生成 CSS 位置代码的工具。5.holmes.css这个CSS可以帮你找出你网页中写的不标准的HT 阅读全文

摘要： 网站上线前的测试和验证是非常重要的一个环节，验证的意思是检查网站的页面和其他数据是否符合标准规范，设计规范的网站在各种浏览器上表现会一致而且良好。为了帮助你执行这些测试和验证，今天我们列表了 5 个在线的工具。Pingdom ToolsPingdom Tools 可以帮你分析网站的速度以及一些无法访问的元素Feed Validation Service这是一个用来检查 RSS 和 Atom 数据语法的工具Functional Accessibility Evaluator从名字可以看出，该工具主要对单个页面的功能访问进行测试。Browsershots该工具可以检查在你的网站在不同操作系统下的不 阅读全文

摘要： Lulu – Responsive WordPress ThemeXO – Responsive Creative WordPress ThemeThe Arcadian Responsive WordPress ThemeZig Zag – Responsive WordPress TemplateAlyeska Responsive WordPress ThemeAware – Responsive WordPress Portfolio ThemeRising – Fully Responsive WordPress ThemeSuper Skeleton WP: Responsive, 阅读全文

摘要： 翻译自：47 Amazing CSS3 Animation Demos中文原文：47个惊人的CSS3动画演示请尊重版权，转载请注明来源，多谢！或许你已经看过很多关于CSS3动画的技术，包括前端观察之前发表的一些，那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。1.使用jQuery的CSS3时钟2.模拟时钟3.使用方向键旋转的3D盒子4.多个3D盒子(滑入/滑出)5. CSS3折叠6. 自动滚动的视差7. Isocube8. 图片画廊9. 矩阵10. 7个使用CSS3的Javascript效果替代11. 图片滑 阅读全文

摘要： 整理自：List of Really Useful Tools For CSS3 Developers中文：CSS3开发工具收集通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不是那么简单，其次我们不得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3，你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的，这里将收集能够助你学习和使用CSS3的真正有用的工具。生成器CSS3 Please! 阅读全文

摘要： 译自：CSS3 Image Styles中文：CSS3图片样式请尊重版权，转载请注明来源，多谢～～直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时，浏览器并不能完美的渲染它们。不过，如果把这个图片用作背景图，你就可以可以给它添加任何样式了，浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程，讲解如何使用jQuery来动态地制作完美的圆角图片。今天我将重温这个主题然后向你展示使用background-image的方法可以实现多少效果。我将向你展示如何使用box-shadow、border-radius 和 transition 阅读全文

摘要： 操作系统版本：Windows 7浏览器版本：IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev受影响的浏览器：所有浏览器.经常讲到css选择器命名规则，其实不只是在团队合作基础上来讲这个，每个浏览器,IE产品，火狐，苹果，谷歌，都会因为命名不规范会产生不同样式..一、关于选择器的命名W3C CSS2.1的 4.1.3 节中提到：标识符（包括选择器中的元素名，类和ID）只能包含字符[a- zA-Z0-9]和ISO 10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）；它们不能以 数字，或一个连字号后跟数字为开头。 阅读全文