既然选择了远方,便只顾风雨兼程。
暂时未有相关通用技术能力~
阿里云技能认证
详细说明作为一个网页设计师,需要经常去关注优秀的网站作品,获取创作灵感,掌握最新的设计趋势。在这个竞争激烈的就业市场,个人作品集网站是最好的求职工具。因此,设计师们都竭尽所能设计一个有创造性的个人作品展示网站,期望给访客留下深刻的印象。
每天都有很多新的网站推出,其中不乏一些设计优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。
Chance 是一个基于 JavaScript 的随机数工具类。可以生成随机数字,名称,地址,域名,邮箱,时间等等,几乎网站中使用的任何形式的内容都能够生成。这个随机数工具可以帮助减少单调的测试数据编写工作,特别是编写自动化测试的时候。
最新发布的 iOS 7 抛弃了曾经倍受追捧的拟物化设计,采用扁平化,极简设计的界面。对于 iOS 平台来说,采用没有阴影的平面设计其实是有道理的。以前的屏幕分辨率有限,必要的阴影可以填补小尺寸,分辨率低的图标不清晰的缺点。
这是一款非常棒的图片对比工具,能够方便的应用到你的网站中。其基本思路是把两张图片层叠在一起,当你拖动滑竿的时候,利用 CSS clip 裁剪图片,进行形成视觉对比效果。 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 HTML Inspec...
WebGL 技术允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 元素提供硬件 3D 加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。
使用 CSS,你能够以极高的效率和易用性创造出美丽的设计。而目前流行的 CSS3 技术更加强大,能够创造更多丰富的效果和功能,而不需要任何外部插件。今天,我为大家收集了25个很有用的 CSS 教程,技术和资源,能够帮助你提高技能。
作为一个网页设计师,需要经常去关注优秀的网站作品,获取创作灵感,掌握最新的设计趋势。在这个竞争激烈的就业市场,个人作品集网站是最好的求职工具。因此,设计师们都竭尽所能设计一个有创造性的个人作品展示网站,期望给访客留下深刻的印象。
Smint 是一款用于实现单页风格网站的 jQuery 导航插件,包含两部分:固定在页面顶部的精美导航条和能够在你点击的时候自动滚动到对应内容的菜单按钮。Smint 使用非常简单,只有一个参数用于设置页面滚动的速度,默认是 500 毫秒,你可以设置为需要的任何值。
每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。
Manifesto 是一个 HTML5 离线应用程序缓存校验工具,提供了快速校验 HTML5 manifest 文件有效性的方法。离线应用程序缓存在使用中最困难的部分之一就是无法正常工作的时候没有明显的特征,因此不容易被发现。
Cardinal 是一个适用于移动项目的 CSS 框架,包含很多有用的默认样式、矢量字体、可重用的模块以及一个简单的响应式模块系统。Cardinal 提供了一种在多种移动设备上实现可伸缩的字体和布局的新方法,值得关注。
《Web 前端开发精华文章推荐》2013年第五期(总第十七期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
我们中的许多人都对新发布的 iOS 7 用户界面有点失望。扎眼的颜色搭配,难看的图标和可疑的设计决策,导致很多的设计师在 Dribbble 和 Behance 等社交网站分享自己对 iOS 界面设计的诠释。
Hashslider 实现了常见的 jQuery 滑块的功能,特别之处在于给 URL 加上了标签,因此你能够连接到滑块的某块内容。滑块的内容也可以从外部的 HTML 文件获取。 您可能感兴趣的相关文章 经验分享:10个简单实用的 jQuery 代码片段 HTML Inspector ...
曾经有一段时间,惯用的做法是尝试把所有的内容放在一屏里面。但现在,网页设计师和开发人员都喜欢内容滚动的设计,并以此为契机,实现浮动的背景显示,元素动画,以及其他页面滚动的基础上实现的聪明的效果。因此,这篇文章和大家分享18个滚动技术应用得出神入化的网站。
这个使用 CSS 3D Transforms 实现创意书本效果的来自 Codrops 网站。你可以看到两种类型的书设计:精装书和平装书。这两个效果都可以很容易地使用 CSS 修改。赶紧体验一下吧。
使用大图片背景是定义网站基调和风格的一种简单方式,使用这种设计的网站越来越多。为了让大背景图片能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱无章,反而适得其反。
艾库特·耶尔马兹,是土耳其伊斯坦布尔的一位高级艺术总监,他向大家分享了一套美丽的现代 UI 工具包,你可以免费下载。所以,你可以使用这个优秀的素材设计视觉互动和有吸引力的用户界面。 此 UI 套件提供的是 PSD 格式,方便修改。
Popline 是一个基于 HTML5 实现的富文本编辑器工具栏,设计灵感来自 PopClip ,相比传统的文本编辑器工具,Popline 能够浮动在编辑的文本周围,操作起来十分方便。 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 HTM...
单页网站如果设计得当,是一个把所有的内容放到前沿和中心很好的方式,能够增加访问者看到它的机会。因此今天,我们收集了一组非常出色的单页网站来推荐给大家。如果大家想了解这些精美网站是如何实现的,可以看我之前分享的文章《谈谈构建单页布局网站的创意技术》。
Minimit Anima 是一个实现 CSS3 Transforms 和 Transitions 动画的 jQuery 插件。基于硬件加速的 CSS3 动画执行更快,而且它有一个类似于 jQuery 动画的 API。
Webydo 是一款专业的在线建站应用,使平面设计师可以创建和管理 HTML 网站,而无需编写代码。设计人员可以设计任何类型网站,只需要点击按钮,就能够发布先进的 HTML 网站。 你可以控制所有的设计组件,如:元素的位置,字体和版式,背景,图像,指引等,拖放控制使您可以轻松地上传元素,如:图片,视频,表格,链接等。
S Gallery 是一款响应式的 jQuery 相册插件。使用了 HTML5 全屏 API 以及 CSS3 动画 和 CSS3 转换,所以只能在支持这些功能的浏览器中使用。 这款插件它有一个特色功能:退出幻灯片模式回到网格视图模式,最后一张活跃的图片会以动画形式回到网格视图中的初始位置,因此用户知道他们浏览到画廊中的哪张图片上。
CSS 可以实现很多你想不到的效果,今天我们来尝试使用 CSS 实现各种球体效果。有两种方法可以实现,第一种是使用大量的元素创建实际的 3D 球体,这种方法有潜在的性能问题;另外一种是使用 CSS3 渐变和阴影特性来实现,实现方法简单,效果精美。
MasonJS 插件用来解决目前大多数的网格系统使用中的问题——间距。当使用 Masonry,Isotope 或任何其他网格插件时,布局中会出现空白或边缘参差不齐的情况。MasonJS 可以帮助你填补这些布局中的缺口。
GistBox 用简便的方式来组织和管理代码片段。你的代码会保存到云端进行备份,再也不用担心迷失在杂乱的代码片段中。GistBox 是建立在标准的 HTML5 技术基础上。在旅途中或在办公室,你都可以使用 GistBox。
Ladda 是一组集成了加载提示的按钮,以弥合行动和反馈之间的时间间隔,提供更好的功能使用体验。主要用于在用户点击提交之后,向用户提供即时的反馈,让他们知道浏览器正在处用户提交的任务。 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 HTM...
CSS3 不仅仅用作界面效果补充,还可以用来替换传统的一些界面实现,而且效果更酷。Effeckt.css 收集了众多精妙的 CSS3 Transitions & Animations 效果应用,例如:弹窗、按钮、导航、列表、页面切换等等。
Screensiz.es 帮助您快速找到目前市场上最流行的设备和显示器的屏幕规格。尺寸数据来自维基百科,使用更好理解的像素密度。流行度推算自 Google 查询(从 AdWords 流量估算),以及一些模糊数学算法。
广告设计的关键在于如何让用户对推介的产品留下深刻的印象。在这个集合中,你会发现30个别具创意的科技广告,相信你可以得到一些灵感创意,你知道它们都是些什么产品的广告吗? 您可能感兴趣的相关文章 10套华丽 Windows8 Metro 风格图标 25个以全屏照片为背景的精美网页作品 ...
Clipping Magic 让您轻松去除图片的背景,可以根据路径进行裁剪。操作很简单,只需拖动图像到放置区,或使用按钮选择文件。标记前景为绿,背景为红色,然后标记算法会帮助你处理好细节。处理后的图片链接可以共享,以避免需要通过电子邮件发送大尺寸文件。
PopEasy 是一款轻量的 jQuery 插件,可以帮助开发人员容易的创建效果精美的模态窗口。PopEasy 在主流浏览器中都能够正常工作,同时兼容 IE 7 哦。 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 HTML Inspect...
MontageJS 可以帮助您构建高可扩展性和可维护性的 HTML5 应用。有了 MontageJS,开发人员可以创建可重用的用户界面组件和模块,组件和控制器之间的绑定属性,并且同步 DOM 查询和更新,以确保流畅的用户体验。
在 iOS 7 发布不久,Teehan & Lax 就发布了 iOS 7 GUI PSD 模板。该网站分享众多 PSD 模板素材,这些精美的 PSD 界面模板在制作界面原型非常有用,能够帮助设计师节省大量的时间和精力,赶紧去下载吧。
图标字体简单来说就是外观呈现为图标的字体,同时具有矢量图形的特征,在不同的设备上使用图标的时候就不用加载不同尺寸的图片文件,能够减少 HTTP 请求数,提高页面加载速度。 IconVault 这款在线生成工具让你可以轻松创建自定义图标字体,选择图标文件夹,点击生成即可。
Pure 是一组轻量的,响应式的 CSS 模块,您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用,保持文件体积尽量小,每行 CSS 都进行了仔细的考虑。 Pure 基于 Normalize.css 构建,并提供布局以及 原生 HTML 元素的风格,加上最常见的 UI 组件。
HTML Inspector 是一款代码质量检测工具,帮助你编写更优秀的 HTML 代码。HTML Inspector 使用 JavaScript 编写,运行在浏览器中,是最好的 HTML 代码检测工具。
Tourist.js 是一个基于 Backbone 和 jQuery 开发的轻量库,帮助你在应用程序创建简单易用的操作指南和导航功能。相比网站,它更适合用于复杂的,单页网站类型的应用程序。Tourist.js 能够灵活控制的每个步骤的界面。
类似微软 Metro UI 界面的扁平化设计是平面设计领域的新趋势,它去除了传统的阴影,纹理和渐变模式的界面,崇尚纯色,简洁的布局和清晰的排版。越来越多的人喜欢这种简约、大方和充满现代气息的设计。 下面我为大家收集了20套精美的扁平化设计素材和资料,相信你会喜欢。
在 Web 开发中,经常会需要一些测试数据来测试接口或者功能时候正确。JSON Generator 就是这样一款生成随机 JSON 数据的在线工具,Web 开发人员必备,记得收藏和分享啊。 您可能感兴趣的相关文章 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 T...
Sylius 项目提供了一个完整的电子商务解决方案。您将学习如何掌握它,帮助你在下一个项目中能够更快速的开发。Sylius 提供了一个完整的在线商店演示:demo.sylius.com。 您可能感兴趣的相关文章 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Tr...
Codrops 分享了漂亮的模态窗口效果实现方法,希望给前端开发人员提供一些创新显示对话框的启示。这个方案使用了触发按钮(或任何的 HTML 元素),在点击的时候出现一个模态窗口,带有简单的过渡(或动画)。
Cytoscape.js 是一个开源的 JavaScript 图形库,您可以使用 Cytoscape.js 进行数据分析和可视化。Cytoscape.js 可以轻松的继承到你的网站或者 Web 应用中,实现交互的可视化图形。
Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页面,包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。
Unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。Unicode Character Table 包含常见语言的字符和可打印的符号字符,字符提供了 HTML 代码,名称/描述和相应的打印符号。
《Web 开发最有用的50款 jQuery 插件集锦》系列文章向大家分享最具创新的50款 jQuery 插件,这些插件分成以下类别:网页布局插件,导航插件,表格插件,滑块和转盘插件,图表插件,图片特效插件,视频插件等等,将陆续分享给大家,记得关注和收藏啊。
Aristochart 是基于 HTML5 Canvas 的折线图功能库,具有高定制性和灵活性的特点。Aristochart 会帮助你处理图形显示,让你能够专注于业务逻辑处理。 您可能感兴趣的相关文章 分享2012年最经典的10款 HTML5 游戏 8个惊艳的 HTML5 和 Jav...
运营网站并不是一件容易的事情,站长需要紧盯网站的每一个页面,确保所有的页面都能正常工作。然而难免出现意外情况,如果网站出现页面链接打不开,网站管理员应该主动,创造性地告知访客,让他们再次重定向到该网站的主页。
FROONT 是一个基于 Web 的设计工具,在浏览器中运行,使得各类可视化设计的人员都能进行响应式的网页设计,即使是那些没有任何编码技能的设计师。FROONT 使得响应式网页设计能够可视化操作,能够在浏览器中使用直观的拖放工具进行设计。