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网站开始出名的。阅读全文
摘要: GistGravatarKontainMOJO-ThemesNingPingTumblrVimeoWordPressWufooBetter BloggerBuild it with meBoxee.tv原文：http://designm.ag/resources/13-sexy-sign-up-forms/阅读全文
摘要: 导航菜单作为网站必不可少的组成部分，关系着网站的可用性和用户体验。有吸引力的导航能够吸引用户去浏览更多的网站内容，增加用户在网站的停留时间。为了让导航能够和网页内容完美的融合在一起，设计前需要设仔细分析网页结构。下面收集了20佳国外优秀的网站导航设计案例，有头部导航、侧栏导航、底部导航和固定位置导航等各种形式，相信这些形式各异的导航菜单设计能够带给你灵感。Demi CreativeOlé ChefLeading ArtAgence CracUndercurrentnaksMatt DelbridgeNordic Ruby ConferenceThe Design OfficeUnit阅读全文
摘要: 如果你拥有一个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是一款效果很不错的阅读全文
摘要: 26个不寻常的导航网站，在这篇文章中，我们已收集了26个不同寻常的导航网站。享受！iamyunatedxportlandheartshapedworkjdcouncilambermirocooper75bgriplimitedbountybevworklifebalancecentrenoonstyle65mediathinkingforalivingamoregrafikkeal.organicgridstudio-outputstudiosarchitecturekingduanevernonclarkeruddstudiopermanentadgcampfirenycjaxvineyar阅读全文
摘要: 如果一个网站的内容不是很多而且将来内容也不怎么增加的话，那么制作成单页（Single Page Websites）的形式是很好的选择。这种只有一个页面的网站形式，曾经非常流行，现在依然有很多人喜欢。如果你也想做一个这样的网站，那么本文收集的23个漂亮的单页网站设计作品相信能够帮助你找到灵感。Matt Brothersdj XeederValerieGrind – Work LiquidRodeskHouseiamcreative.meValentine Favrewit creativePipe DigitalRevolver Design StudioDesign EmbracedFree 阅读全文
摘要: 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语法高亮引擎，支阅读全文
摘要: Project 1000Advertising AgencyBarista iPhone AppBounty BevBrooklyn FareClearideazDavid FooksWater WorksDesign InstructAWP ExpressJacob LeeLucia SotoSkypeManchester Web DesignMassive Blue Web DesignChromeMix OnlineNeographyNew to YorkCarsonifiedRokkanThe TeaseTake the MicThe Color CureTwitter for Bus阅读全文
摘要: 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”，设计的理念在于为了有效的利用空间和布局来满足用户阅读过程中产生的不同使用行为，并且及时的做出响应。现在的响应式设计中，我们网站也针对不同的设备的显示尺寸来有效的改变页面布局和样式。阅读全文
摘要: tinkeringmonkeywearemostlyseriousurustariamdoctocarolrivellomadefreshlylessmoneyrailroadrevivaltourdesigninformerandrewckorjanplochhelikopterdesignwebstandardssherpaloveforjapanauxiliumlabsocialite-mediahotelsiracusaandorrajoegodbeespreadlovenotoildenisechandlerpointlesscorpzetalightvisualrepublicle阅读全文
摘要: 来自大自然一些不错的灵感！享受这30个自然灵感的网页设计的集合。天暖和了，别宅在家里，出去接近大自然吧。周末来了！ryanscherfinserviowebsolutionsredbrickhealthfoothillsfallfestival89byteslostworldsfairssproutfundrizscholarsgoinnuttyvirtualskystudiovigetduplospralinenschachtelericj1lydesignaussiebbqlegendsstripes-designarbel-designscedarcmsdeanoakleydepot.f阅读全文
摘要: 黑色深邃、神秘、暗藏力量，是一种具有多种不同文化意义的颜色，永远都不会过时的，一直都位于时尚的前沿。今天，本文收集了20佳优秀的黑色风格网站作品与大家分享，一起欣赏。Pioneer SteezThe Autumn’s RainCantiere delle MarcheLuhseteaDataveyesEdoardo LeoNicola PottsScandalous DirtCJSmideast tunesSoup.Ascension LatorreAzure StoneworksUnder the PsycamoreHello CihanOmagOmaAngelo StudioTrippoT阅读全文
摘要: 38个漂亮的电子商务网站，精美的设计，电子商务网站。jolenajesusskiddefraedarlingclothesdans-ezwowthankyouburncardclothingbikebymeindochinofourelevenvelecjenierteasthecassetteinsanecamilaferezinflipflopandawaysuckyeahmadein33flylondonlega-legaboobbabyarchiduchessecoucoushopechappee-lainechocomizekarabayagoldenoliveoilshopreal阅读全文
摘要: WordPress 已经不再是一个纯粹的博客，现在甚至很多商业网站以及公司的网站都开始使用 WordPress 来搭建，本文向你推荐超过25个适合做商业网站的WordPress主题：BoldyZinciousCopperificVanadiumiticManganescentNickelationHeliumifiedSimpleFolioPremium Business WordPress ThemesFelis – Flexible & Multipurpose WordPress ThemeBusiness Design Premium WordPress ThemeRISE –阅读全文
摘要: 30个精美的简单网站30 带给你灵感的极简网页设计zachwoomerkeanrichmondforeverheavymarkupalicedrougardogvidiusstudiopixelgetfinchadifferentdesignbrizkverticalgardendesign247gradsonic-icelandenjoythisallisonhoupixelotgraphicdiversionelegantseagullslebensraum-eilenriedejstrainingaugustinteractiveiwcchop-chop7pinethesumhatbox阅读全文
摘要: 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阅读全文
摘要: 在这篇文章中，我们将提供30个网站，使用简约风格的设计。Skylar AndersonMike InghamGridJez ThompsonFringeThingsDavid KimThinking for a LivingPatrick AlgrimWorks in SilenceSamuel RaikkonenImJustCreativemadewithloveLindvall A&DMatt Bango PhotographySimple LifeNeeds/Wants32RoundHintClean, Simple, ClearAsylumSelldorf Architects阅读全文
摘要: 现如今，iPhone 横行，Android 满天飞，WP7 蓄势待发的势态下，网站没有个手机版都好像很 out 一般。于是本文向你推荐 25 个制作精美的手机网站模板，提供模板下载以及在线演示，你值得拥有。Dossier MobiStickersPlaylist MobiGringo mobiClassic MobiPremium Mobile Website Templates and LayoutsRestaurant Mobile Theme Meat&RecipesSignum Mobile | HTML5 & CSS3 And iWebAppAxiaMobile – 阅读全文
摘要: 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它能够帮助你选取颜色，在你选择阅读全文
摘要: 大型菜单（或者叫巨型菜单）经常被那些有着相当数量的网页为用户导航的大站所采用。它不只是一个下拉列表，而是一个打开更大区来提供更多选择的超级菜单。虽然大型菜单在网页设计的发展趋势。对于涉及大量的网页和/或产品的网站，一个大型菜单可能能提高导航和可用性。 大型菜单常见的电子商务网站，因为它们通常包括了很多不同的产品类别，这样大型的菜单可以为访客非常有用的。虽然大型菜单能让用户以较少的点击次数进入到网站更深处的页面，但如果不好好规划设计这个大型菜单，也有可能让用户没有头绪。出于这个原因，我们应当十分注重大型菜单的友好性设计。在这篇文章中，将为您带来25个设计优秀的大型菜单案例。Little Kid.阅读全文
摘要: 响应式网页设计是时下网页设计领域最热门的话题之一，该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出（详见：Responsive Web Design），其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸。今天这篇文章收集了25佳优秀的流体和响应式布局网页设计案例，希望能带给你灵感。1.BigBite Creative2.Space1503.Dave Carter4.Boston Globe5.TechStars6.Colbow Design7.Paul Robert Lloyd8.MogoTix9.Elliot Jay Stocks10.HatB阅读全文
摘要: 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,阅读全文
摘要: Free Admin TemplateWeb App ThemeSpring TimeFree Admin Template For Web ApplicationsFree Admin TemplateINADMINFree admin skinAdminPraise LitePremium Admin HTML Website TemplatesMWS Admin – Full Featured Admin TemplateColor life – Premium Admin TemplateAdminCPSpina – Premium Admin Template + Tablet Th阅读全文
摘要: 译自：A Showcase of Clean White Web Designs中文：简洁的白色网站设计欣赏请尊重版权，转载请注明来源！当说到网站，白色常常是高雅、极简和时尚的标志。你可以使用白色创造空白，以保持简洁，或引导你的页面的其它元素的注意力，也可以让你的网站保持一种简洁和极简的视觉效果。很多网站使用白色作为他们的主色调，这也就是我们将在这里展示的。你可能之前有见到过这些网站，但是他们如此出色以至于我不得不再次推荐它们。如果你有遇到漂亮的中文网站，可以通过评论分享给我们。Made by SofaiAFell SwoopSherpa.72 Rivington StreetZander M阅读全文
摘要: 整理自：Blue Website Showcase中文：20多个出色的蓝色系网站设计展示请尊重版权，转载请注明来源，多谢!Color wheel pro说:蓝色是天空和海洋的色彩。它常常和深度和稳定有关。它象征着信任、忠诚、才智、信心、智慧、信仰、真理与天堂。蓝色被认为有利于人的身心。它减缓人体新陈代谢，产生镇静的作用。蓝色强烈的关系到安宁和平静。在纹章学中，蓝色用来象征着虔诚和真诚。你可以用蓝色来推广与清洁(水净化过滤器，清洁剂，伏特加)、空气和天空(航空公司、机场、空调)、水和海洋(海运、矿泉水)有关的产品和服务。与感性的暖色调如红色、橙色和黄色等颜色不同，蓝色跟意识和智慧相联系。在推广高阅读全文
摘要: 翻译自：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. 图片滑阅读全文
摘要: 中文原文：25个创意的电子商务网站设计译自25 Creative E-Commerce Website Designs请尊重版权，转载请注明出处，多谢！电子商务网站常常被认为很枯燥的和毫无吸引力的，然而并不都是这样。本文展示25个在设计中彰显创意的电子商务网站。或许是布局、图形、设计风格或者网站结构，但是它们都打破了传统的电子商务网站的模式。这些网站或许能为你的设计带来某些参考。Ride Four EverMom & PopcornThe AffairHipsteryBenestarGreen Label OrganicsRedVelvetArtCellarThiefShirt Fig阅读全文
摘要: 中文原文：66个网页设计中完美的幻灯展示实例译自：66 Examples of Perfect SlideShow Presentation in Web Design请尊重版权，转载请注明出处，多谢！我最近注意到的一个非常有趣的趋势是在幻灯演示中展现关键信息。现代设计师喜欢尝试并观察用户如何与作品进行交互。尽管幻灯并不是一个普遍的趋势但是依然作为新的设计风格而不断涌现，而且越来越多的设计师注意到它并在他们的作品中使用，这种新的趋势开始崭露头角。在本文中，你将发现各种高度创意的、漂亮的、独特的、以及最有灵感的幻灯效果设计。当然我们这里并不是要你跟随某种趋势，而是希望能够激发你的创意并启发你的想阅读全文
摘要: 译自：50 Yellow Web Designs to Inspire You中文：50个启发你灵感的黄色系网站设计请作者版权，转载请注明来源，多谢！色彩在网站设计中是一个很重要的方面。 好的设计师会小心的选择色彩来达到一个目的。有的时候，这个目的就是醒目些以获得用户的注意，而黄色正好是一个很棒的“吸引注意”的色彩。黄色是一个高度活跃的色彩，可以引起思维活跃并带来令人愉悦的想法。为了能够提供一些灵感，我们选择了50个有效使用黄颜色的网站设计。你会从中发现，它们中的有些使用谎言是来加亮设计中最重要的部分，而其它的则用来更多地实现醒目的效果。欲了解更多关于黄颜色的寓意和用法，请阅读我们的上一篇文章阅读全文
摘要: 译自：50 Beautifully Brown Web Designs中文：50个漂亮的棕色系网站设计原作者：Gisele Muller请尊重版权，转载请注明来源！！看完了上篇《设计中的色彩：棕色》你是否感到意犹未尽呢？棕色会很自然的让人联想到亲切、自然和怀旧，会给人某种归属感或者温馨的感觉，善用它可以设计出非常有feel的网站。让我们欣赏更多的使用棕色的网站设计吧，希望能够给你提供点儿灵感。SpoonGraphicsadflavor.netWhashtenaw Community Collegenew{concept}Nine Lionstudent.opendoorsuk.orgTea R阅读全文
摘要: 整理自：List of Really Useful Tools For CSS3 Developers中文：CSS3开发工具收集通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不是那么简单，其次我们不得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3，你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的，这里将收集能够助你学习和使用CSS3的真正有用的工具。生成器CSS3 Please!阅读全文
摘要: 原文：25个漂亮的导航菜单设计译自：25 Beautiful Navigation Menus请尊重版权，转载请注明出处，多谢！导航菜单是网页设计中最关键的一部分，因为它们对于网站的可用性和用户体验至关重要。导航结构比较烂或者在导航中有明显不足的网站可能会困扰用户并最终导致用户找不到想要的页面和内容而离开。除了实用性方面，导航菜单也给设计师提供了创造创意的机会。本文中，我们将展示25个使用漂亮菜单的网站。你会看到各种不同的风格，他们或许能为你的设计提供些灵感。WPZOOMAndy WaldropArchibald StudioNamesakeDesigner ThemesdfiedTen Li阅读全文
摘要: 中文原文：国外30个超赞的使用纹理的网站设计译自：30 Brilliant Examples of Texture in Web Design请尊重版权，转载请注明来源！纹理在各种设计中都有用到。现在你会常常在名片、手机APP以及网页设计中见到漂亮的纹理。网上也有很多免费的和收费的高质量纹理素材供你使用。适当的使用纹理有助于给设计带来逼真和精细的感觉。在这次展示中，你将发现30个新鲜的使用纹理的网站设计，它们包括多种风格：极简、简约、精细以及颓废。希望能给你带来灵感。QuantumCake Sweet CakeThe Impressto Web Design BundleUnfinished B阅读全文
摘要: 原文：国外30个醒目的充满活力的网站设计译自：30 Strikingly Vibrant Web Designs for Inspiration请尊重版权，转载请注明来源，多谢！在设计中使用明亮、高对比的颜色可以为你的创意工作提供一个强大的工具。亮色可以充分的吸引注意力从而使得一个设计表现得比较有趣、年轻、调皮和具有现代感。由于使用了大胆的色彩，可以利用其积极的主题，就好象小孩子用蜡笔尽情绘画一样。这里是一些很棒的网站设计收集，希望可以给你点灵感。POPARyan KeiserTim BiskupSunday BestGirl EffectBit This!SoloTeaseNetlife R阅读全文
摘要: 中文：45个创意的大字体设计译自：45 Creative Examples of Large Typography In Web Design请尊重版权，转载请注明来源，多谢！排版的历史可能和人类一样悠久。大字体可以迅速吸引网站访问者的注意力。所以在网页设计中，选择正确的字体被认为是最重要的一个工作。事实上，设计可以被词语的力量所颠覆。大字体已经成为网页设计是最喜爱的工具了，因为它可以“大声”的传递他们的信息从而激发用户的体验。大字体可以用于网页中的任何地方，它在页面头部的时候通常看起来很酷，而用于文字的时候就会显得很华丽，或者用于结尾的时候甚至可以作为一种视觉的增强。这里我们又收集了很多使用阅读全文
摘要: 原文：国外35个极简主义网站设计译自：35 Effective Examples of Minimalism in Web Design请尊重版权，转载请注明来源，多谢！极简主义的网站设计是我的最爱，之前前端观察也有分享过很多极简主义的网站设计，这里是一批由speckyboy.com收集的另一批很赞的极简主义网站设计，供大家参考吧～～白色极简主义网站设计Idea ExhibitYuna KimAstronautDeutsche & JapanerImaginista BrandingGirlfriendAllan YuChristian Woo StoryJohn KarlssonEr阅读全文
摘要: 译自：CSS3 Image Styles中文：CSS3图片样式请尊重版权，转载请注明来源，多谢～～直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时，浏览器并不能完美的渲染它们。不过，如果把这个图片用作背景图，你就可以可以给它添加任何样式了，浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程，讲解如何使用jQuery来动态地制作完美的圆角图片。今天我将重温这个主题然后向你展示使用background-image的方法可以实现多少效果。我将向你展示如何使用box-shadow、border-radius 和 transition阅读全文
摘要: 译自：23 Examples of Screenshots in Web Design中文：23个在网页中使用截屏的实例原作者：Gisele Muller请尊重版权，转载请注明来源，多谢！无论你是在开发app或者网站，以截屏的方式告诉潜在的客户他们将得到的结果是个很不错的主意。而且如果你的产品看起来足够漂亮，你可能只是想要将其放在前面和中间，让它们成为页面的焦点。为了给你提供点儿灵感，我们收集了一些这样做的网站。在这些例子中，你将会注意到这些截屏中的很多——就算不是全部——都被包围在他们可能出现在的某个浏览器（mac版safari最常见）或者设备之中。这有助于添加些语境，然后也是兴趣的另一个层阅读全文
摘要: 操作系统版本：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及以上，再加连字号（-）和下划线（_）；它们不能以 数字，或一个连字号后跟数字为开头。阅读全文
摘要: 整理自：85 Amazing Showcase of Responsive Web Design中文原文：85个很赞的响应式网页设计请尊重版权，转载请注明来源，多谢！上一篇中我们了解了一下响应式网页设计是什么，现在趁热打铁，来欣赏一些国外的一些很赞的响应式网页设计，看看他们是如何实现对PC端浏览器和移动终端的全面支持的。想要查看效果很简单，打开这些页面，然后缩放浏览器窗口就可以了——当然，要用chrome/safari/firefox/opera等浏览器，IE请绕道～～当然，如果你有发现国内有好的类似设计，欢迎推荐！前端观察food senseForefathersForm CMSHavoc 阅读全文
摘要: 这个话题最近很火爆，我也一直在关注，响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，并且是一个颇具争议的话题，我今天将和大家探讨下。上周写了个简单的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阅读全文
摘要: Red Tikiscozzese designDavid NavarrometajiveJux.FCINQRoyalePlanilandia Agencia CreativaPushLiveAreaLabsKitchen Sink StudiosPub Design Agência de InternetRed Interactive AgencySmall StudioNerissonTommyTAXI EuropeArt4webAgence LunaWebMassive Digital Creative AgencyDigital OneSparksDevelowebRingsy阅读全文