04 2012 档案
摘要：如果大家经常关注互联网新网站和应用的话，或者你喜欢收集不同的网站模板，你会发现越来越多的网站模板或者网站在使用CSS伪类 - pseudo class。
今天我们这里给大家简单介绍伪类中经常使用的俩个:before和:after。希望大家能够觉得有帮助！
阅读全文
摘要：这个叫做DemoStudio的网站来自于Mozilla Developer networks，收集了很多超酷的CSS3和Javascript特效。因为都是实验产品，所以如果你使用这些技术，有可能在一些老的浏览器，比 如，IE中无法正常工作。当然如果你有fallback的话，大可以使用这些技术。相信你肯定会喜欢这些超酷的特效。如果大家喜欢，请给我们留言！
阅读全文
摘要：很多的网站或者web应用都需要你填写电子邮件地址，而这个过程中，用户往往会拼写错误的电子邮件域名，今天我们将给大家介绍一款很不错的域名拼写校验插件，帮助你有效的帮助校验用户输入的电子邮件域名拼写错误，这里我们将使用这个插件强化我们以前一篇教程中的例子 - 使用jQuery插件开发一个完整验证功能的超酷动态留言版系统，如果你不了解其它相关的插件使用，请首先阅读那篇文章。
阅读全文
摘要：下面这段代码可以有效的帮助你预先加载图片。
阅读全文
摘要：今天介绍一款来自script-tutorial的超酷飞行状菜单特效，和传统的下拉菜单不同，它的子菜单都是水平飞入而非滑动下拉出现，非常的与众不同，希望大家喜欢！
阅读全文
摘要：做web开发的朋友不可避免的需要处理cookie，以往我们使用javascript处理cookie的过程繁琐并且容易出错，所以往往使用一些现成的处理cookie的javascript代码或者jQuery类库，使用jQuery固然非常不错，但是如果只是为了处理cookie而加载如此大的一个文件，感觉不是非常的划算。今天这里我们介绍一个帮助你简化cookie操作的javascript类库 - cookie.js，它不依赖于任何第三方类库，并且非常小巧，只有1.4kb。希望大家喜欢！
阅读全文
摘要：大家还记得我们以前分享过的来自boxofbundles.com的免费设计素材，图标和模板吧，今天我们带来了boxofbundles第二部分的免费素材，希望大家喜欢！
阅读全文
摘要：今天分享一套来自alessioatzeni的超棒简单按钮UI，包含了2个主题的5个类型的按钮。提供了PSD格式的下载，所有的元素都是矢量格式，你可以自由的修改图片大小。希望大家喜欢！
阅读全文
摘要：HTML5是一个非常重要的web标准，针对HTML5衍生了很多的富客户端javascript开发类库，今天这里我们将介绍一个非常棒的帮助你开发基于HTML5游戏的类库 - createJS。
阅读全文
摘要：日期：2012-4-23 来源：GBin1.com
在此之前，我们曾经推荐过不下50种简化的网络格式布局，在此基础上，Creattica现在有了更好更新的设计呈现给大家，里面注入了新的元素。是相当不错的设计网站！推荐给大家10款用户界面设计，希望大家可以从中得到灵感，设计出自己风格的网站。谢谢！
阅读全文
摘要：日期：2012-4-23 来源：GBin1.com
jQuery很棒，但是并非所有的情况下都适合使用jQuery作为你的开发类库。如果你只是需要简单的DOM操作或者AJAX请求处理，为什么要使用如此复杂并且臃肿的类库呢？
对 于手机或者移动客户端来说，这样的影响更加明显。虽然我们可以使用CDN来帮助我们提高加载速度，仍旧还是需要时间的。最具性感的jQuery特性 - 浏览器的兼容性，对于手机来说，也太重量级。为什么需要你的应用支持那些进入博物馆的浏览器呢？ 要知道我们只需要在iOS和Android系统上使用啊！
阅读全文
摘要：日期：2012-4-23 来源：GBin1.com
如果你使用responsive layout来设计网站或者web应用的话，如何有效的在不同的设备上进行测试是一个比较麻烦的事情，今天我们这里给大家分享一个在线测试responsive布局的设计工具 - Screenqueri.es，能够有效的帮助你测试不同分辨率下网站的视图，希望大家喜欢！
阅读全文
摘要：在这篇文章中，我们将给大家介绍10个使用简单的拖放插件，能够方便快捷的帮助你添加拖放功能到你的网站。谢谢！
阅读全文
摘要：今天我们分析350个来自于Brankic1979的超棒标志性字符图标，希望大家喜欢！
这套图标包含了350个图标，提供一个PSD文件下载，每一个图标都可以随意的改变大小而不损失质量。
这么丰富的图标几乎包含了你的应用需要用到的所有的标志，包含，数字，标签，链接，闹钟，云，时钟... ...
同时大家可以个人使用或者商用，还想什么，赶快下载吧！
阅读全文
摘要：如果你使用jQuery进行Ajax开发的话，你一定要试试今天我们这里介绍的这一款jQuery插件 - AjaxML。它是一款能够帮助你提高ajax开发效率的辅助插件，能够将你的ajax开发时间缩短为正常的60%。如果你没有尝试过这款插件，现在就下载一个试试吧！
阅读全文
摘要：单页面设计最近越来越流行了，使用单页面的网站简单优雅并且易于维护，你不需要修改很多文件来做日常维护，而且使用超酷的动态滚动方式来展示你的个人网站或者公司网站，的确是一个非常不错的选择，今天这里我们将介绍给大家一款非常不错的单页面滚动式导航jQuery插件 - jQuery one page nav，希望大家能够应用到自己的网站设计和开发中，如果你也喜欢这个插件，请给我们留言，谢谢！！
阅读全文
摘要：怎样制作出一张非常棒的照片？也许它取决于你设计的主题或者你想要一种风格，像许多艺术摄影，它们很可能是比较客观的，也许你最喜欢的一张恰恰不被你的朋友们喜欢或欣赏，但是要知道，摄影技术和风格的趋势是永远在前进着并且不断变化着的。
如果你有一个部手机，特别是智能手机，你可能已经拍摄了1张或者两张照片。随着技术的不断进步，手机图片的制作功能大大增加了。像很多款手机相机，在一些应用程序的帮助下，你能够把一张拍摄后的照片用一个全新的方式展示出来。这通常被称为艺术的photeography。
今天，我们跟大家推荐41张制作的照片图片，希望在制作的时候可以给大家带来新的灵感。
阅读全文
摘要：Chrome浏览器是最棒的浏览器之一。作为一个web开发人员，我非常喜欢这款浏览器，因为它提供了众多的扩展和插件。事实上之所以使用firefox也只不过因为它那强大的web开发扩展 - firebug。而现在因为Chrome的网页渲染速度，我越来越多的使用它来浏览网站，而且Chrome支持最新CSS3 3D变形，非常适合看看比较新颖的网站。
基于以上所有这些，Chrome已经越来越流行了，而且超越了Firefox。虽然还没有超越IE。这里我收集了18个超棒的Chrome浏览器的扩展，希望对于大家做web开发有帮助，谢谢！
阅读全文
摘要：今天我们介绍来自PurtyPixels.com的超棒UIkit设计，这些漂亮的用户界面元素设计提供PSD文件下载，并且完全免费。
UI元素包含了按钮，滑动器，切换器，社交图片，进度条 ，包含3个不同色系的主题：蓝色，黄色和红色。
所有的UI都是层次完整，完全矢量，并且很有序的组织的PSD图，你可以方便的自由修改成自己需要的样子。
阅读全文
摘要：在jQuery的开发过程中，我们往往需要处理各种事件，例如，click()，hover()等。在jQuery的API中，我们可以使用不同的方法来将这些事件绑定到特定的元素中。今天这篇文章中，我们将要介绍如何使用bind()，on()，live()和delegate()方法来绑定特定的事件，什么情况下使用，什么情况下不适用它们。希望能够帮助大家更好的了解和使用jQuery的时间处理方法。如果你喜欢我们的文章，请给我们留言，谢谢！
阅读全文
摘要：网页设计是一个快节奏的工作，每天都需要有新的设计诞生，下面我们推荐16款每周设计灵感，希望大家能从其中找到适合自己且对自己最有用的网页设计，也同样希望它们可以激发出你潜在的创造力！希望大家喜欢！
阅读全文
摘要：最新版本的jQuery Mobile 1.1本月13号刚刚发布，带给我们了最新的强大特和代码提升。在这篇文章中，我们将要快速的介绍jQuery mobile的新特性及其移动开发人员需要了解的所有内容。准备好和我们一起体验jQuery mobile吧！
阅读全文
摘要：jQuery的分页插件很多，但是大都的功能都比较简单，今天我们分享一个非常酷的分页插件 - jPages，拥有丰富的功能和特效，大家肯定会喜欢！
阅读全文
摘要：日期：2012-4-18 来源：GBin1.com
PSD网站设计模板在我看来，是非常有效的制作工具之一。
它可以用在很多方面。比如：如果你没有足够的时间，那么PSD网站设计模板 会成为你最省时也最简单的参考工具。当你想设计一个非常独特又很特别的网站时，PSD网站设计模板可以成为你网站设计的基础，你可以对它进行修改和添加， 让它成为适应你需要的模板。这样也非常有效的为你设计初期节省很多时间和麻烦。其实我觉得，PSD模板还可以做为培训教材来使用，如果你是一个初期的前端 开发人员，那么你可以借鉴这些模板，对它进行修改和设计，让它有一个完整的HTML,CSS和Javascript模式。如果你还想提高你的分割和布局技 巧，那这些模板可以成为你最好的训练场地。
接下来，推荐给大家这12款精心设计的PSD网站设计模板，希望对大家有帮助！
阅读全文
摘要：今天分享一个单页面的网站设计模板，可以帮组你快速搭建一个个人作品集网站
阅读全文
摘要：这是jQuery小测试系列第一部分：基础知识。
阅读全文
摘要：Google Analytics最近下载超过了3万次，并且Wordpress SEO的下载也已突破1万次。如果你有阅读博客的习惯，那么你应该知道，即使全球前100名博客中，wordpress的访问量也是位居名列，通过阅读和 使用wordpress插件，我们自己也可以进行开发和制作。
如果你也跟我们一样喜欢它，那就加入我们一起分享吧！
阅读全文
摘要：今天我们介绍HTML5的拖拽功能。基本目前所有的现代浏览器(Firefox，Chrome，Safari，或者Opera)都支持这个实用的功能。这意味着我们可以考虑在我们的项目和网站中使用这个功能。更重要的是代码编写非常简单。我们这里将使用拖拽API开发一个图片的分组排序功能 ，希望能够给大家比较直观的使用感受。希望大家喜欢！
阅读全文
摘要：大家是不是在开发设计过程中遇到如下情况？某些浏览器不支持HTML5或者CSS3的某些标签和属性。而我们希望开发的网站或者web应用能在所有的浏览器中运行正确，针对不支持的浏览器我们可以提供其它fallback方式来弥补。
今天这篇文章呢，我们将介绍一个开发利器 - Modernizer，Modernizer是一个Javascript的类库API，对于大部分的前端开发人员来说，使用它是一件非常简单的事情。相信大家会非常喜欢这个类库，无论你是开发人员还是设计人员！
阅读全文
摘要：移动互联现在已经成为了互联网的新贵，我们不得不考虑如何更好的设计移动互联网。过去5到10年中基本上没有开发设计人员为移动设备设计UI。而到现在几乎每个人都使用智能手机来浏览互联网了。现在是大家认真考虑如何更好地设计移动互联的时候了。
为了更好的给大家提供设计灵感。我们这里收集了32个超棒的移动互联网站。所有这些网站都可以使用浏览器或者智能手机访问。希望大家喜欢！
阅读全文
摘要：互联网拥有很多免费的工具和应用，几乎可以帮助你实现任何你需要的UI组件和设计，大家还记得上周我们介绍的纯CSS实现的气泡式提示文章吗？今天我们将介绍一个在线的生成气泡式提示的web工具 - CSS ARROW PLEASE，希望大家喜欢！
阅读全文
摘要：作为一个奋斗在第一线的码农来说，能找到自己能在项目中直接使用的代码无疑是一件天大的喜事。代码片段和代码库到处都有，如何找到自己需要的东西绝对是一个大问题，为了帮助大家更好的找到自己需要的代码，今天我们介绍9个非常不错的代码资源网站。Snipplrsnipplr可以说是世界上最大的代码资源库。在过去的几年中，它发布了大量的代码片段，包括我们网站上的很多文章都引用了snipplr的大量代码。DZone code snippets一个综合性质的代码库。拥有25中不同编程语言的代码集合，包含了几千的代码片段。Jonas John snippet library一个综合的代码库，包含了php，C#，vi
阅读全文
摘要：今天分享一个独立的日期选择插件Kalendae，Kalendae是 一个强大健壮的独立日期选择器。如果你不想使用重量的jQuery UI类库的话，这个插件肯定是一个不错的备选。Kalendae包含了丰富的插件选项，配置，属性，事件和函数。给予你丰富和灵活的方式来创建日期选择 器。当然它内含了一个强大的日期处理javascript插件 - moment.js， 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js)，能够灵活的处理和格式化日期。
阅读全文
摘要：在这篇教程中，我们将学习如何使用CSS3来实现一个动态的标签页切换效果。希望大家喜欢。
内容标签页在网站或者web开发中经常使用到，它对于帮助我们美化页面非常的实用。这个教程中我们将使用radio button和:checked伪类和sibling组合来实现一个CSS3内容标签页。
阅读全文
摘要：强大的文字类型信息图不仅可以通过让字母、符号的组合，使印刷标志变得更加的丰富。也可以变化不同的字体、大小和样式，它的可创造性非常令人惊讶。通过文字信息图制作的作品，不仅提高了精准度，如果在配合上优雅的设计和图形，它都会成为最好的设计和主题，当然需要你的无极限创意。在这里，我们收集了32款不同的文字信息图，希望可以帮助到你们！
阅读全文
摘要：你真的了解和熟悉HTML的标签含义吗？ 如果你觉得你真的了解的话，试试我们这个超异类的HTML标签小测试吧，如果你能达到80%的话，你绝对是个Geek!
阅读全文
摘要：今天我们分享一套200枚的移动设备图标，这套图标拥有非常棒的倒影效果，设计风格非常正式，很适合开发专业的手机应用和移动设备web应用。
这套图标包含了PNG格式尺寸128x128，并且提供.ai矢量文件，大家可以方便的修改大小和样式，个人和商用都免费，希望大家喜欢！
阅读全文
摘要：在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置，这样加以优化显示应用内容。今天这里我们分享一个jQuery的代码，能够有效帮助大家判断横屏或者竖屏。注意这里调用了jQuery的方法，所以你需要引用jQuery类库。
阅读全文
摘要：今天介绍一款超酷的帮助你生成OSX式样的滚动条的jQuery插件- lionbars，使用这个插件，你可以快速的生成一个OSX风格的滚动条。绝对能够让你的UI界面充满苹果的味道。希望大家喜欢！
阅读全文
摘要：在这个三个部分的教程中，我们教大家使用Node.js和Geddy来创建了一个todo的管理应用，上一篇我们将数据保存在内存中，在这个系列最后一篇文章中，我们将介绍如何将todo项目保存到mongodb中。
阅读全文
摘要：日期：2012-4-12 来源：GBin1.com
新的HTML5标准给我们带来了大量的新特性和惊喜，例如，画图的画布Canvas，多媒体的audio和video等等。除了上面我们提到的，还有比较新的特性 - File System API，它能够帮助我们来突破沙箱访问我们本地的文件系统，从而有效的弥补桌面和web应用之间的鸿沟。在今天这篇文章中，我们将会介绍基本的File system API的知识，探索HTML5的本地文件系统API的新特性，希望大家能够喜欢！
阅读全文
摘要：日期：2012-4-12 来源：GBin1.com
如果你对网站安全比较感兴趣的话，肯定了解什么是SQL注入式攻击 - SQL injection，如果你使用的网站架构中使用了数据库，你就需要在书写代码中有效的防止这种类型的攻击，今天我们将介绍一个专门讲解如何避免SQL注入式攻击的网站 - bbobby-tables。希望大家喜欢！
阅读全文
摘要：日期：2012-4-12 来源：GBin1.com
今天我们分享几套非常酷的UI素材，包含了非常棒的图标，地图及其地图标记和图表，希望大家能够喜欢！
阅读全文
摘要：日期：2012-4-13 来源：GBin1.com
作品集展示是一个设计网站中设计师最希望表达设计元素和和设计理念的区域。这是一个独立的展示个人作品和天赋的空间。
根据不同的设计，我们介绍了11个简化设计的作品集展示网站，简单但绝对能够让你赞叹。这里这些网站使用了一部分CSS3和javascript，你将看到非常顺畅的动画效果，希望大家喜欢！
阅读全文
摘要：日期：2012-4-13 来源：GBin1.com
当我们拿到数据时，如果能够有效的将数据展示成大家一眼就看得懂的图形是不是更好呢？使用信息图来阐述想法和结论往往是个不错的主意。在这里我们精心挑选了3个超棒的信息图素材工具包，希望能够帮助大家制作出非常漂亮的信息图，希望大家喜欢！
阅读全文
摘要：这个图标集由Joseph North设计开发，你可以在他的个人网站http://sublink.ca与他联系。包含120个不同的尺寸的图标: 24×24和16×16，格式为PNG。包含有阴影和无阴影两种主题，希望大家喜欢！
阅读全文
摘要：作为前端开发人员，我们都熟悉使用CSS来生成页面上丰富的样式，对于边框border属性来说，也是我们最熟悉不过的CSS属性，今天我们这里将介绍如何使用纯CSS来生成一个气泡式样的提示框，希望大家喜欢！
阅读全文
摘要：作为一个奋斗在第一线的码农来说，能找到自己能在项目中直接使用的代码无疑是一件天大的喜事。代码片段和代码库到处都有，如何找到自己需要的东西绝对是一个大问题，为了帮助大家更好的找到自己需要的代码，今天我们介绍9个非常不错的代码资源网站。
阅读全文
摘要：酒店类的网站设计需要有商业技巧，一个好的酒店网站可以把酒店的舒适和特效很好的带到网站的设计之中。这种舒适感会让用户感觉很有入住的冲动。今天我们将要给大家推荐20个超棒的酒店类网站设计，希望大家喜欢！
阅读全文
摘要：今天我们将分享来自tympanus的5个超炫的图片幻灯效果。tympanus是一个超酷的前端技术博客，经常发布超酷的前端特效教程，今天小编我给大家推荐五个超酷的幻灯效果，希望大家能有机会用在自己的网站和项目中，如果大家喜欢我的分享，请给我留言！Merging Image Boxes with jQuery这个图片幻灯超炫，使用小的图片缩略图展示图片，当你点击小的图片缩略图后，所有的缩略图会聚合生成一张大图，并且支持前后浏览，个人觉得非常炫酷，当然实现代码比较复杂，最重要的在于能够随你的浏览器尺寸变化而自动变化，典型的流动布局设计。你肯定会觉得超炫！在线演示 Rotating Image Sli
阅读全文
摘要：CSS3在web开发技术中绝对是超棒的！随着梯度，阴影，文字阴影和边界半径属性的添加，我们现在还可以使用简单的HTML标记和CSS3代码来创建非常漂亮的按钮。我们使用CSS3的好处在于简化了代码开发量。因为使用CSS3生成漂亮的按钮只需要几行代码，这意味着支持完全可编辑和可定制，你不必使用PS来开发图片了。
阅读全文
摘要：日期：2012-4-9来源：GBin1.com1. How To Create Cool Effects with Custom Shaders in OpenGL ES 2.0 and Cocos2D 2.X阴影效果是电脑图形的一个很大的飞跃。使用它能够允许我们创建完整新特效并且有效控制屏幕。如果你希望使用阴影效果，你肯定需要阅读这个教程。2. Table View Application in iPhone在这个教程中我们将学习如何在表视图中删除和编辑。3. Storyboard app with Core Data这个教程中我们将开发一个超简单的应用。我们将从一个空的项目来设计主要应用和
阅读全文
摘要：今天我们将使用页面元素的翻转效果设计一个微博和轻博网站列表，将使用jQuery的jQuery Flip插件来实现特效。
阅读全文
摘要：今天我们分享一个超棒的在线jQuery mobile原型设计开发工具：Codiqa，这个在线设计工具能够帮助我们快速的使用拖拽的方式来构建一个jQuery mobile的web应用程序。
阅读全文
摘要：日期：2012-4-7来源：GBin1.com在线演示 本地下载 今天我们介绍一个超棒的创建快速动态互动HTML5可视化图形效果的javascript类库 - Envision.js，这个类库拥有俩个内建的图表类型：时间序列图表金融图形图表主要特性实时图形展示时间序列，支持缩放，内建互动操作金融类型图表，可定制支持AJAX自定义图形图表，例如，不规则碎片形支持现代浏览器，IE6+支持移动及其触摸设备拥有自定图形API兼容支持Flotr2可兼容其他基于Flotr2 和HTML5画布如何使用引入如下类库和CSS文件：<script type="text/javascript&quo
阅读全文
摘要：日期：2012-4-9来源：GBin1.com今天分享10个超酷的jQuery/Javascript表单插件，帮助你有效的增强你的表单元素，相信有效的使用这些插件肯定能够让你开发的网站或者应用拥有更加友好的界面和用户体验。1. Chosen一个javascript的插件，帮助你将比较宽的选择框变得更加的友好。支持jQuery和Prototype。2. Password Strength帮助你校验你的密码强度，非常使用的密码强度验证插件。3. Limit一个jQuery的插件帮助你限制前端输入字符数量。同时支持显示目前可以再输入的字符个数。4. jQuery.fn.autoResize自动修改输
阅读全文
摘要：日期：2012-4-7来源：GBin1.com设计中我们经常使用各种书法字体，但是这种书法字体并不是很常见。本篇文章中我们收集了30个超棒的英文书法字体作品，希望大家喜欢！Ornamental LetteringWelcome to TransylvaniaPoems in CalligraphyPoems in CalligraphyToo Old to Die YoungIn 2012…...原文来自:分享30个带给你灵感的书法作品
阅读全文
摘要：日期：2012-4-8来源：GBin1.com在大家日常网站开发和web应用开发中，我们往往需要有效的调用Javascript处理日期和时间格式相关的函数，在Javascript中已经 包含了部分最基本的内建处理方法。当然如果大家有时间的话，完全可以自己开发和编写需要的方法，但是有效的使用别人已经开发好的类库肯定是一个更好的处理 方式，没有必要什么都原创吧，君子善假于物也。今天这里我们收集了5个最佳的日期处理函数类库，希望对于大家有帮助，如果你喜欢我们的文章，请大家给我们 留言，谢谢！1. XDate这个类库是javascript本地日期对象的封装，提供了加强的方法来帮助你解析，格式化和日期处
阅读全文
摘要：日期：2012-4-8来源：GBin1.com以 往的CSS开发中，如果我们需要给文字添加阴影效果，基本只能将文字做成图片，而对于CSS3来说，我们只需要添加对应的text-shadow就可以实 现。在今天我们带给大家的这篇文章中，我们将简单的介绍CSS3的text-shadow属性，看看我们能够制作什么样的文字特效。希望大家喜欢！文字阴影CSS3属性CSS3文字阴影可以应用于各种页面上的文字，首先这里我们介绍一下主要的属性：xPosition： 这个属性定义了水平位置相对于文字本身的位移yPosition：和xPosition类似，定义垂直的位移blurSize：定义阴影的模糊效果color
阅读全文
摘要：日期：2012-4-9来源：GBin1.com今天我们给大家带来一个超棒的HTML/CSS/Javascript的在线开发工具 - Fiddle Salad，如果你使用过jsfiddle的话，相信大家会更喜欢这个功能强大的在线整合开发环境。和jsfiddle类似，你也可以使用Fiddle Salad来在线调试javascript/html/css，让我感觉更好的地方在于Fiddle Salad能 够提供IDE的自动补齐功能，如果你输入javascript, html标签或者css标签时，这个在线工具会提供提示你相关的内容。就和我们常用的开发环境一样，是不是非常方便？而且在界面的右上角提供了即使
阅读全文
摘要：日期：2012-4-6来源：GBin1.com本地下载 如果大家喜欢超棒的银色UI界面套件的话，一定要看看我们今天分享的超棒银色UI界面设计。包含了多选框，单选框，按钮，幻灯，开关等等。你可以自由的修改尺寸和大小。超棒！这个设计由Micheal Reminder，一个来自加拿大的专业web设计师设计。如果你对他的设计有兴趣可以浏览他的个人网站：bestpsdfreebies.com，他提供了很多超棒的设计及其免费的PSD资源。你可以在Twitter上关注他。...原文来自:免费素材PSD下载：银色的UI套件
阅读全文
摘要：在线演示 本地下载 过去我们开发登录和注册功能大都使用javascript来实现，今天我们介绍的这个登录及其注册表单不走常人路，使用纯CSS3和HTML5来实现同样的功能。这里我们使用CSS3的伪类:target。我们使用CSS3和图标字体。主要的想法是展示登录表单并且提供一个链接可以转向注册表单。请大家注意这里只是一个简单的演示，不是所有的浏览器都支持:target，如果你需要在产品环境中使用，你需要使用对应的代码来处理对于老浏览器支持的fallback。HTML在html代码中，我们构建俩个表单并且把第二个表单隐藏。如下：<div id="container_demo&qu
阅读全文
