09 2014 档案
摘要：今天，很高兴能向大家分享一个响应式的，简约风格的 HTML5 单页网站模板。Walk & Ride 这款单页网站模板是现代风格的网页模板，简洁干净，像素完美，特别适合用于推广移动 APP 应用程序，当然这款模板能够被改为任何用途。
阅读全文
摘要：作为 Web 开发人员，我想你一定见过各种各样的图片滑块效果。展示产品或者个人作品的方法有很多，其中之一是使用网格样式的滑块效果。在本教程中，我将分享如何使用 jQuery 和 CSS3 变换实现翻转的作品集滑块效果。
阅读全文
摘要：2014年已经过去大半年了，我们看到网页设计领域出现新的设计趋势。 虚拟按钮（Ghost Buttons）是指具备基本的按钮形状的透明按钮，但有细实线的边框。有些虚拟钮是互动的，点击之后按钮可能会成为不透明的，白色或其他颜色的背景突出。下面列表是25个网站实例。
阅读全文
摘要：BitcoinJS 是一个干净，可读的 JavaScript 开发库，用于比特币交易。支持 Node.js 平台和浏览器端。已有超过150万的钱包用户在使用， BitcoinJS 是几乎所有的 Web 端比特币钱包交易最重要的库。它支持先进的功能，如多SIG ，速度快以及优化的代码。
阅读全文
摘要：图片是网站功能的重要组成部分，这里集合了10个图片滑块，传送带，幻灯片效果，相信你在项目中肯定会用到。这些效果大部分都是 jQuery 实现的，使用起来很简单。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。
阅读全文
摘要：今天，我们想分享一些动画背景的灵感。全屏背景图片的网站头部是最新的网页设计趋势，已经持续了一段时间。最近人们一直在转向动画添加更多的视觉兴趣到他们的网站中，在这里我们想向您分享几个使用 JavaScript和 Canvas 创建不同页眉的动画示例。
阅读全文
摘要：GOCR.js 是 GOCR（开源的 OCR 光学识别程序）项目的纯 JavaScript 版本，使用 Emscripten 进行自动转换。这是一个简单的 OCR （光学字符识别）程序，可以扫描图像中的文字回文本。
阅读全文
摘要：FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件，能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件，值得大家在网站开发中试试。
阅读全文
摘要：在这篇文章中，我们已经编制了30款最好的 Bootstrap 3.0 免费主题和模板清单，让您可以用在下一个项目中，我们希望你能找到有用的。这些主题包含了所有必要的 HTML 和 CSS 为基础的设计模板的版式，表单，按钮，导航和其它界面元件，以及任选的 JavaScript 扩展。
阅读全文
摘要：今天我们想分享几个简单的款式的网站通知效果。有很多的方式来呈现消息给用户：从经典的咆哮般的通知到窗口顶部的通知栏。各个网站的通知样式和效果千篇一律，难得出现创意的通知效果。这里是实现一个应用 CSS3 动画实现各种风格的通知提示。
阅读全文
摘要：Sequence.js 功能齐全，除了能实现之前分享过的现代的图片滑动效果，还可以融合当前非常流行的视差滚动（Parallax Scrolling）效果。让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。
阅读全文
摘要：苹果发布 iPhone 6 和 iPhone 6 Plus 有一段时间了，据说首日预定量达到了创纪录的1600万部，真是不可思议。苹果已经创建了一些指引，让开发者可以受益。他们已经发布了一组苹果官方的 iPhone 6 & Plus 产品图片。
阅读全文
摘要：今天，我们将创建一个使用 jQuery 制作的非常甜蜜的动画效果。我们的想法是在网站的顶部有小盒子，当一个菜单项被点击时，箱子动画形成的主要内容区域分散在各处。我们会用一些不同的动画效果，我们将为菜单项添加选项。
阅读全文
摘要：小伙伴们，苹果终于在今天凌晨推送了 iOS 8 的正式版。虽然该系统并未与 iPhone6 发布会同时亮相，但对于已经提前体验尝鲜过测试版的同学来说并不陌生。iOS 8 几乎每个图标都进行了重新设计，即使是不那么显眼的后退按钮。这里就给大家分享最新的 iOS 8 矢量 UI 素材套件，可以免费下载使用。
阅读全文
摘要：HTML Minifier 是一个高度可配置的，经过良好测试的，基于 JavaScript 的 HTML 在线压缩工具，用棉绒般的能力。在它的核心， Minifier 依赖于 John Resig 的 HTML 解析器。这个解析器能够处理非常复杂的文档，但是有时候会跳过一些比较模糊的结构，例如无效的 DOCTYPE 声明。
阅读全文
摘要：Google的域名体系有些意思，把其全部域名都指向同一个IP地址也可以正常访问，下面我就列出其中一个IP地址的Hosts文件全部内容，当然这个IP地址可能不久就会被封，当这个IP不能用了以后，找到新的IP地址，在记事本里打开Hosts文件，使用替换功能将旧IP替换为新IP即可，因此我会随时修改这篇文章，并补充上Google最新的IP地址。
阅读全文
摘要：Waves 点击效果的灵感来自于谷歌的材料设计，很容易使用。只需要引入 waves.min.css 和 waves.min.js 到 HTML 文件中可以使用了。采用 touchstart 与 touchend 事件，支持移动设备。赶紧来体验吧！
阅读全文
摘要：作为网页设计师，搜索引擎优化重要吗？我们知道，网站设计是把屏幕上平淡无奇变成令人愉快的美感，更直观地辨认信息。这也是人与人之间在沟通想法，这样的方式一直在演变。穴居人拥有洞穴壁画，古埃及人有象形文字，现代人有网页设计。是的，沟通交流就是这么重要。下面让我们一起学习9个设计师 SEO 最佳实践。
阅读全文
摘要：在今天的教程中，我们将使用 HTML5 的 Canvas 元素来创建一个简单的摄影作品集，它显示了一组精选照片与相机快门的效果。此功能会以一个简单的 jQuery 插件形式使用，你可以很容易地整合到任何网站。
阅读全文
摘要：设计师选择配色方案很有讲究。最近，我们已经看到大量的网站使用扁平化设计和生动的色彩，或使用黑色和白色的的简约风格网站，那么什么是柔和的色彩？柔和的色彩饱和度低，可以营造出放松和平静。今天我收集了使用柔和的配色方案的20独特的网站作品分享给大家。
阅读全文
摘要：FingerprintJS 是一个快速的浏览器指纹库，纯 JavaScript 实现，没有依赖关系。默认情况下，使用 Murmur Hash 算法返回一个32位整数。Hash 函数可以很容易地更换。FingerprintJS可以匿名识别 Web 浏览器，准确率高达94%。
阅读全文
摘要：在互联网上提供很多免费的 Bootstrap 管理后台主题。所有你需要做的就是将它们下载并安装它们，这真的不是什么难事。问题是如何寻找到能够完美符合您的网站需求的主题。当然，你可以自己制作自定义的主题，但时间和资源都是很高贵的，所以在这里我们集合了互联网上一些最好的主题。
阅读全文
摘要：FancyBox 是一款非常优秀的弹窗插件，能够为图片、HTML 内容和其它任务的多媒体内容提供优雅的弹出缩放效果。作为是最流行的 Lightbox 插件之一，可以通过 fitToView 实现自适应功能。
阅读全文
摘要：今天，我们继续分享 JavaScript 实现的效果例子，这篇文章会介绍使用 JavaScript 实现水波纹效果。水波效果以图片为背景，点击图片任意位置都会触发。有时候，我们使用普通的 Javascript 就可以创建一个很有趣的解决功能。
阅读全文
摘要：DomFlags 所以一款 Chrome 浏览器扩展程序提，供了一种新的方式与浏览器开发者工具互动。DomFlags 让你可以给 DOM 元素创建快捷键，就像用于导航 DOM 树的书签。它们可以帮助您跟踪并定位到重要的元素，修改样式也变得轻而易举。
阅读全文
摘要：如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。在这篇文章中，我们为您呈现了一组优秀的网格工具清单。
阅读全文
摘要：Sequence.js 是一个非常现代的图片滑动效果，特别适合电子商务网站或者企业产品展示功能。带有图片缩率图，能够呈现全屏图片浏览效果。结合 CSS3 Transition 实现响应式的滑块效果。
阅读全文
摘要：看看下图中的美丽道路，想像一下，走在这种充满魅力的道路上，只有你自己，你可以独处，获得心灵真正的平静，在这样的时刻，你可以与自己的灵魂进行对话。道路和路径弥漫于我们的文学、诗歌、艺术、语言表达和音乐等领域，它们有时候是实景实物，美丽梦幻，给人以视觉享受，有时候是一种象征的意义，给人以精神上的指引。
阅读全文
摘要：今天，我想与大家分享一些专门为网格布局的图像制作的很酷的 CSS 加载动画效果。您可以把这些效果用在你的作品集，博客或任何你想要的网页中。设置很简单。我们使用了下面这些工具库来实现这个效果。
阅读全文
摘要：无限滚动（Infinite Scroll）也称为自动分页、滚动分页和无限分页。常用在图片、文章或其它列表形式的网页中，用来在滚动网页的时候自动加载下一页的内容。Infinite Scroll 这款 jQuery & WordPress 无限滚动插件可以帮助你轻松实现这个效果。
阅读全文
摘要：Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库，可以用来作为 SVG 图像和 CSS 背景。它的灵感来自于 btmills 的 geopattern，并使用d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。它还包括 colorbrewer 调色板库，让您快速启动和运行。
阅读全文
摘要：imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度，还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
阅读全文
摘要：浏览器创意机构和设计工作室为他们自己设计的网站是一件非常有趣的事情。这些人设计的网站，代表着整个领域的新趋势趋势，值得网页设计人员去跟随。在这里，您将看到来25个惊险挑选的来自世界各地的最有创意的设计师，开发人员和设计机构的网站。
阅读全文
摘要：通常网站的布局都不是单一的。特别是如果你使用的是全屏图像，在你必须使用相同的图像文件的情况下，你的主题可能会被截断或完全缺失，或者看起来很尴尬。FocusPoint 这款 jQuery 插件可以确保你的图像中的任何容器看起来都很棒，它提出了“响应裁剪”的概念。
阅读全文
摘要：在所有的字体类型中，手写字体是最有用的和用途最多的。根据你需要完成的任务，使用手写字体的地方无处不在。找到合适的匹配特定的项目的字体是很耗费时间的。所以在这里，我收集了20款精美的手写字体，可以在你未来的设计中使用。这些字体是完全免费的，所以赶快行动吧！
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第8期（总第29期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：这是一个精致的立体图片切换效果，特别适合企业产品展示，可立即用于实际项目中。支持导航和自动播放功能， 基于 CSS3 实现，推荐使用最新的 Chrome，Firefox 和 Safari 浏览器浏览效果。
阅读全文