11 2014 档案
摘要：WordPress 插件样板是标准化的，有组织的，面向对象的基础，用于构建高品质的 WordPress 插件。样板遵循编码标准和文件标准，所以你不必自己学习这些，根据注释编写代码即可。
阅读全文
摘要：Vue.js 是用于构建交互式的 Web 界面的库。它提供了MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。
阅读全文
摘要：如果你想快速制作出一个优秀的网站，网站模板一定是必不可少的。网页设计师和开发人员也可以从网站模板入手，学习先进的布局方式和编码风格。下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网页模板，相信会有你需要的。
阅读全文
摘要：Schema 是一个模块化的，响应式的前端框架，方便，快捷地帮助您迅速启动你的 Web 项目。Schema 配备完整的创建多个视图的能力。从桌面显示器到移动设备，它的12列网格提供强大的灵活性。Schema 借助了强大的 LESS，这使得代码结构干净简洁，超级容易维护。
阅读全文
摘要：
在这个列表中挑选了9个物理和重力实验，用来展示 Javascript 的强大。几年前，所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中，就个人而言，我比较喜欢仿真布料的那个，我简直不敢相信它是使用 JavaScript 做出来的。
阅读全文
在这个列表中挑选了9个物理和重力实验，用来展示 Javascript 的强大。几年前，所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中，就个人而言，我比较喜欢仿真布料的那个，我简直不敢相信它是使用 JavaScript 做出来的。
阅读全文
摘要：新的一周，你可能有计划去学习新的东西或者能够提升你的能力的前端特定的语言或技术。在平常的搜索中，我碰到过很多有趣的信息，应用程序和文档，我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。
阅读全文
摘要：在开发中，一些功能需要用到倒计时，例如最常见的活动开始、结束的倒计时。使用最流行的 JavaScript 库来制作这个效果很简单。下面就是一个 jQuery 制作的逼真的日历翻转效果的倒计时功能。
阅读全文
摘要：这是选择了10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题，相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。
阅读全文
摘要：ProgressBar.js 是一个借助动态 SVG 路径的漂亮的，响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条，圆形和方形等几个内置的形状，但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进度条效果。
阅读全文
摘要：通过 JavaScript 实现 SVG 路径动画，我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框，使用伪元素创造更具吸引力的样式，输入框被选中的时候执行 SVG 动画。
阅读全文
摘要：我的大多数朋友都是网页设计师或开发人员，其中大部分人都已经创建了自己的个人作品集网站来展现技能并链接到他们以前的作品。有一个在线的作品组合，并保持它的更新对于专业人士是至关重要的，它绝不是仅限于那些从事 Web 设计和开发工作的人。这里是25个精美的个人作品集网站，激发你的灵感。
阅读全文
摘要：网络有很很多的 CSS 工具和教程可用，它可以帮助设计人员和开发人员轻松、快速地学习 CSS 技术。这些工具中在高效开发 Web 应用程序中发挥重要作用。在这篇文章中，我们收集了40个最好的 CSS 工具用于加速网站开发，如创建 CSS 菜单，动画，三维模型，响应式页面，动画按钮等等。
阅读全文
摘要：Devrama Slider 是一个图片滑块，支持很多特色功能。除了支持图片滑动，其它的 HTML 内容也支持。主要特色：响应式、图片预加载、图片延迟加载、进度条、自定义导航栏和控制按钮等等。
阅读全文
摘要：Sublime Text 具有漂亮的用户界面和强大的功能，例如代码缩略图，多重选择，快捷命令等。Sublime Text 更妙的是它的可扩展性。所以，这里挑选了全栈开发必备的10款 Sublime Text 插件，让本已精彩的编辑器更加好用，全端开发的码农们不用去网上一个个找了，赶紧收藏起来吧。
阅读全文
摘要：大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此，设计师使用创意的 Photoshop 滤镜和渐变来在图像上创建一个遮罩，并在其上放置其他的网页设计元素。这种新鲜的设计给网站带来独特的光泽。
阅读全文
摘要：Nibbler 是一款免费的工具，用于测试网站的各个方面指标。输入任意网站的地址，Nibbler 会给你一份报告，列出网站的10个关键领域的分数，包括可访问性，用户体验，搜索引擎优化，社交媒体和技术等等。
阅读全文
摘要：HTML5 在不久前正式成为推荐标准，标志着全新的 Web 时代已经来临。这里分享一个惊艳的 Canvas 水滴效果，双击可以把水滴分离；拖放到一起可以融合；晃动浏览器可以让水滴跳动；键盘左右键可以切换皮肤；上下键可以变换大小。
阅读全文
摘要：如果能把 CSS 运用好，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享一组结合 jQuery & CSS 制作的充满金属质感的选择框效果，绝对是超级精美的效果。
阅读全文
摘要：苹果新一代智能手机 iPhone 6 发布已经有一段时间了，一些创意设计师已经开始在设计中采用 iOS 8 设计理念。当然，其中有些是对于未来的展望和大胆的设计。我在这里收集了15个很酷的 iOS 8 设计概念，可以让设计师丰富设计思路。
阅读全文
摘要：jQuery Face Detection 是一款人脸检测插件，能够检测到图片，视频和画布中的人脸坐标。它跟踪人脸并输出人脸模型的坐标位置为一个数组。我们相信，面部识别技术能够给我们的 Web 应用带来各种可能性，创造出互动的，有趣的功能。
阅读全文
摘要：手机经常会在最不合时宜的时刻没电了，不是吗？我们的生活依靠我们的手机，包括那些让我们更方便的设备。但所有这些设备的最糟糕的事情是，他们需要不时的进行充电。但是，如果没有插座可用，或者你没有时间去寻找插座的时候该怎么办？
阅读全文
摘要：最近给大家分享 CSS3 效果比较多，都是充分运用了 CSS3 来实现的。通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享使用 CSS3 过渡特性实现的信封效果的联系表单。
阅读全文
摘要：Converse.js 是一个运行在浏览器的免费和开源的聊天客户端。它可以集成到任何网页。类似于 Facebook 的聊天，它也支持多用户聊天室。Converse.js 可以连接到任何可访问的 XMPP/Jabber 服务器。
阅读全文
摘要：在这篇文章中，我们为大家推荐12个创建响应式布局的优秀网格框架。如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。enjoy!
阅读全文
摘要：手风琴效果常用于切换显示一组内容，这种方式既可以节省网页空间又可以有动画效果。今天，我们将创造一个优雅的手风琴内容效果。这个想法是有悬停时滑出一些垂直手风琴标签。我们将添加一些 CSS3 属性来提升外观。
阅读全文
摘要：Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前， Walkway.js 仅适用于路径和线条元素。
阅读全文
摘要：如果你正在寻找 UI 工具包以扩大你的设计素材库，那么你找对地方了！在这篇文章中，你会发现许多 PSD 素材，包括各种风格，主题和设计选择的用户界面工具包。所有这些扁平化的UI工具包都可以免费下载，所以一定要感谢那些花时间来设计他们的设计师。
阅读全文
摘要：使用 HTML5 和 CSS3，我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中，视差错觉就是网站设计领域的的效果之一。视差滚动（Parallax Scrolling）通过在网页向下滚动的时候，控制背景的移动速度比前景的移动速度慢来创建一个令人惊叹的3D效果。
阅读全文
摘要：对于我们大多数人来说，建立一个负责任的布局中最困难的方面是规划和导航的实现。由于没有真正经得起考验的通用解决方案，您可以使用的菜单设计风格将取决于正在建设的网站类型。无论你正在建设什么类型的网站，在这篇文章中我们将向推荐一批制作响应式导航的 jQuery 插件，为您提供方便快速的解决方案。
阅读全文
摘要：通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享一些 CSS3 动画按钮效果。我们的想法是创建一个具有不同风格的一些动画链接元素，鼠标悬停时有动画效果和活动状态。
阅读全文
摘要：扁平设计的风暴席卷了整个设计领域，它不仅影响网页设计，也影响了用户界面和标志设计。最近，我们看到了很多大公司，如谷歌和必应开始使用扁平设计的标识。 一个 LOGO 应该简单，显眼和精美，以适应产品的整个品牌的风格。扁平设计对标志设计很多好的方面，因为他们摆脱了所有的渐变和阴影变得更加简单易记。为了帮助激发您的灵感，我精心挑选了25个创意的标志，你一定会喜欢。
阅读全文
摘要：今天我们要与大家分享一个漂亮而灵活的垂直 jQuery 手风琴效果。其主要思想是扩大手风琴片上的点击和显示更多的信息。其他内容片段将变得不那么透明。当使用一个导航箭头导航下一个片段，新的片会从顶部或底部滑动。
阅读全文