既然选择了远方,便只顾风雨兼程。
暂时未有相关通用技术能力~
阿里云技能认证
详细说明《水果忍者》是一款非常受喜欢的手机游戏,刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度 JS 小组开发,采用 vml + svg 绘图,使用了 Raphael,效果很赞,赶紧来膜拜一下。
Material Design 是谷歌推出的全新的设计理念,采用大胆的色彩、流畅的动画播放,以及卡片式的简洁设计。Material Design 风格的设计拥有干净的排版和简单的布局,容易理解,内容才是焦点。
《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经三年半,总共发布了30期。今天这篇是2014年第10期(总第31期),希望你能在这里发现有用的资料。 梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
在访客浏览你的网站的时候,他们注意到的第一件事是你的网站头部。无论是一个小导航条或大型全屏照片幻灯片,网站头部都是网站重要的一个组成部分。大的网站头部往往更令人难忘,有利于提升一个网站的品牌。在这篇文章中,我想向网页设计师们分享新潮的网站头部设计案例。
Codrops 分享了一些界面拖放的交互设计想法。基本的思路是在拖动一个项目的时候,为特定的操作呈现出可投掷的区域。这节省了大量的界面空间 ,并给出了一个有趣的动态的互动。有很多应用场景,例如分类和组织内容(像 Pinterest 的面板),或在邮件应用程序或内容管理系统中执行一些操作。
WordPress 插件样板是标准化的,有组织的,面向对象的基础,用于构建高品质的 WordPress 插件。样板遵循编码标准和文件标准,所以你不必自己学习这些,根据注释编写代码即可。 官方网站 源码下载 您可能感兴趣的相关文章 网站开发中很有用的 j...
Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。
如果你想快速制作出一个优秀的网站,网站模板一定是必不可少的。网页设计师和开发人员也可以从网站模板入手,学习先进的布局方式和编码风格。下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网页模板,相信会有你需要的。
Schema 是一个模块化的,响应式的前端框架,方便,快捷地帮助您迅速启动你的 Web 项目。Schema 配备完整的创建多个视图的能力。从桌面显示器到移动设备,它的12列网格提供强大的灵活性。 Schema 借助了强大的 LESS,这使得代码结构干净简洁,超级容易维护。
在这个列表中挑选了9个物理和重力实验,用来展示 Javascript 的强大。几年前,所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中,就个人而言,我比较喜欢仿真布料的那个,我简直不敢相信它是使用 JavaScript 做出来的。
新的一周,你可能有计划去学习新的东西或者能够提升你的能力的前端特定的语言或技术。在平常的搜索中,我碰到过很多有趣的信息,应用程序和文档,我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。
在开发中,一些功能需要用到倒计时,例如最常见的活动开始、结束的倒计时。使用最流行的 JavaScript 库来制作这个效果很简单。下面就是一个 jQuery 制作的逼真的日历翻转效果的倒计时功能。 在线演示 插件下载 调用方法: $(function() { $(".
这是选择了10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教...
ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条,圆形和方形等几个内置的形状,但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进度条效果。
通过 JavaScript 实现 SVG 路径动画,我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框,使用伪元素创造更具吸引力的样式,输入框被选中的时候执行 SVG 动画。
我的大多数朋友都是网页设计师或开发人员,其中大部分人都已经创建了自己的个人作品集网站来展现技能并链接到他们以前的作品。有一个在线的作品组合,并保持它的更新对于专业人士是至关重要的,它绝不是仅限于那些从事 Web 设计和开发工作的人。
网络有很很多的 CSS 工具和教程可用,它可以帮助设计人员和开发人员轻松、快速地学习 CSS 技术。这些工具中在高效开发 Web 应用程序中发挥重要作用。 在这篇文章中,我们收集了35个最好的 CSS 工具用于加速网站开发,如创建 CSS 菜单,动画,三维模型,响应式页面,动画按钮等等。
Devrama Slider 是一个图片滑块,支持很多特色功能。除了支持图片滑动,其它的 HTML 内容也支持。主要特色:响应式、图片预加载、图片延迟加载、进度条、自定义导航栏和控制按钮等等。 在线演示 插件下载 默认的参数配置: $('#my-slide').
Sublime Text 具有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等。Sublime Text 更妙的是它的可扩展性。所以,这里挑选了全栈开发必备的10款 Sublime Text 插件,让本已精彩的编辑器更加好用,全端开发的码农们不用去网上一个个找了,赶紧收藏起来吧。
大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此,设计师使用创意的 Photoshop 滤镜和渐变来在图像上创建一个遮罩,并在其上放置其他的网页设计元素。
Nibbler 是一款免费的工具,用于测试网站的各个方面指标。输入任意网站的地址,Nibbler 会给你一份报告,列出网站的10个关键领域的分数,包括可访问性,用户体验,搜索引擎优化,社交媒体和技术等等。
HTML5 在不久前正式成为推荐标准,标志着全新的 Web 时代已经来临。在众多 HTML5 特性中,Canvas 元素用于在网页上绘制图形,该元素标签强大之处在于可以直接在 HTML 上进行图形操作,具有极大的应用价值。
苹果新一代智能手机 iPhone 6 发布已经有一段时间了,一些创意设计师已经开始在设计中采用 iOS 8 设计理念。当然,其中有些是对于未来的展望和大胆的设计。我在这里收集了15个很酷的 iOS 8 设计概念,可以让设计师丰富设计思路。
jQuery Face Detection 是一款人脸检测插件,能够检测到图片,视频和画布中的人脸坐标。它跟踪人脸并输出人脸模型的坐标位置为一个数组。我们相信,面部识别技术能够给我们的 Web 应用带来各种可能性,创造出互动的,有趣的功能。
手机经常会在最不合时宜的时刻没电了,不是吗?我们的生活依靠我们的手机,包括那些让我们更方便的设备。但所有这些设备的最糟糕的事情是,他们需要不时的进行充电。但是,如果没有插座可用,或者你没有时间去寻找插座的时候该怎么办? 当然,技术总是在不断进步。
Converse.js 是一个运行在浏览器的免费和开源的聊天客户端。它可以集成到任何网页。类似于 Facebook 的聊天,它也支持多用户聊天室。Converse.js 可以连接到任何可访问的 XMPP/Jabber 服务器。
手风琴效果常用于切换显示一组内容,这种方式既可以节省网页空间又可以有动画效果。今天,我们将创造一个优雅的手风琴内容效果。这个想法是有悬停时滑出一些垂直手风琴标签。我们将添加一些 CSS3 属性来提升外观。
Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法。只需根据提供的配置对象创建一个新的 Walkway 实例就可以了。这种效果特别适合那些崇尚简约设计风格的网页。目前, Walkway.js 仅适用于路径和线条元素。
如果你正在寻找 UI 工具包以扩大你的设计素材库,那么你找对地方了!在这篇文章中,你会发现许多 PSD 素材,包括各种风格,主题和设计选择的用户界面工具包。下面罗列的所有这些扁平化的 UI 工具包都可以免费下载,所以一定要感谢那些花时间来设计他们的设计师。
使用 HTML5 和 CSS3,我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中,视差滚动(Parallax Scrolling)就是这样的效果之一。这种技术通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。
对于我们大多数人来说,建立一个负责任的布局中最困难的方面是规划和导航的实现。由于没有真正经得起考验的通用解决方案,您可以使用的菜单设计风格将取决于正在建设的网站类型。 无论你正在建设什么类型的网站,在这篇文章中我们将向推荐一批制作响应式导航的 jQuery 插件,为您提供方便快速的解决方案。
扁平设计的风暴席卷了整个设计领域,它不仅影响网页设计,也影响了用户界面和标志设计。最近,我们看到了很多大公司,如谷歌和必应开始使用扁平设计的标识。 一个 LOGO 应该简单,显眼和精美,以适应产品的整个品牌的风格。
今天我们要与大家分享一个漂亮而灵活的垂直 jQuery 手风琴效果。其主要思想是扩大手风琴片上的点击和显示更多的信息。其他内容片段将变得不那么透明。当使用一个导航箭头导航下一个片段,新的片会从顶部或底部滑动。
作为最重要的导航展示形式之一,面包屑导航能够让用户更清楚的知道他们所在页面的层次结构,让他们可以方便的导航到上一层页面。在本教程中,您将学习如何使用 CSS3 技术创建自己的面包屑导航效果。 效果演示 插件下载 详细教程 HTML示例代码: ...
在这篇文章中,我们收集了一些在过去的几个月里最喜欢的 jQuery 插件。为了使您更容易搜索到自己喜欢的 jQuery 插件,我们已经对插件进行了分类: 页面布局插件,图片和视频插件,滑块和画廊,排版插件等等。
随着社会的发展,世界各地都在城市化进程中。众多的疯狂高楼建筑拔地而起,高楼的世界排名也在不断被刷新。包括上海中心大厦迪拜明珠、沙特王国塔、台北盘旋式摩天大楼、阿卜杜拉国王石油研究中心等等。 您可能感兴趣的相关文章 20幅精美绝伦光涂鸦摄影作品欣赏 35幅非常漂亮的夜景摄影作品欣赏 30幅震撼的精美高速摄影作品欣赏 15幅非常精美的影子摄影作品欣赏 25幅极具创意的倒影摄影作品欣赏 迪拜明珠 迪拜明珠是迪拜第一座没有梁柱的大厦,位于朱美拉棕榈岛对面, 可以眺望壮观的阿拉伯湾景色。
这里精选了一组很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点, 拥有很多让人期待已久的新特性,特别是在移动端,Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。
全屏滚动效果是最近非常流行的网页设计形式,带给用户良好的视觉和交互体验。pagePiling.js 这款 jQuery 插件可以帮助前端开发人员轻松实现这种效果。支持所有的主流浏览器,包括IE8+,支持移动设备。
GifShot 是一个可以创建流媒体,视频或图像的 GIF 动画的 JavaScript 库。该库的客户端特性使其非常便携,易于集成到几乎任何网站。利用最先进的浏览器 API ,包括 WebRTC ,文件系统,视频,Canvas,Web Workers 和 Base 64 编码,支持超过20个选项。
极简主义正被用于几乎所有的艺术形式,极简主义的概念形成也已经很久了。极简的艺术形式被定义为消除所有非必要元素,以便让呈现原本的特色。自从万维网诞生,网页设计领域相当流行,极简主义是将内容放到最前沿,以提高可用性和提供干净的浏览体验。
ClockPicker 是国内前端开发者发布的一个时钟样式 Timepicker,可以用于 Bootstrap 和 jQuery。所有主流浏览器都支持,包括 IE9+,支持移动设备,能够在触摸屏设备很好的工作。
André Revin 使用 Illustrator 创建 iOS7 iPhone 5 的样机原型。这是一个像素完美的线框样机,可以帮助超级轻松的打造你的原型。你可以免费下载源文件,并在工作中使用。
分享一组高速摄影捕捉的水滴飞溅照片。摄影师 Corrie White 捕捉拍摄了我们都见过,但没有去真正注意到的水滴。Corrie 通过在水滴里添加颜料,利用高速摄影设备把看似简单的操作变成一些列惊人的图像。
在设计一个网站或 Web 应用程序时,你不能否认网页设计工具的重要性,这些工具有助于简化您的任务和完成您的项目。FreeIconMaker.com 是一个免费的在线图标制作工具,您也可以创建自己的模板并与他人分享。
各食品相关网站的目的是为了以最美观的方法展示他们的食物和饮料。设计师依靠巨大的吸引力的图像或视频来触发访客的胃口。此外,食品网站应该很容易使用和浏览,因此它有需要完美设计的网站,以吸引更多的顾客变得极为重要。
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 也在一些智能手机应用程序使用基于时间轴的设计,以展示他们的故事。