既然选择了远方,便只顾风雨兼程。
暂时未有相关通用技术能力~
阿里云技能认证
详细说明各食品相关网站的目的是为了以最美观的方法展示他们的食物和饮料。设计师依靠巨大的吸引力的图像或视频来触发访客的胃口。此外,食品网站应该很容易使用和浏览,因此它有需要完美设计的网站,以吸引更多的顾客变得极为重要。
PerfMap 是用来分析前端性能,基于资源定时 API 生成网页资源加载的前端性能热图。热图的颜色和第一个毫秒值指示在什么时候页面的图像加载完毕,这是用户体验的一个很好的指标。括号中的第二个值是浏览器加载特定图像的时间。
这里是精选的12个很炫的 CSS3 效果。CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现。
Strip 是一个灯箱效果插件,显示的时候只会覆盖部分的页面,这使得侵扰程度较低,并留出了空间与页面上的大屏幕,同时给予小型移动设备上的经典灯箱体验。Strp JS 基于 jQuery 库实现,支持所有主流浏览器。
在 iOS 8 发布不久,Teehan & Lax 就发布了 iOS 8(iPhone6)用户界面的 PSD 模板。该网站分享众多 PSD 模板素材,这些精美的 PSD 界面模板在制作界面原型非常有用,能够帮助设计师节省大量的时间和精力,赶紧去下载吧。
我敢肯定,你们中的大多数都知道在设计中使用时间轴的,尤其是 Facebook 个人主页改版成这样之后,这种风格更加流行。此外,像 Path 和 Tweetbot 也在一些智能手机应用程序使用基于时间轴的设计,以展示他们的故事。
Hello.js 是一个客户端的 Javascript SDK,用于实现 OAuth2 认证(或者基于 OAuth 代理实现的 OAuth1)的 Web 服务和查询 REST API。 HelloJS 标准化路径和对通用的 API 响应 ,如谷歌的数据服务, Facebook 的图形和 Windows Live 连接。
《Web 前端开发精华文章推荐》2014年第9期(总第30期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
Arctext.js 是基于 Lettering.js 的文本旋转插件,根据设置的旋转半径准确计算每个字母的旋转弧度并均匀分布。虽然 CSS3 也能够实现字符旋转效果,但是要让安排每个字母都沿着弯曲路径排布相当的复杂,结合 Arctext.js 则可以轻松实现这个效果。
HTML5 和 CSS3 网站模板存在巨大的需求,网页设计师们都喜欢现成的网站模板,能够轻松地设计和开发美观,吸引眼球的网站。如果你正在寻找响应式的 HTML5 & CSS3 模板,那么你找对地方了,这里罗列了30套免费的响应式模板,可以免费下载 温馨提示:点击图片进入的页面有下载链接,尽情的下吧,下吧。
Midnight.js 是一款 jQuery 插件,在页面滚动的时候实现多个头设计之间的切换,所以你总是有一个头与它下面的内容层叠,看起来效果很不错。 Midnight.js 可以让你轻松实现这种切换固定头的效果。
在平常的搜索中,我碰到过很多有趣的信息,应用程序和文档,我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式,可以在你需要的时候方便查阅。相信你会在这个列表中发现对你很有用的资料。 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读文章集锦 十个拥有丰富 UI ...
Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮提示效果。SweetAlert 自动居中对齐在页面中央,不管您使用的是台式电脑,手机或平板电脑看起来效果都很棒。另外提供了丰富的自定义配置选择,可以灵活控制。
jPaginate 是一款非常精致的分页插件,提供了五种不同风格的分页效果,支持鼠标悬停翻页,快速分页功能。这款插件还提供了丰富的配置选项,你可以根据需要进行设置。 效果演示 源码下载 各个效果的使用示例代码: $(function() { $("#demo1").
AngularJS 是谷歌的一个 JavaScript 框架,旨在简化前端应用程序的开发。如果你在开发单页的应用程序,我敢肯定你已经听说过它。我是 AngularJS 的忠实粉丝,在这篇文章中我将概述五条我为什么这么喜欢它的原因。
感谢 HTML5 带来的惊人的先进特性,在未来几年,HTML5 将会继续发挥巨大的推动作用,不仅是在 Web 应用中,网页设计领域也会有新的变革。今天,我们在这里集合了能够带给您灵感的25个最新鲜的 HTML5 网站。
这里向大家分享一组创新的 Off Canvas 导航效果。Off Canvas 导航在一些移动应用程序中被广泛使用。当你点击汉堡按钮(一般是三条横线组成)时,在左侧或者右侧拉出一个菜单,这样可以充分利用移动设备界面中极为有限的空间。
Csstyle 是一种现代的方式,用于制作精美的可维护样式表。这个 Csstyle 方法使用 SASS 混入,使你的 CSS 更具可读性和语义,并为你生成选择器,自动处理嵌套等事情。 Csstyle 使您的项目结构令人耳目一新。
jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像,视频 和其它内容(使用模式窗口)。如果你是一个开发人员,你必须拥有 jQuery 灯箱插件集合,因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力。
标签云是博客的标配功能,能够清晰的呈现博客的各个关键词和主题。在这个效果中,您将学习如何使用 CSS3 技术创建一个效果精美的标签云效果。 作为实验项目,使用了 CSS3 渐变,阴影和最重要的的 CSS 变换特性。
Ocrad.js 相当于是 Ocrad 项目的纯 JavaScript 版本,使用 Emscripten 自动转换。这是一个简单的 OCR (光学字符识别)程序,可以扫描图像中的文字回文本。 不像 GOCR.js,Ocrad.js 被设计成一个端口,而不是围绕可执行的包装。
Jellycons 这套由 LoveUI.co 设计图标包括30款扁平化,圆滑,丰富多彩的 iOS 8 应用程序图标,可以用于于个人和商业项目的使用。另外,PNG 格式包含11种尺寸(1024px, 512px, 152px, 180px, 120px, 87px, 80px, 76px, 58px, 40px, 29px),支持 iPhone 6 和 iPhone 6 Plus。
今天,很高兴能向大家分享一个响应式的,简约风格的 HTML5 单页网站模板。Walk & Ride 这款单页网站模板是现代风格的网页模板,简洁干净,像素完美,特别适合用于推广移动 APP 应用程序,当然这款模板能够被改为任何用途。
作为 Web 开发人员,我想你一定见过各种各样的图片滑块效果。展示产品或者个人作品的方法有很多,其中之一是使用网格样式的滑块效果。在本教程中,我将分享如何使用 jQuery 和 CSS3 变换实现翻转的作品集滑块效果。
2014年已经过去大半年了,我们看到网页设计领域出现新的设计趋势。 虚拟按钮(Ghost Buttons)是指具备基本的按钮形状的透明按钮,但有细实线的边框。有些虚拟钮是互动的,点击之后按钮可能会成为不透明的,白色或其他颜色的背景突出。
BitcoinJS 是一个干净,可读的 JavaScript 开发库,用于比特币交易。支持 Node.js 平台和浏览器端。已有超过150万的钱包用户在使用, BitcoinJS 是几乎所有的 Web 端比特币钱包交易最重要的库。
图片是网站功能的重要组成部分,这里集合了10个图片滑块,传送带,幻灯片效果,相信你在项目中肯定会用到。这些分享的效果大部分都是实用 jQuery 实现的,使用起来很简单。看看下面这些惊人的功能和效果,我相信你会发现一些很有用的东西。
今天,我们想分享一些动画背景的灵感。全屏背景图片的网站头部是最新的网页设计趋势,已经持续了一段时间。最近人们一直在转向动画添加更多的视觉兴趣到他们的网站中,在这里我们想向您分享几个使用 JavaScript 和 Canvas 创建不同页眉的动画示例。
GOCR.js 是 GOCR(开源的 OCR 光学识别程序)项目的纯 JavaScript 版本,使用 Emscripten 进行自动转换。这是一个简单的 OCR (光学字符识别)程序,可以扫描图像中的文字回文本。
FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件,值得大家在网站开发中试试。
Twitter Bootstrap 框架已经广为人知,用于加快网站,应用程序或主题的界面开发,并被公认为是迄今对于 Web 开发的最有实质性帮助的工具之一。在此之前的,各种各样的界面库伴随着高昂的维护成本。
今天我们想分享几个简单的款式的网站通知效果。有很多的方式来呈现消息给用户:从经典的咆哮般的通知到窗口顶部的通知栏。各个网站的通知样式和效果千篇一律,难得出现创意的通知效果。这里是实现一个应用 CSS3 动画实现各种风格的通知提示。
Sequence.js 功能齐全,除了能实现之前分享过的现代的图片滑动效果,还可以融合当前非常流行的视差滚动(Parallax Scrolling)效果。让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。
苹果发布 iPhone 6 和 iPhone 6 Plus 有一段时间了,据说首日预定量达到了创纪录的1600万部,真是不可思议。苹果已经创建了一些指引,让开发者可以受益。他们已经发布了一组苹果官方的 iPhone 6 & Plus 产品图片。
今天,我们将创建一个使用 jQuery 制作的非常甜蜜的动画效果。我们的想法是在网站的顶部有小盒子,当一个菜单项被点击时,箱子动画形成的主要内容区域分散在各处。我们会用一些不同的动画效果,我们将为菜单项添加选项。
小伙伴们,苹果终于在今天凌晨推送了 iOS 8 的正式版。虽然该系统并未与 iPhone6 发布会同时亮相,但对于已经提前体验尝鲜过测试版的同学来说并不陌生。iOS 8 几乎每个图标都进行了重新设计,即使是不那么显眼的后退按钮。
HTML Minifier 是一个高度可配置的,经过良好测试的,基于 JavaScript 的 HTML 在线压缩工具,用棉绒般的能力。在它的核心, Minifier 依赖于 John Resig 的 HTML 解析器。
Waves 点击效果的灵感来自于谷歌的材料设计,很容易使用。只需要引入 waves.min.css 和 waves.min.js 到 HTML 文件中可以使用了。采用 touchstart 与 touchend 事件,支持移动设备。
作为网页设计师,搜索引擎优化重要吗?我们知道,网站设计是把屏幕上平淡无奇变成令人愉快的美感,更直观地辨认信息。这也是人与人之间在沟通想法,这样的方式一直在演变。穴居人拥有洞穴壁画,古埃及人有象形文字,现代人有网页设计。
在今天的教程中,我们将使用 HTML5 的 Canvas 元素来创建一个简单的摄影作品集,它显示了一组精选照片与相机快门的效果。此功能会以一个简单的 jQuery 插件形式使用,你可以很容易地整合到任何网站。
设计师选择配色方案很有讲究。最近,我们已经看到大量的网站使用扁平化设计和生动的色彩,或使用黑色和白色的的简约风格网站,那么什么是柔和的色彩?柔和的色彩饱和度低,可以营造出放松和平静。今天我收集了使用柔和的配色方案的20独特的网站作品分享给大家。
FingerprintJS 是一个快速的浏览器指纹库,纯 JavaScript 实现,没有依赖关系。默认情况下,使用 Murmur Hash 算法返回一个32位整数。Hash 函数可以很容易地更换。
在互联网上提供很多免费的 Bootstrap 管理后台主题。所有你需要做的就是将它们下载并安装它们,这真的不是什么难事。问题是如何寻找到能够完美符合您的网站需求的主题。当然,你可以自己制作自定义的主题,但时间和资源都是很高贵的,所以在这里我们集合了互联网上一些最好的主题。
FancyBox 是一款非常优秀的弹窗插件,能够为图片、HTML 内容和其它任务的多媒体内容提供优雅的弹出缩放效果。作为是最流行的 Lightbox 插件之一,可以通过 fitToView 实现自适应功能。
今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的 Javascript 就可以创建一个很有趣的解决功能。
DomFlags 所以一款 Chrome 浏览器扩展程序提,供了一种新的方式与浏览器开发者工具互动。DomFlags 让你可以给 DOM 元素创建快捷键,就像用于导航 DOM 树的书签。它们可以帮助您跟踪并定位到重要的元素,修改样式也变得轻而易举。
在这篇文章中,我们为您呈现了一组优秀的网格工具清单。如果我们错过了任何没有列出在这个清单上的东西,请分享给我们。如果网页设计和开人员采用了正确的工具集,并基于一个灵活的网格架构,以及能够把响应图像应用到到设计之中,那么创建一个具备响应式的网站并不一定是一项艰巨的任务。
Sequence.js 是一个非常现代的图片滑动效果,特别适合电子商务网站或者企业产品展示功能。带有图片缩率图,能够呈现全屏图片浏览效果。结合 CSS3 Transition 实现响应式的滑块效果。
看看下图中的美丽道路,想像一下,走在这种充满魅力的道路上,只有你自己,你可以独处,获得心灵真正的平静,在这样的时刻,你可以与自己的灵魂进行对话。 道路和路径弥漫于我们的文学、诗歌、艺术、语言表达和音乐等领域,它们有时候是实景实物,美丽梦幻,给人以视觉享受,有时候是一种象征的意义,给人以精神上的指引。
今天,我想与大家分享一些专门为网格布局的图像制作的很酷的 CSS 加载动画效果。您可以把这些效果用在你的作品集,博客或任何你想要的网页中。设置很简单。我们使用了下面这些工具库来实现这个效果: Normalize.css 来替代传统的 CSS 复位; ZURB Foundation 创建具有响应式的网格; Masonry 创建一个动态的网格布局; imagesLoaded 检查是否已加载图像; Infinite Scroll 加载更多图片并追加到画廊。