既然选择了远方,便只顾风雨兼程。
暂时未有相关通用技术能力~
阿里云技能认证
详细说明无限滚动(Infinite Scroll)也称为自动分页、滚动分页和无限分页。常用在图片、文章或其它列表形式的网页中,用来在滚动网页的时候自动加载下一页的内容。Infinite Scroll 这款 jQuery & WordPress 无限滚动插件可以帮助你轻松实现这个效果。
Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库,可以用来作为 SVG 图像和 CSS 背景。它的灵感来自于 Btmills 的 Geopattern,并使用 d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。
imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度,还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
浏览器创意机构和设计工作室为他们自己设计的网站是一件非常有趣的事情。这些人设计的网站,代表着整个领域的最新趋势,值得网页设计人员去跟随。 有人可能会认为他们会用最疯狂,过于超前的设计。但你会惊讶地知道,这些创意机构和设计工作室选择简约和简单的设计解决方案。
通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬。
在所有的字体类型中,手写字体是最有用的和用途最多的。根据你需要完成的任务,使用手写字体的地方无处不在。找到合适的匹配特定的项目的字体是很耗费时间的。 所以在这里,我收集了20款精美的手写字体,可以在你未来的设计中使用。
《Web 前端开发精华文章推荐》2014年第8期(总第29期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
这是一个精致的立体图片切换效果,特别适合企业产品展示,可立即用于实际项目中。支持导航和自动播放功能, 基于 CSS3 实现,推荐使用最新的 Chrome,Firefox 和 Safari 浏览器浏览效果。
Heatmap 是用来呈现一定区域内的统计度量,最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。Heatmap.js 这个 JavaScript 库可以实现各种动态热力图的网页,帮助您研究和可视化用户的行为。
汉堡图标用户界面设计已经有很悠久的历史,你甚至无法找到真正的原作者。汉堡图标,也就是三条小横线,一直以来被用于表示指向菜单的链接,是一个用来提醒用户那里有隐藏的菜单列表的最佳方式。 最近涌现了很多使用视频和全尺寸图片背景的网站,所以汉堡图标是这类网页的最佳选择。
jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 JavaScript 的方式。它简化了 HTML 文档遍历,事件处理,动画和 Ajax 交互,而且有成千上万的成熟 jQuery 插件可供使用。
Frame 是一个让你够能够快速创建高品质的网站或应用程序产品原型的工具。你上传的图片将被包裹在真实的设备环境中。它是一个用于创建宣传资料的专业工具。Frame 完全免费供给商业和个人使用。他们也正探索一种可能性,增加额外的功能给那些正在寻找特色功能的用户,但没有计划立即开始收费。
在谷歌,他们说, “专注于用户,所有其它的就会水到渠成 ”。他们遵循设计原则,寻求建立让用户惊喜的用户体验。谷歌一直挑战自己,为他们的用户创造一种视觉语言,综合优秀设计的经典原则和创新。谷歌设计规范是一份活的文件,因为它们继续更新最新的设计原则和细节。
Pattern Lab 是一个工具集,帮助您创建原子设计系统。在它的核心,是一个自定义静态网站生成器,构建了类似原子,分子和界面结合在一起,形成模板和页面。Pattern Lab 可以作为项目的模式库和前端风格指南。
这里集合的这组 HTML5 & CSS3 效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。 超炫的 HTML5 粒子效果进度条 我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个由 Jack Rugile 基于 HTML5 Cavnas 编写的进度条效果。
Ampersand.js 是一个高度模块化,松耦合,用于构建先进的 JavaScript 应用程序的框架。通过良好定义的方法,结合了一系列微小的 CommonJS 模块。条理清晰,没有多余的冗余代码。
Onsen UI 是一个基于元素自定义的 HTML5 UI 框架,用于构建你的移动前端。这个一个基于 Web 组件的概念的框架,让构建应用程序变得更加轻松。Onsen UI 专门针对 PhoneGap 做了优化,特别适合用于开发 Hybird 模式的应用程序。
Papa Parse 是一个与众不同的,在网页上运行的第一个多线程的 CSV 解析器。它可以解析千兆字节大小文件而不会导致浏览器崩溃。它能够正确地处理格式不正确或边缘的情况下的 CSV 文本。它可以分析在本地文件系统文件,或者通过网络下载。
今天给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示,把鼠标放在按钮上试试,有惊喜哦!CSS3 引入了众多供功能强大的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。 温馨提示:为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。
有时候,你只是想创造一些真正很酷的效果。例如我们网站常见的关于我们(About us),我们的历史(Our history)等你想展示出一些让你的品牌与众不同的页面。图标填充效果可以帮你设计出一个很酷的网页,只需要几个图标即可,让简单的页面看起来也充满活力。
HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。下面给大家分享一个 HTML5 Canvas 绘制的 3D 布料图案效果。
Pagekit 是一个模块化,轻量的 CMS 系统,基于现代化的技术,如 Symfony 组件和 Doctrine。它提供了一个很好的平台,用于主题和延伸开发。Pagekit 为您提供了工具来创造美丽的网站,不管它是一个简单的博客,企业网站或 Web 服务。
HTML5 和 CSS3 技术给 Web 带来了新的利器,点燃了 Web 开发人员的激情。所谓只有想不到,没有做不到,的确如此。下面给大家分享一个结合 CSS3 & Canvas 模拟人行走的动画效果。
今天我们要为您展示如何使用 CSS 动画, SVG 和 JavaScript 创建一个简单的页面预加载效果。对于网站来说,这些预载入得画面提供了一种创造性的方法,使用户在等待内容加载的时候不会那么无聊。
每一个 CSS 项目开始时愿望都是很美好的,但不可避免地,多人协作的项目相互之间可能重复使用了相似的颜色,而你从来不知道它们的存在。CSS Colorguard 帮助您保持您想要的颜色设置,当你添加的颜色和那些已经存在的颜色相似的时候提示你。
404错误页面在我们平常浏览网页的时候并不会经常碰到,但是有一些无意中出现的404错误页面的确很有意思。404页面也有一些特别的用途,例如显示公益广告,推广网站自身的内容等等。这里分享一个创意的404错误页面设计案例。
CSS3 引入了众多供功能强大的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。下面这些发出闪亮光泽的按钮,很漂亮吧?把鼠标悬停在按钮上,还有动感的光泽移动效果。 温馨提示:为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。
这是一个模拟可撕裂布料效果的 HTML5 Canvas 应用演示,效果逼真。你会看到,借助 Canvas 的强大绘图和动画功能,只需很少的代码就能实现让您屏息凝神的效果。 温馨提示:为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。
Outdated Browser 是一个能够给开发人员节省时间的工具。它可以检测过时的浏览器,并建议用户升级到新版本。所以,如果你厌倦了用户使用一个过时的浏览器访问你的网站,那么这款工具可以帮助你让用户知道他们正在使用的是一个过时的浏览器,并建议他们更新。
Hya.io 是基于 Web 的音频应用程序,通过 Web MIDI ,音频合成器,音序以及大量的插件来支持硬件 MIDI 。您可以添加插件到工作区,将其连接到路由音频,进行播放和实验。 HYA 支持 AMD 和 ES6 模块。
SlidesJS 是一款老牌的 jQuery 幻灯片插件,经过多年的发展,已经成为一款功能齐全,设计精巧的幻灯片插件。支持循环、自动播放功能和淡入淡出过渡效果,并且能够自动生成分页,可以帮助开发者制作出优雅的幻灯片效果。
Trumbowyg 是一个轻量,可定制的 jQuery 所见即所得(WYSIWYG)的编辑器插件。美丽的设计,生成语义化代码,带有功能强大的 API 。编辑器和生成的代码进行了优化以支持 HTML5。
我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个由 Jack Rugile 基于 HTML5 Cavnas 编写的进度条效果。看着这么炫的 Loading 效果,即使让我多等一会也无妨:)你呢? 温馨提示:为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。
Select-or-Die 是一个 jQuery 插件,用来自定义下拉列表(Select)元素。原生的下拉选择元素在各个浏览器的默认样式差异很多,而且自定义样式很困难,因此 Web 开发人员喜欢使用插件来模拟下拉选择功能。
ShineTime 是一个效果非常精致的缩略图相册,鼠标悬停到缩略图的时候有很炫的闪光效果,基于 CSS3 实现,另外缩略图也会有立体移动的效果。特别适用于个人摄影作品,公司产品展示等用途,快来来围观吧。
Modern UI Kit 是一套简单,优雅和免费的现代用户界面包。这套 UI 工具包包含数百个用户界面元素,这将帮助你设计良好的用户界面。这些素材的设计是矢量,可以根据需要自由调整它们的大小。 您可能感兴趣的相关文章 Web 开发中很实用的10个效果【附源码下载】 精心挑选的优秀j...
Nivo Slider 号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本。目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色: 16个独特的过渡效果 简洁和有效的标记 加载参数设置 ...
在过去几年里,网站设计领域发生了巨大变化。除了 RWD(响应式网页设计)和 Web 字体的革命,现代设计的发展趋势迅速流行扁平化的配色方案,网页排版变得更加重要,重点已放在内容第一。最后,页面加载速度已成为决定你的网站成功的关键因素。
Dense 是一款 jQuery 插件,它提供一个简单的方法为设备提供精密像素比的图像,为你的网站带来视网膜支持,清除模糊,图像更清晰。通过简单地包括 jQuery 插件的页面上,就能实现响应式的视网膜(Rtina)图像支持。
Themify 图标是一套用在网页设计和应用程序的图标,包括 320+ 手工制作的像素完美的苹果 iOS7 图标中汲取灵感。这些图标完全免费,您可以用于任何目的,无论是个人或商业。 您可能感兴趣的相关文章 Web 开发中很实用的10个效果【附源码下载】 精心挑选的优秀jQuery ...
Vanilla Masker 是一个纯 JavaScript 实现的输入内容过滤和自动转换插件。现在你可以使用一个简单而纯粹的 JavaScript 库来控制你的 input 元素,而不需要加载 jQuery,Zepto 或者其它框架。
jBox 是一个强大而灵活的 jQuery 插件,可以帮助实现模态窗口,工具提示,通知和更多的功能。你可以使用 jQuery 选择器轻松地添加工具提示效果到元素上,您可以以同样的方式设置模态窗口。该库非常强大,提供了众多的选项来定制外观和行为。
仪表盘的设计是一个棘手的业务,重要的挑战以更直观的方式呈现统计数字,同时让用户深入到细节。如何约迎合个性化以及有关指标的优先次序,这很难处理。 下面这些例子有很多值得学习的地方,整合了创新的,令人震惊的美丽仪表板概念和设计的展示。
Raneto 是一个免费,开源的 Node.js 知识库平台,基于静态 Markdown 文件实现。 Raneto 可以被称为静态网站生成器,因为它并不需要数据库支持。所有的内容都存储在 Markdown 文件夹,整个知识库的结构和内容都是由 Raneto 生成。
这篇文章给大家分享一组纯 CSS 绘制的《辛普森一家》人物头像。《辛普森一家》(The Simpsons)是马特·格勒宁为美国福克斯广播公司创作的一部动画情景喜剧。该剧通过对霍默、玛琦、巴特、莉萨和玛吉一家五口生活的描绘,用搞笑的方式自我嘲讽了美国的文化、社会、电视以及人类境况的诸多方面。
HTML 表格导出 jQuery 插件可以帮助用户导出 HTML 表格到 JSON、XML、PNG、CSV、TXT、SQL、MS-Word、MS-Excel、MS-PowerPoint 和 PDF 格式。
注册表单有许多不同的形状和尺寸,有的只是单个的输入框,有的则需要多个步骤。登录表单的设计将定义网站的性质,因此它应进行针对性的设计。下面的列表提供了20个醒目的登录和注册表单设计为您提供灵感。 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读文章集锦 十个拥有丰富 UI 组件...
逗号分隔值(CSV )文件用于以以纯文本的形式存储表格化数据(数字和文本)。 CSV 文件包含任意数量的记录,通过某种换行符分隔,每条记录由字段,其他一些字符或字符串分隔,最常用的是文字逗号或制表符。
响应的网页设计方法让你的网站对移动设备更加友好。网站开发者们采用最新的 HTML5 和 CSS3 技术以及最新的编码标准来制作响应式网站。响应式设计使网页设计更加强大,更具互动性和更美观。响应网站的设计有许多特色,使开发人员和设计人员能够创建速度快,性能优越的应用程序和网站,并适合于所有设备。
作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。