随笔分类 - WEB开发
摘要：CSS Sliding DoorCSS trickCSS3 buttonsBonBon Sweet CSS3 ButtonsCSS3 ButtonsCSS3 Animated Bubble ButtonsButtons with CSS3 and RGBAPretty CSS3 buttonsCool SpritesBetter Button and Nav InteractionsGoogle+ Buttons in CSSCSS3 Gradient ButtonsRediscovering the Button Element
阅读全文
摘要：本文介绍的这三十个网站都是一些收集了各种网站设计集锦的网站。Best Web GalleryBest Web Gallery Showcases Designs By Over 300 ProfessionalsCreamy CSSCreamy CSS Features Highest Quality Websites From Across The GlobeCSS ManiaCSS Mania Boasts To Be The Worldwide Leader In Showcasing CSS DesignsCSS EliteCSS Elite Is A Great Resource F
阅读全文
摘要：本文所介绍的编程技术，可以有效地改善用户体验和设计师的工作流程，替代原先在IE6上使用的旧的解决办法。需要注意的是，下面列出的大部分技术还在实验阶段，而且有些不是纯CSS技术（一些使用jQuery或其它JavaScript库）。但本文还是非常值得一看。1. 告别overflow:hidden让我告别overflow:hidden的决定性因素是CSS3，具体而言是box-shadow。因为使用overflow:hidden首先 会对box-shadow造成负面影响。当父元素使用overflow:hidden 属性时，box-shadow会被裁剪。另外，text-shadow和transform也
阅读全文
摘要：HTML5 作为下一代网页语言，加入中众多更具语义的标签，例如video、audio、section、article、header 和 nav 等。而 CSS3 作为 CSS 的下一代版本，同样引入了很多很酷的属性，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就能非常简单的实现。CSS3 和 HTML5 都是现在Web开发领域的技术热点，它们给 Web 开发带来了革命性的影响。 相信你和我一样很好奇结合 HTML5 和 CSS3 来制作网站会有什么样的效果，下面向大家分享的免费网站模板会告诉你，看到喜欢的就赶紧下载吧。记得分享和推荐一下哦 :)1.Memoir.
阅读全文
摘要：本文为大家带来3款非常实用的在线JS代码工具，可以帮助你方便地处理JavaScript或jQuery代码。1. 压缩工具用于在线压缩你的JS代码，它有一个选项“Include latest jquery.min.js”，这对于提升速度非常有用。推荐理由：缩小代码 = 更小的文件大小 = 更快的网页加载速度2. 美化工具用于将压缩后的代码转换回正常状态，使代码再次可读。该工具也可用于混淆的代码。推荐理由：漂亮的代码 = 易读 = 更快地开发3. 混淆工具用于保护（混淆）你的代码，使代码不可读。很显然，一些模仿者可以使用一个工具去反混淆/解压缩，但是你为代码设置的保护越多越好。推荐理由：混淆代码
阅读全文
摘要：开发人员都喜欢有个酷酷电脑，这里列举了 55 个很炫定制电脑的设计，问题是哪里能买到呢？鬼知道！Cygnus X1More Information on Cygnus X1Shuttle XPCMore Information on Shuttle XPCsmilodonMore Information on smilodonSpider’s WebMore Information on Spider’s WebCyberpumpkinMore Information on CyberpumpkinDark Blade projectMore Information on Dark Blade
阅读全文
摘要：MotionCAPTCHA(Demo|Download)MotionCAPTCHA是一个 jQuery 的验证码 CAPTCHA 插件，要求用户按照图中指示画出大概的形状。基于 HTML5 的 Canvas 技术实现。Smart Validate(Demo|Download)信用卡号校验的 jQuery 插件。支持的信用卡类型包括：American Express, MasterCard, Visa, Diners Club, and Discover.Multi Node Range Data Slider jQ Slider(Demo|Download)JQ Slider is a tot
阅读全文
摘要：本文介绍47个令人咋舌的CSS3动画演示汇编。他们展示了CSS3的转换和过渡性的处理。有些是非常有用的，可以作为浏览器的替代品使用。这些效果大多是简单的，看起来很酷。为了尝试这些效果，你需要的WebKit浏览器，如Safari和Chrome。CSS3 Clock With jQueryAnalogue Clock3D Cube That Rotates Using Arrow KeysMultiple 3D Cubes (Slide In/Out)CSS3 AccordionAuto-Scrolling ParallaxIsocubeImage GalleryMatrix7 Javascrip
阅读全文
摘要：用手画的网页你试过吗？帮你搜罗了一些供参考：）WhathappensnextbookEventipityHellostudiosGivebeyondkccreepfestBigDaddyWeaveKylesteedGriffinaboxchasseralweareempiremeandolimilliontreesuponafoldcookiesoundlizsbooksnuggeryhellokarblegworkstudiothomas-aullgangibobislandcreekoysterbarmorehazardscakesweetcakeimygardentelluridefil
阅读全文
摘要：Cool Text Effects Using CSS3 Text-ShadowAlfonse Surigao shows cool CSS3 is to use and how many effects can one generate using it. Text shadow effect has been used.Inset Text With CSS3If you wish to create an inset text effect using CSS3, then you should definitely check this tutorial by Stylizedweb.
阅读全文
摘要：BuddyPress 是WordPress MU的一组插件套装，通过BuddyPress可以将WordPress MU扩展成一个SNS网络。BuddyPress主要包含了个人信息、博客、朋友圈、小组、微博客、状态更新和相册等功能。下面是 14 款免费漂亮的 BuddyPress 主题：NetworkHolderStudioBusiness ServicesBuddyPress SocialInes BuddyPressSpeed BuddyPressNew Yorker BuddyPress ThemePremium BuddyPress ThemesHuddle – WordPress &a
阅读全文
摘要：<video> 是 HTML5 中新引入的标签，用来在 Web 网页中嵌入视频播放功能，无需 Flash 和其他嵌入式插件的支持，是浏览器内建的功能，不过 <video> 旨在一些高级浏览器中支持，例如Firefox, Safari, Chrome, and Opera. IE 暂时还不支持。本文介绍 5 款使用 HTML5 技术的 Web 在线多媒体播放器：1. Open Standard Media (OSM ) Player查看详情>>2. HTML5 Video & Js LibraryKaltura 是一款基于 Flash 技术的在线视频编
阅读全文
摘要：我们称之为内容滑块或简单的滑块的东西，已成为网页设计几乎是不可分割的一部分。虽然大家都知道，网页设计的概念是基于网页上添加一个有吸引力的视觉效果，这些滑块帮助了很多的业务。现在的问题是这些内容滑块设置一个各种异常机智的利用不同类型的信息（图像或图片，文章或博客，新闻以及各种不同类型的产品和它们的功能的信息）应用在网页的导航工具上。本文分享 35 个设计新颖漂亮的内容滑块：Grow InteractiveMark DearmanBitfoundryBigEye CreativeBüro MaisengasseMathieu ClaussElless DesignCROWS NESTMa
阅读全文
摘要：本文收集了2011年最热门的50个CSS3教程，读者可根据这些教程轻松实现网页的设计。1.Original Hover Effects with CSS3本教程讲述应用CSS3实现风格迥异的鼠标悬停效果。2.CSS3 Transitions Without Using :hover本教程讲述应用CSS3实现动态变换效果。3.How to Create a Beautiful Icon with CSS3本教程讲述应用CSS3创建文档图标。4.Creative CSS3 Animation Menus本教程讲述应用CSS3巧妙地将图标、主标题和二级标题整合成动态导航菜单。5.Background
阅读全文
摘要：真的很漂亮，好喜欢。不过这里面更多的功夫是在图片的设计上。art4webMichelle Hunzikervlog.itTarget Nuclear WeaponsSlavery FootprintFutureofcarsharingVelosterTimberlandLavazza 20Calendarswhy interactiveBlancrèmeRoutalempiFamily of FishITsmassiveLiptonRally InteractiveSparksMoment SkisMartin GauerWar ChildMediovskiMad ASPolecat
阅读全文
摘要：目前，HTML5已经在移动领域打败了Flash，越来越多的开发者已投身或准备投身到HTML5应用的开发中。由于HTML5无可替代的优势，其前景一片光明。本文主要介绍三款工具，可帮助开发者快速进行HTML5 2D游戏的开发。1. GameMaker最老牌、最强大的一款工具。最近添加了对HTML5的支持（GameMaker:HTML5）。借助此工具的可视化开发界面，开发者无需写代码即可创建简单的游戏。对于复杂游戏，GameMaker可以根据用户创建的界面生成游戏脚本代码，代码基于GameMaker语言（GameMaker Language，简称GML，这是GameMaker的最大优势），你可以手动
阅读全文
摘要：DailyPost – Personal WordPress ThemeBonPress (我喜欢这个)iTheme2AriResponsive Twenty TenWhiteboard FrameworkPremium Responsive WordPress ThemesGood Minimal – A Responsive WordPress ThemeRising – Fully Responsive WordPress ThemePixelPower – Responsive HTML5/CSS3 WordPress ThemeThe Novelist: Responsive WP
阅读全文
摘要：jQuery Form Validation使用jQuery进行快速简单的表单验证教程Advanced jQuery form validationjQuery plugin: ValidationA jQuery inline form validationAdding Form Validation to WordPress Comments using jQueryHow to Validate Forms in both sides using PHP and jQueryjQuery Form PluginjQuery.validityjQuery Ketchup Plugin –
阅读全文
摘要：很多网站设计中都使用了选项卡（tabs），在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果。本文为你介绍30个实用的jQuery选项卡教程，希望对你有帮助。1.Animated Tabbed Content With jQuery选项卡被现代网站普遍应用，但大多数形式呆板。本教程逐步为你讲授如何实现选项卡动画切换效果。示例2.Tab Navigation with Smooth Horizontal Sliding Using jQuery本教程为你展示如何创建一个水平幻灯片效果的导航菜单。它是由控制元素组成的一组选项卡。点击其中一个，一组选项卡向左水平展开，再次点击，即可恢复原
阅读全文
摘要：1.Google AnalyticsGoogle Analytics现在也提供实时报告了，你可以查看目前网站上有多少访客，他们正在看哪些页面，他们从哪里来的等等。2.ClickyClicky 提供了非常好的实时分析工具。它也提供了手机版本 ClickyTouch。3.WoopraWoopra可以让你看到当前访客是如何在跟网站互动。你甚至可以通过Woopra Widget和他们聊天。4. Chartbeat http://chartbeat.com/Chartbeat 针对新闻、电商等网站提供了实施分析工具。5.GoSquared这个工具可以和Olark整合，它也提供了和访客交流的给乃工具。6.
阅读全文
