摘要:
随着社会的发展,世界各地都在城市化进程中。众多的疯狂高楼建筑拔地而起,高楼的世界排名也在不断被刷新。包括上海中心大厦迪拜明珠、沙特王国塔、台北盘旋式摩天大楼、阿卜杜拉国王石油研究中心等等。 阅读全文
摘要:
这里精选了一组很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点, 拥有很多让人期待已久的新特性,特别是在移动端,Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。 阅读全文
摘要:
全屏滚动效果是最近非常流行的网页设计形式,带给用户良好的视觉和交互体验。pagePiling.js 这款 jQuery 插件可以帮助前端开发人员轻松实现这种效果。支持所有的主流浏览器,包括IE8+,支持移动设备。 阅读全文
摘要:
CSS3 里引入的伪元素让 Web 开发人员能够在不需要额外添加 HTML 标签的情况下制作出复杂的视觉效果。例如,:before 和 :after 这个两个 CSS3 伪元素就可以帮助你实现很多有趣的效果。本教程将告诉你如何使用 CSS3 为元素创建一组漂亮的图片堆叠效果。 阅读全文
摘要:
GifShot 是一个可以创建流媒体,视频或图像的 GIF 动画的 JavaScript 库。该库的客户端特性使其非常便携,易于集成到几乎任何网站。利用最先进的浏览器 API ,包括 WebRTC ,文件系统,视频,Canvas,Web Workers,类型化数组和 Base 64 编码,支持超过20个选项。 阅读全文
摘要:
极简主义正被用于几乎所有的艺术形式,极简主义的概念形成也已经很久了。极简的艺术形式被定义为消除所有非必要元素,以便让呈现原本的特色。自从万维网诞生,网页设计领域相当流行,极简主义是将内容放到最前沿,以提高可用性和提供干净的浏览体验。 阅读全文
摘要:
ClockPicker 是国内前端开发者发布的一个时钟样式 Timepicker,可以用于 Bootstrap 和 jQuery。所有主流浏览器都支持,包括 IE9+,支持移动设备,能够在触摸屏设备很好的工作。 ClockPicker 在设计之初是用于 Bootstrap 项目的,因此,Bootstrap 和 jQuery 是唯一的依赖。 阅读全文
摘要:
André Revin 使用 Illustrator 创建 iOS7 iPhone 5 的样机原型。这是一个像素完美的线框样机,可以帮助超级轻松的打造你的原型。你可以免费下载源文件,并在工作中使用。 阅读全文
摘要:
分享一组高速摄影捕捉的水滴飞溅照片。摄影师 Corrie White 捕捉拍摄了我们都见过,但没有去真正注意到的水滴。Corrie 通过在水滴里添加颜料,利用高速摄影设备把看似简单的操作变成一些列惊人的图像。就好像他们不是在拍摄水而是在雕塑水。 阅读全文
摘要:
在设计一个网站或 Web 应用程序时,你不能否认网页设计工具的重要性,这些工具有助于简化您的任务和完成您的项目。FreeIconMaker.com 是一个免费的在线图标制作工具,您也可以创建自己的模板并与他人分享。 阅读全文
摘要:
各食品相关网站的目的是为了以最美观的方法展示他们的食物和饮料。设计师依靠巨大的吸引力的图像或视频来触发访客的胃口。此外,食品网站应该很容易使用和浏览,因此它有需要完美设计的网站,以吸引更多的顾客变得极为重要。在这个综合列表中,一批新鲜美味的食品和饮料的网站设计将令您垂涎欲滴! 阅读全文
摘要:
PerfMap 是用来分析前端性能,基于资源定时 API 生成网页资源加载的前端性能热图。热图的颜色和第一个毫秒值指示在什么时候页面的图像加载完毕,这是用户体验的一个很好的指标。括号中的第二个值是浏览器加载特定图像的时间。 阅读全文
摘要:
这里是精选的12个很炫的 CSS3 效果。CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现。 阅读全文
摘要:
Strip 是一个灯箱效果插件,显示的时候只会覆盖部分的页面,这使得侵扰程度较低,并留出了空间与页面上的大屏幕,同时给予小型移动设备上的经典灯箱体验。Strp 使用jQuery 实现,支持所有主流浏览器。 阅读全文
摘要:
在 iOS 8 发布不久,Teehan & Lax 就发布了 iOS 8 用户界面的 PSD 模板。该网站分享众多 PSD 模板素材,这些精美的 PSD 界面模板在制作界面原型非常有用,能够帮助设计师节省大量的时间和精力,赶紧去下载吧。 阅读全文
摘要:
我敢肯定,你们中的大多数都知道在设计中使用时间轴的,尤其是 Facebook 配置文件改版成这样显示之后,这种风格更加流行。此外,像 Path 和 Tweetbot 也在一些智能手机应用程序使用基于时间轴的设计,以展示他们的故事。时间线是显示一个整洁,准确风格事件的最佳途径之一。 阅读全文
摘要:
Hello.js 是一个客户端的 Javascript SDK,用于实现 OAuth2 认证(或者基于 OAuth 代理实现的 OAuth1)的 Web 服务和查询 REST API。 HelloJS 标准化路径和对通用的 API 响应 ,如谷歌的数据服务, Facebook 的图形和 Windows Live 连接。HelloJS 也可以在 PhoneGap 应用程序中运行。 阅读全文
摘要:
《Web 前端开发精华文章推荐》2014年第9期(总第30期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。 阅读全文
摘要:
Arctext.js 是基于 Lettering.js 的文本旋转插件,根据设置的旋转半径准确计算每个字母的旋转弧度并均匀分布。虽然 CSS3 也能够实现字符旋转效果,但是要让安排每个字母都沿着弯曲路径排布相当的复杂,结合 Arctext.js 则可以轻松实现这个效果。 阅读全文
摘要:
HTML5 和 CSS3 网站模板存在巨大的需求,网页设计师们都喜欢现成的网站模板,能够轻松地设计和开发美观,吸引眼球的网站。如果你正在寻找响应式的 HTML5 & CSS3 模板,那么你找对地方了,这里罗列了30套免费的响应式 HTML5 & CSS3 模板,可以免费下载。 阅读全文