02 2012 档案
摘要：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网站开始出名的。
阅读全文
摘要：如果你拥有一个html静态网站，或你喜欢的某个网站不支持RSS Feeds输出，你可以使用本文介绍的这些工具，将HTML网页转换为RSS Feeds。The RSS Wizard这是一款可以让你创建RSS 2.0 Feed的软件，可以基于任何形式的HTML文件。这个软件最大优势是无需对原有的HTML文件做任何修改。DapperDapper允许任何人通过创建Dapps的方式来调用任何网站的内容。Dapper可以同时为网站生成多个RSS。按照他们的说法，Dapper拥有最 多样的选择，但是同时上手不是那么容易。Feed43你喜欢浏览的网站不提供RSS服务？Feed43提供免费的在线服务来吧任意网页
阅读全文
摘要：JS框架jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。现在的jQuery插件很多，可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。 Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件，可创造出极具个性的网页排版，是2010年最佳jQuery插件之一。演示 | 下载New FancyMoves Jquery Product SliderJquery Product Slider是一款效果很不错的
阅读全文
摘要：WordPress 已经不再是一个纯粹的博客，现在甚至很多商业网站以及公司的网站都开始使用 WordPress 来搭建，本文向你推荐超过25个适合做商业网站的WordPress主题：BoldyZinciousCopperificVanadiumiticManganescentNickelationHeliumifiedSimpleFolioPremium Business WordPress ThemesFelis – Flexible & Multipurpose WordPress ThemeBusiness Design Premium WordPress ThemeRISE –
阅读全文
摘要：1.Developer Formatter该插件使用GeSHi高亮引擎，支持超过110种语言，包括 PHP, ASP, Html, JavaScript, CSS, Java, Python, Delphi, C++, C, Visual Basic 等2.WordPress Plugin – FV Code HighlighterFV Code Highlighter 可高亮显示 PHP, HTML, CSS and XML 代码3.File Inliner4.CodeColorer5.WP-SynHighlight6.Code Snippet 2.0该插件同样适用GeSHi语法高亮引擎，支
阅读全文
摘要：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及以上，再加连字号（-）和下划线（_）；它们不能以 数字，或一个连字号后跟数字为开头。
阅读全文
摘要：这个话题最近很火爆，我也一直在关注，响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，并且是一个颇具争议的话题，我今天将和大家探讨下。上周写了个简单的ppt在组内大概介绍了下，感兴趣的话可以先看下这个PPT。移动互联网的现状和未来在说到这个话题前，我们先看下网页设计和前端开发的现状：全球有超过53亿手机用户（包括传统手机）国内3G用户超过1亿iPhone4手机在2010年出货量超过3000万部；iPhone 4S上市前3天卖掉400万部；Android手机每天激活超过50万部；iPad出货量已经超过2.5亿部；预计到2015年，移动互联网的数据流量将超越桌面端的流量。。。。嗯
阅读全文
摘要：已经有很多的开发者开始使用 CSS3 和 HTML5 技术来开发各种应用，下面是我们列出了 10 个惊艳的使用 CSS3 动画的网页：Battlefield CSS3AT AT WalkerBig DealDullaHighKinect and CSS3SpaceAnimated 3D HelixCSS3 ManOur Solar System
阅读全文
摘要：25 JavaScript的幻灯片用于在Web布局 之前本博客与分享过一些幻灯片的插件，本文带来的是在Web 布局中运用JS幻灯片的案例Molanphy DesignJoystiqOsmond InteractiveRodaniaMathieu ClaussCharlie GentleRed Ice RadioThese Are ThingsOinkHello ThemesHyperx MediaIcon DesignerDigital ConvulsionsODS NetworkVeritas RadioQuality Laundry ProfessionalsThe DailyRadium
阅读全文
摘要：互联网是一个飞速发展的领域，从HTML到HTML5、从CSS到CSS3、从JavaScript到JavaScript框架，技术在不断地更新换代。如果你不能跟上这个形势，你将会被淘汰。因此，快速掌握一门语言或一项技术，对于你的Web开发工作将是百利无一害的。本文为你带来了9个实用的在线教程，一些是互动形式的，还有一些则以全面的指南和可视化形式帮助你快速掌握一门语言。它们有共同的目的，让你的学习更加有乐趣，以及更容易让你掌握这些知识。1. LifeHacker Learn to code语言：JavaScript4节课+最佳实践/资源，教你如何使用Javascript进行编程。每节课有一个视频和详
阅读全文
摘要：一：压力测试中需要掌握的几个基本概念1：吞吐率（Requests per second）服务器并发处理能力的量化描述，单位是reqs/s，指的是某个并发用户数下单位时间内处理的请求数。某个并发用户数下单位时间内能处理的最大请求数，称之为最大吞吐率。记住：吞吐率是基于并发用户数的。这句话代表了两个含义，1：吞吐率和并发用户数相关；2：不同的并发用户数下，吞吐率一般是不同的。计算公式：总请求数 / 处理完成这些请求数所花费的时间，即Request per second = Complete requests / Time taken for tests2：并发连接数（The number of c
阅读全文
摘要：一.摘要所有Web程序都会使用Session保存数据. 使用独立的Session服务器可以解决负载均衡场景中的Session共享问题.本文介绍.NET平台下建立Session服务器的几种办法, 并介绍在使用Session时的各种经验和技巧.二.关于Session,SessionID和CookiesSession数据保存在服务器端, 但是每一个客户端都需要保存一个SessionID, SessionID保存在Cookies中, 关闭浏览器时过期.在向服务器发送的HTTP请求中会包含SessionID, 服务器端根据SessionID获取获取此用户的Session信息.很多初级开发人员不知道Ses
阅读全文
摘要：引言在web开发中，session是个非常重要的概念。在许多动态网站的开发者看来，session就是一个变量，而且其表现像个黑洞，他只需要将东西在合适的时机放进这个洞里，等需要的时候再把东西取出来。这是开发者对session最直观的感受，但是黑洞里的景象或者说session内部到底是怎么工作的呢？当笔者向身边的一些同事或朋友问及相关的更进一步的细节时，很多人往往要么含糊其辞要么主观臆断，所谓知其然而不知其所以然。笔者由此想到很多开发者，包括我自己，每每都是纠缠于框架甚至二次开发平台之上，而对于其下的核心和基础知之甚少，或者有心无力甚至毫不关心，少了逐本溯源的精神，每忆及此，无不惭愧。曾经实现过
阅读全文
摘要：对于大多数的网站来说，都会使用Session来维护用户在一次会话中操作；Session对于任何Web项目来说都是必不可少的（当然除去那里网站里不包含任何用户操作的，^_^这个对于Web2.0时代的网站来说好像是不太可能的吧）。对于单独的站点来说，一个站点只用一个Session就OK了，但对于同时多个站点来说，如何对多个站点时实现Session共享呢？ 常见的作法有：使用Cookie方式实现多个站点间的共享（这种方式只限于几个站点都在同一域名的情况下）；使用.net自动的状态服务（Asp.net State Service）;使用.net的Session数据库；使用MemcachedDB。 ..
阅读全文
摘要：“.htaccess”文件旺旺被网页设计师们忽略。假如你还不知道什么是htaccess的话，你可以去查一下wikipedia。它是目录级别的配置文件，有常用的网页服务器支持这种配置，例如Apache。下面我将列出10条有用的.htaccess配置技巧。1. 反盗链 那些盗用了你的内容，还不愿意自己存储图片的网站是无耻的。你可以通过以下配置来放置别人盗用你的图片： 1RewriteBase /2RewriteCond %{HTTP_REFERER} !^$3RewriteCond %{HTTP_REFERER} !^http://(www.)?yoursite.com/.*$ [NC]4Rewr
阅读全文
摘要：导读：近日，whattofix.com刊登了一篇Daniel Markham的文章《What Level Programmer Are You?》，文内将参差不齐的程序员按照技术水平分为从“读写”到“上帝”，共十一个阶段，以帮助广大程序员找到自身定位并从中发现自己发展方向。以下是文章摘要：随着技术发展，编程悄然融入了我们的生活。我们已然离不开那些程序和编程语言。很多人都在不同程度地谈论着如何编程，也诞生出很多编程语言排行，那么程序员到底应该如何分级呢？首先要明白什么是程序员。设计自己的Apache Web服务器的家伙？制作一个复杂Excel的家伙？还是能自己开发RPG的家伙？Minecraft
阅读全文
摘要：Responsive Image Gallery with Thumbnail CarouselElastic Image Slideshow with Thumbnail PreviewFlexSlider – The Best Responsive jQuery SliderjQuery Responsive Thumbnail Gallery PluginwmuSlider, a jQuery responsive sliderBlueberry – A simple, fluid, responsive jQuery image sliderPhotoSwipeElastislide
阅读全文
摘要：1)jQtransform jQuery Plugin对表单进行外观美化的插件2)Live ValidationLiveValidation 是一个轻量的表单验证库。除了传统的验证功能，还提供实时验证，可以一边输入一遍验证。Ruby on Rails用户可能会发现这个库非常好用，因为他们的命名规则和参数十分近似。该库既有独立版本，又有一个 Prototype 版本。3)jQuery Comment Preview4)In Field Labels jQuery Plugin这是一个用来对表单进行处理使之支持直接在编辑框中显示提示信息的插件5)Checking Username Availabi
阅读全文
摘要：<script type="text/javascript"> var GB2312UnicodeConverter = { ToUnicode: function (str) { return escape(str).toLocaleLowerCase().replace(/%u/gi, '\\u'); } , ToGB2312: function (str) { return unescape(str.replace(/\\u/gi, '%u')); ...
阅读全文
摘要：流程图是一样很有用的工具。它可以用来帮助你做决策，给你一步一步的引导。对于很多复杂的设计和流程来说，流程图是必不可少的。和其他图形一样，流程图让你直观的理解一个流程，甚至有可能帮助你找出流程中的问题或者瓶颈。这篇文章介绍了10个非常有用的流程图，可以帮助程序员和设计师来做决定。你可以点击放大这些图片。1. 如何使用 HTML5 标签？这个流程图可以帮助你决定什么时候使用什么HTML5标签。2. 你需要一个新的LOGO吗？这个流程图可以帮助你决定是否需要重新设计LOGO，以及如何重新设计LOGO。3. 如何判断是否要在Twitter上关注一个人？这个流程图教你是否应该在Twitter（景德镇人民
阅读全文
摘要：流程图是一样很有用的工具。它可以用来帮助你做决策，给你一步一步的引导。对于很多复杂的设计和流程来说，流程图是必不可少的。和其他图形一样，流程图让你直观的理解一个流程，甚至有可能帮助你找出流程中的问题或者瓶颈。这篇文章介绍了10个非常有用的流程图，可以帮助程序员和设计师来做决定。你可以点击放大这些图片。1. 如何使用 HTML5 标签？这个流程图可以帮助你决定什么时候使用什么HTML5标签。2. 你需要一个新的LOGO吗？这个流程图可以帮助你决定是否需要重新设计LOGO，以及如何重新设计LOGO。3. 如何判断是否要在Twitter上关注一个人？这个流程图教你是否应该在Twitter（景德镇人民
阅读全文
摘要：CSS3 Clean Mega MenuMenu with CSS3 Effects and Notification BubblesSherpa | Complete Navigation System (CSS Edition)CSS3 Animated Mega NavCSS3 Mega Drop Down MenuMega Dropdown EnhancedWebsite in a Navigation BarHTML5/CSS3 Drop Down MenuSource:http://designmodo.com/css3-html5-mega-menus/
阅读全文
摘要：我的情况是这样的，公司有一个开发者账号，我个人的机器上没有装开发者证书，写的程序无法在真机上测试，因此我今天的任务就是在已有开发者账号、证书的基础上给自己电脑装上。 今天给自己的macbook装上了公司的apple开发者账号，以前总是用我的机器写代码但因为没有开发者账号不能给真机装也不能在真机上测试，想测试还需要把代码转移到其他机器上，很不方便，刚在网上找到一些方法装上了账号。感觉这个问题还是很普遍的，而且今天就为装这个也费了不少功夫有很多方法都没走成，因此把它总结出来，方便更多人能很快装上~ 我的情况是这样的，公司有一个开发者账号，我个人的机器上没有装开发者证书，写的程序无法在真机上测试..
阅读全文
摘要：保存你的私钥，转移到其它系统将你的私钥安全的保存，如果你需要在多台电脑上开发或者重装你的操作系统的。如果没有私钥，那么将无法再Xcode签名或者在apple设备上测试应用。当一个CSR被生成，Keychain Access应用在你的登录keychain里面生成一个私钥，这个私钥是和你的用户账户关联的，如果在系统重装的时候是无法重新生成的。如果你希望在多个系统上做开发或者测试，那么你需要在所有你工作的系统之上导入你的私钥。1、 导出私钥和数字证书是为安全保存和能够在多台电脑上进行工作。打开Keychain Access应用选择’KEY’分类。2、 右键点击和你iphone开发证书关联的私钥，并在
阅读全文
摘要：问一个 Web 开发者最喜欢的 JS 库是什么，多数回答都是 jQuery，不管他所作的网站是大是小。开发者倾向使用 jQuery 的原因是它可以降低代码的复杂度、而且 jQuery 经过良好的测试，大量的用户以及很好的社区生态以及大量的插件。不过 jQuery 的体积比较大，本文即将介绍的是 15 个微型的 JavaScript 小框架，这些框架都支持 Web 和智能手机平台，短小精干。Zepto.jsZepto.js 是支持移动WebKit浏览器的JavaScript框架，具有与jQuery兼容的语法。2-5k的库，通过不错的API处理绝大多数的基本工作。Data.jsData.js 是一
阅读全文
摘要：最近，有一种新的网页布局 ——动态流体布局，很让我感到兴趣。因为用这个我就可以实现类似于WIN8触屏界面的网页设计啦！它巧妙地重排元素，并填补了网页的所有空间，而在每个浏览器上显示效果都十分出色，而且通常配以流畅的动画效果。其中有些甚至针对不同类别有不同效果.这样的网站我找到了8个，他们都有相同的特征。在文章末尾列举了3个JQuery插件, 可以很方便的帮助你达到这些效果。展示GimmeBarMKSDArchitects(这个特别像metro UI)MarkenFilmCascadeBreweryCoPixillionSwinton（这个更像win8的触屏界面）Pinterest怎么实现好了，
阅读全文
摘要：这篇文章向大家推荐35个缩略图在网页设计中应用的优秀案例，希望下面这些网页设计实例能够帮助大家制作出更加优秀的网页作品。Shropshire ScreenArnaud BeelenTwo Fish Illustration & DesigntwotoKokokakaBrave Nu DigitalF O U N D E DIdea Exhibitastronaut designMarc KremersPurposeTastespottingAmateRejane Dal BelloJames De AngelisHarpoonBaubauhausViktoria KleinUnifor
阅读全文
摘要：视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验非常出色，这是今年网页设计的热点趋势。今天这篇文章就与大家分享21个视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果会更佳）。iutopiGuy VernesCampaign Monitor is HiringInternational Watch Cocultural solutions ukNike Better WorldOld Pulteney Row to the PoleWebdesign KarlsruheYEBO
阅读全文
摘要：使用大型背景图或插图作为装饰，能够在视觉上增强吸引力。越来越多的用户拥有了高分辨率显示器和高速网络环境，许多网站设计者也开始采用大背景图。这篇文章关于40+ 新鲜漂亮的大背景网站设计，令人耳目一新。1.The Pixel Blog2.Copimaj Interactive3.Flourish Web Design4.Abduction Lamp5.Morphix Design Studio6.Final Phase7.Make Photoshop Faster8.WebSarga9.Suie Paparude10.Duirwaigh Studios11.BlackMoon Design12.S
阅读全文
摘要：在过去的两年里，触屏设备飞速增长。iOS和Android设备让开发者和设计师开始重新思考他们的网页应用，以提供更好的触屏体验。移动Web应用相对于本地的App有很多优势，虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于HTML的webapp开发。他们支持大部分流行的智能手机和平板。1.Lungo.js：HTML5 移动开发框架Lungo.js 是第一个应用HTML5和CSS3特性的移动开发框架。它可以帮助开发者创建iOS，Android，Blackberry和WebOS平台的应用。Lungo.js 不需要任何web服务器的支持就能帮助用户实现HTML5的功能，例如WebSQ
阅读全文
摘要：现在人人都想成为安卓/IOS应用开发工程师。其实，安卓/IOS应用可以用很多种语言来实现。由于我们前端开发工程师，对HTML5/CSS/JavaScript的网络编程已经相当熟悉了。所以，今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具。在文章的末尾，也介绍了使用JAVA、C#、Lua以及AS3来开发安卓应用的工具。希望大家都能找到适合自己的开发工具！祝大家开发安卓/IOS应用一切顺利！PhoneGap开发语言:HTML,CSS,JavaScript开发工具:PhoneGapDevelopmentTools,DevelopmentCode链接:http://phonegap.co
阅读全文
摘要：1）CleverCSSCleverCSS是个为CSS开发而产生的小型的标记语言，它的设计灵感来自Python,使得能够以一种简洁、结构化的方式构建样式表。在很多方面，它比CSS2更加爱简洁和强大。它与CSS最明显的不同之处在于语法：基于缩进而不是flat，很明显这有违Python指导，但这也不失为构建结构化样式的好点子。2）SassSass令CSS又有趣起来，它对CSS3进行了扩展，增加了嵌套规则、变量、混入、选择器继承等语法，可以使用命令行工具或网络框架插件，将其转化为良好格式的标准CSS。3）SajaxSajax是一种使用Ajax framework来构建网站的开源工具,它使得通过Java
阅读全文
摘要：我最近开始和Node.js打交道。以前做PHP开发，特别是Drupal，我发现向Node.js转移很容易，而且过程很愉快！但是我也需要学会从一些不同的角度思考。下面我列出了5项我认为PHP工程师应该知道的Node.js特点。1. Node.js 是构建于Chrome的JavaScript引擎的Google的浏览器Chrome，有一个非常快速的JavaScript引擎，叫做V8。这个JS引擎可以被独立出来。Node.js就是建立在V8之上的。这也是为什么Node.js会运行的如此之快。对于开发者来说，有几个好处：你不需要重新学习一门新的语言，它就是JS。我常常查看Chrome和Mozilla的J
阅读全文
摘要：最近谈到版本控制，所有人都在谈Git。当然随意的谈论并不能让你下定决心迁移到Git。这里列出了八条有分量的理由，让你加入Git阵营。1. 快速如果你每移动一下鼠标都要等待五秒，是不是很受不了？版本控制也是一样的，每一个命令多那么几秒钟，一天下来也会浪费你不少时间。Git的操作非常快速，你可以把时间用在别的更有意义的地方。更多统计数据，请看 www.whygitisbetterthanx.com。2. 离线工作在没有网络的情况下如何工作？如果你用SVN或者CVS的话就很麻烦。而Git可以让你在本地做所有操作，提交代码，查看历史，合并，创建分支等等。3. 回退人难免犯错。我很喜欢Git的一点就是你
阅读全文
摘要：Metro在微软的内部开发名称为“ typography-based design language”（基于排版的设计语言）。它最早出现在微软电子百科全书95，此后微软又有许多知名产品使用了Metro UI，这包括：Windows媒体中心、Zune播放器等等。该技术已于2010年初（美国）获得Metro UI专利批准（USPTO）。Metro UI最新的应用是windows phone 7智能手机系统，并将应用于未来的Windows 8、Office 和 Xbox 360产品中。Metro UI是微软的一种设计方案。该设计方案已用于移动操作系统Windows Phone 7和多款微软产品。微软
阅读全文
摘要：Agent 008 BallThe Wilderness Down TownBen The BodyguardRomeuniverseriesThis ShellrumpetrollNakshartLost Worlds FairToyota Prius Projects
阅读全文
摘要：本期的 HTML5 网站大观与大家分享 10 个精美的 HTML5 商业网站设计案例。HTML5 增加了很多新标签以及新特性，正引领网页技术革命。希望这些优秀的HTML5网站案例能帮助大家更好的学习 HTML5 网站制作。Sullivan NYCFork CMSNike – Paul Rodriguez VElisa 3GUltranoirGokulam DohaSpyderCasetagramEasy ReadersDentsu Network
阅读全文
摘要：10款HTML5编码简化工具：在这篇文章中介绍了10个非常强大的HTML5 工具，以简化和增强你的HTML5的编码能力，这肯定会彻底改变我们创建的网站和Web应用程序。1.Initializr 基于Boilerplate 的Initializr 会为你生成一个干净的可定制的模板。2.HTML5demos HTML5demos 帮你快速知道哪些属性可以用在特定的浏览器上，快速帮你自定兼容性极强的网站。3.HTML5 Tracker 用这个跟踪器可以保留与HTML5的连接。4.HTML5 visual cheat sheet 想要迅速找到一个标签或属性，只要看看在这个非常酷的小抄，就大功告...
阅读全文
摘要：每个人都知道，会从优秀的CSS/HTML框架中受益匪浅。下面介绍3个相对比较新的HTML5和CSS3框架。Inuit.CSS – CSS FrameworkInuit.CSS 框架，作者Harry Roberts 。该框架主要针对的是中等或小屏幕。这个CSS框架支持新的HTML5元素。Perkins – HTML5/CSS3 FrameworkPerkins，作者Carlos Elías。该 HTML5/CSS3 框架，具有基本HTML5模板，包括标签、表格，以及创建导航等。G5 Framework – HTML5 Front End Development FrameworkG5
阅读全文
摘要：HTML5已经在Web开发中越来越流行。并且现在大部分流行的浏览器包括Firefox 6, Google Chrome, IE9等都支持HTML5。 利用框架能够帮助Web开发人员快速进行设计和开发。一个HTML5的框架提供了许多功能，如优美的排版，视频播放器，表单验证等，使开发人员能够轻松地 开发Web应用程序。1. 52 Framework : HTML5-CSS3 Framework该框架支持HTML5和CSS3，支持目前所有的浏览器。该框架充分利用了HTML5所有的优势。在网页设计师的世界中，CSS3是非常酷的东西，使用CSS3可以节省网页设计和布局的时间。在开发中可以使用CSS3所有
阅读全文
摘要：这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章，请在我们的网站GBin1留言支持！1. FindmebyIP一个列出了所有浏览器对于HTML5支持细节的网站。特别适合对于浏览器的兼容有问题的朋友。优点是在线，可以方便大家查看。类似的网站还有这个：Caniuse.com2. Video JS一个基于javascript的HTML5视频播放器。拥有三个部分：一段嵌入代码，一个javascript类库以及HTML/CSS的皮肤。
阅读全文
摘要：HTML5 Basic Template PackThis template has been heavily inspired by the Smashing Magazine HTML 5 template tutorial, however the (CSS & Design) has been modified in several ways.This basic template comes in 4 colors (green, blue, purple and orange) with easy to customize CSS and HTML 5, HTML5 mou
阅读全文
摘要：jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果，其中之一就是幻灯片，一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片，一起欣赏。Cloud Carousel(演示|下载)ShineTime(演示|下载)Nivo Slider(演示|下载)Interactive Photo Desk(演示|下载)Beautiful Photo Stack Gallery with jQuery and CSS3(演示|下载)Micro Image Gall
阅读全文
摘要：我们已经看到了更多的网站正在使用HTML5来代替Flash，甚至网络游戏。如在音频和视频元素中HTML5担当很酷的功能，使得网页游戏可能没有安装Flash，你甚至不需要插件就可以玩游戏，今天给设计是们推荐40个这样的例子，这其中包括我们熟悉的愤怒的小鸟 等做网游的程序员可以参考一下他是如何实现的愤怒的小鸟（这个游戏需要用谷歌浏览器才能玩,或者安装谷歌浏览器插件）Front Invaders3BoredAgent 008 BallWeb SnookerBlinkwangBiolab DisasterBubble TroubleBlobby Volley 2Chain Reaction – Adv
阅读全文
摘要：Vector UI BundleSimple UI KitPixel UI Icon SetCreamy UI KitCreamy GUIModern UI KitDark UI Kit-1Dark UI kit-2UI BundleLight UI Kit
阅读全文
摘要：因为又有人我去Quora的C2C站去回答问题去了，这回是 关于@laiyonghao的这篇有点争议的博文《2012 不宜进入的三个技术点》ActionScript，Thread 和 C++，C++争议的争议最大。（要我说，.NET比C++更需要慎重进入，呵）。我就在这里回复一下这个问题吧。正好我前段时间看到一个视频，这个演讲视频还比较著名，这个演讲者是Exceptional C++和C++ Coding Standards的作者，还是ISO C++ 委员会的Chair，C++/CLI首席架构师，还是Microsoft的软件架构师，他叫Herb Sutter，他的这个演讲视频是C++ and B
阅读全文
摘要：Subway Map Visualization jQuery PluginDownload|Demojquery-toastmessage-pluginDownload|DemoGmap Google Maps Plugin for jQueryDownload|DemoRecurly.jsDownload|Demo960 Grid on jQuery-MobileDownload|DemojQuery.spritelyDownload|DemoJQZoomDownload|DemoSkitterDownload|DemoCreating a Slick Auto-Playing Featu
阅读全文
摘要：1. 集中式缓存系统 memcachedmemcached是一套分布式的快取系统，当初是Danga Interactive为了LiveJournal所发展的，但目前被许多软件（如MediaWiki）所使用。这是一套开放源代码软件，以BSD license授权释出。memcached缺乏认证以及安全管制，这代表应该将memcached服务器放置在防火墙后。memcached的API使用三十二位元的循环冗余校验（CRC-32）计算键值后，将资料分散在不同的机器上。当表格满了以后，接下来新增的资料会以LRU机制替换掉。由于memcached通常只是当作快取系统使用，所以使用memcached的应用程
阅读全文
摘要：1. jQuery UI Bootstrap一个基于 Twitter Bootstrap 的 jQuery UI 主题2. jqGrid这是非常棒的jQuery 表格插件，在线演示：here.3. Cloud ZoomCloud Zoom 是一个小型的图像放大镜插件，放大动作非常平滑4. jQuery continuous calendarjQuery 的日历插件，支持日期拖拉、日期范围拖拉等等5. FlotFlot 是一个纯 JS 库，用于生成漂亮的图表，在线演示：here.6. FullCalendarFullCalendar 是一个 jQuery 的日历插件，提供全尺寸、拖放操作的日历功
阅读全文
