随笔分类 - 原创翻译
翻译作品
摘要：extractCSS 是一个免费的基于 Web 的应用程序，能够从 HTML 中提取风格相关的信息，包括 id、class 和内联样式，而且输出可以定制（缩进和括号的用法）。该工具非常有用，当我们快速创建一个使用了内联样式的 HTML 文件时，如果要分离就会很方便。
阅读全文
摘要：在这里，我们向大家呈现一些有用的和免费的 Android 用户界面 PSD 素材。由于 Android 市场迅速增长，设计人员和开发人员正在寻找一些快速和容易的方法来创建 Android 友好的应用和网站。免费的 PSD 资源可以帮助设计人员和开发人员节省时间和提高工作效率。
阅读全文
摘要：这篇文章，给大家带来的同样是字体在网页设计中的使用案例展示。除了图像上的文字使用之外，还有很多其它的在网页设计制作漂亮的印刷字体的选择。从干净简单的设计到丰富多彩的设计，众多的灵感能够激发你的想象力。
阅读全文
摘要：计师使用精致的充满吸引力的宽屏图片作为背景，给来网站带来一种别样的特色。现在网络上有成千上万的图片可供选择，根据您的设计和需求，你可以把普通图像变成一个功能强大的工具，以吸引你的客户。让我们来仔细看看这些自然景观风格的网站，展示了户外的唯美。这种网站看起来很环保很清新，即使他们卖的产品或服务不与大自然相关，但在数字网络世界，这种风格创建了一个大的反差。
阅读全文
摘要：传统的涂鸦艺术家一般使用油漆来实现自己的作品，“街头艺术”包含了许多其他的媒体和技术，包括：LED艺术，马赛克瓷砖，壁画，模板艺术，贴纸艺术，街头雕塑，街道装置，视频投影等等。投影到大型城市建筑形式的涂鸦是一种新的媒体形式，越来越流行。
阅读全文
摘要：有什么更好的方式来显示您的应用程序的外观和感觉呢？你看了这些设计示例之后就会有灵感了。无论是在 iPhone，iPad，Android，还是在桌面应用程序或网站，这些设计都增加了一些视觉上的吸引力，并有助于使您的 APP 的着陆页面（Landing Page）看起来更聪明，更专业。
阅读全文
摘要：在页面中引入 Pace.js 和您所选择主题的 CSS 文件，就可以让你的页面拥有漂亮的加载进度和 Ajax 导航效果。不需要挂接到任何代码，自动检测进展。您可以选择颜色和多种效果，有简约，闪光灯，MAC OSX，左侧填充，顶部填充，计数器和弹跳等等。
阅读全文
摘要：计师使用精致的充满吸引力的宽屏图片作为背景，给来网站带来一种别样的特色。现在网络上有成千上万的图片可供选择，根据您的设计和需求，你可以把普通图像变成一个功能强大的工具，以吸引你的客户。让我们来仔细看看这些自然景观风格的网站，展示了户外的唯美。这种网站看起来很环保很清新，即使他们卖的产品或服务不与大自然相关，但在数字网络世界，这种风格创建了一个大的反差。
阅读全文
摘要：Semantic UI 是一个 UI 库，使前端开发更简单，更容易学习。Semantic UI 介绍了许多界面元素。在大多数情况下，只有你需要的元素建立一个自定义的构建可能是最好的。 UI 组件分为四大类，范围从最小到最大的范围分为：用户界面 UI 元素集合，UI 模块和用户界面视图。
阅读全文
摘要：在网页设计中使用醒目的色彩，无疑是让您的网站彰显个性并获得的注意力的一个很好的方式。正确的使用颜色组合是一个挑战，但做得好的话可以有很大的影响。这里收集了12个美丽的使用醒目色彩的网站作品示例，设计师们并不避讳使用一些大胆和鲜艳的色彩，相信能带给你一些灵感。
阅读全文
摘要：设计网站时，将要使用的图像在一开始通常还不存在，这个时候布局是最重要的。然而，图像的尺寸通常是预先设置，实用一些占位图像可以帮助我们更好地预览和分析布局。现在有免费的占位图片自动生成工具可以使用，而不是手动创建这些占位符图像，可以节省我们的时间。这里向大家推荐8款 Web 开发中很实用的占位图片生成工具。
阅读全文
摘要：传统的涂鸦艺术家一般使用油漆来实现自己的作品，“街头艺术”包含了许多其他的媒体和技术，包括：LED艺术，马赛克瓷砖，壁画，模板艺术，贴纸艺术，街头雕塑，街道装置，视频投影等等。投影到大型城市建筑形式的涂鸦是一种新的媒体形式，越来越流行。
阅读全文
摘要：卡尔·华纳在伦敦的工作室里创建这些很棒的食物风景，在那里它们是建立在为特定目的建造的大型三角台面之上。这个过程是非常耗费时间，而食物在灯光下会迅速枯萎，拍摄场景从前台到后台和天空层。然后，每个元素都被放在一起，再到后期制作以实现最终的图像。
阅读全文
摘要：Screenfly 让你能够在各种设备的屏幕和分辨率下查看你的网站。输入网址，并点击GO开始浏览网页。Screenfly 可以使用代理服务器来模拟设备，当您查看您的网站，代理服务器模仿您所选择的设备的用户代理字符串。
阅读全文
摘要：快速，安全，响应式，互动和美丽，这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能，允许开发人员和设计师创建应用程序和网站，带给用户桌面应用程序的速度，性能和体验。这里推荐的优秀 HTML5 框架和开发工具可以帮助你开发项目更快，更容易。推荐阅读：《推荐25款很棒的 HTML5 开发框架和开发工具【上篇】》
阅读全文
摘要：Bootstrap Magic 是一款基于 Bootstrap 和 AngularJS 的主题创建工具。您可以轻松地创建您自己的 Twitter Bootstrap 主题，可以立即看到你的内容变化。您还可以添加来自 Google Webfont 的很棒的网页字体。
阅读全文
摘要：字体绝对是每一个设计非常重要的部分，设计者总是希望有最好的免费字体，以保持他们字体库的更新。所以今天我要向设计师们分享一个专业的免费英文字体集合。这些免费的字体是适用于任何类型的图形设计：Web，打印，动态图形等，也能完美的用于其他项目，如海报和标志。
阅读全文
摘要：Parallax.js 是一个简单的，轻量级的的视差引擎，能够对智能设备的方向作出反应。在没有没有陀螺仪或运动检测硬件可用的时候，使用光标的位置来代替。有很多的行为，你就可以设置为任何给定的视差实例。这些行为既可以通过在标记中指定的数据属性或通过构造函数 和 JavaScript API 调用。
阅读全文
摘要：Animo.js 是一个功能强大的小工具，用于管理 CSS 动画。它的特色功能包括像堆栈动画，创建跨浏览器的模糊，设置动画完成的回调等等。Animo 还包括惊人的 animate.css，为您提供了近60个美丽的动画，还加入了一些辅助动画到库中。
阅读全文
摘要：最近，你会发现大家都在讨论扁平化网页设计。每个人都想要它，因为它很酷，因为它是目前的趋势。扁平化设计，因其简单性和关注用户，去除了很多网站的不必要的元素，例如沉重的背景图片，渐变，斜面和其他一切使空间杂乱的东西。在这篇文章中，你可以看到30个华丽的扁平化网页设计作品，我敢肯定你会喜欢这个集合。
阅读全文