Quantcast
Channel: web design ledger –芒果小站
Browsing all 30 articles
Browse latest View live

13+ 开发必备的实用 Google Chrome 扩展

和 Firefox 一样,Google Chrome 可以通过使用扩展来扩充浏览器功能。如果你是 Web 开发人员,Google Chrome 附带了一套内建的优秀开发工具,减轻你的工作负担。但也有一些扩展能够在你处理任务的过程中提供更多的帮助工具。扩展的伟大之处在于,允许你执行任务,而不必像通常那样切换到另一个应用程序。你可以执行某些任务,而无需离开浏览器,节省大量的时间。 以下是 13 款实用的...

View Article



Image may be NSFW.
Clik here to view.

12 个优秀的 CSS3 按钮和菜单技巧

CSS3 正在改变我们建立网站的方式。尽管由于在一些浏览器缺乏支持,许多人仍不愿开始使用 CSS3 技术。但仍有一些人正在使用 CSS3 尝试做一些很酷的新功能和令人称奇的案例。利用 CSS3 创造按钮和菜单导航等美观的效果时,再也不会有这么多对 JavaScript 和图片的依赖。因此为了鼓励开始试验 CSS3,芒果整理收集了 12 个优秀的 CSS3 按钮和菜单技巧。 纯 CSS 实现...

View Article

Image may be NSFW.
Clik here to view.

55 款激发灵感的最小黑白网页设计

有时颜色越少,越是一个网站的最佳颜色方案。在这篇文章中,芒果为你展示 55 款激发灵感的最小黑白网页设计。它们简单优雅,能使内容熠熠生辉。 Art Directors Club of Europe Blake Allen Design Brian Hoff Brancozero The Grid System Markus Albers margaretlondon.com Designing...

View Article

Image may be NSFW.
Clik here to view.

15+ 有用的 HTML5 教程和参考手册

如果你想要查找更多关于 HTML5 的教程资料,可以参考《史无前例的 HTML5 资源参考指南》这篇文章或者检索芒果小站的 HTML5 标签索引。 和以前的 HTML 版本不同,HTML5 带给网页设计师和开发人员更多幻想新事物的能力。使用符合语义结构的特定标记,使得现在的网页更符合语义化的需求。如内建的圆角视觉元素、以及对拖放式交互的原生支持。尽管 HTML5...

View Article

Image may be NSFW.
Clik here to view.

26 款免费的渐进式试验字体

设计是不断变化和前进的。然而版面设计方面似乎一直在抗拒这种进展,因为版面设计多年来已经形成一套设计标准。这些规则都是出于一个原因 – 以确保清晰的字母和单词。但是有时规则必须打破,因此对于这一点,芒果收集了 26 款免费的渐进式试验字体。这些字体可能打破了传统版面设计的界限,但其结果是极有魅力的。 Rounded Cube 02 Paranoid Mod Gothic Ultras Tozuna...

View Article


Image may be NSFW.
Clik here to view.

55+ 网页设计中激发灵感的幻灯片案例

一个网站可以容纳大量信息,因此确定关键信息是否能够捕获用户注意力变得至关重要。通常良好的解决办法是,在主页上使用幻灯片突出指定内容。幻灯片的伟大之处在于能够在有限的空间内显示多份内容。此外,过渡和移动是获取用户注意的良好方式,更容易吸引用户。 幻灯片和内容切换确实已经成为网页设计的流行趋势,这得归功于 jQuery 等 JavaScript...

View Article

Image may be NSFW.
Clik here to view.

60+ 清新小巧的网页设计

清新小巧的网页设计,能有效传达给人优雅和精致的印象。这种类型的设计往往事半功倍,大量使用白色空间,让更多的内容和网页元素鲜活起来。但是这种设计并不是容易实施的,你不能单纯依赖“闪亮”效果获得视觉吸引力。因此如果你在过去挣扎于设计这类网页的话,芒果这份  60+ 清新小巧的网页设计案例,或许能够给你启发和帮助。 Sleepover, San Francisco Nicholas Cary 70/SF...

View Article

Image may be NSFW.
Clik here to view.

13+ 模拟 JavaScript 交互效果的纯 CSS 技术

在用户界面这一块,使用 JavaScript 总能创造出丰富强大的交互效果。但只需一点想象力和创造力,仅仅通过 CSS 也可以实现相同类型的效果。以下是 13+ 模拟 JavaScript 交互效果的纯 CSS 技术,使我们不再用单一的方式实现需要的交互。你会发现,这些技术有些是非常有用的,而有些则证明能用纯 CSS 更为简单地实现。 如何使用纯 CSS 创建宝丽来相册 使用 CSS3 创建...

View Article


Image may be NSFW.
Clik here to view.

20 款最佳 WordPress 电子商务主题

强大的 WordPress 平台无所不能,创建电子商务应用当然也不在话下。有大量可用的主题能够帮助卖家获取目标客户。芒果这篇 20 款最佳 WordPress 电子商务主题,同时包括免费及收费主题、用于不同细分市场的店面模板等。 1. Store Store 模板是一款强大的电子商务主题,具有很好的前瞻性和功能接口,易于安装并且维护方便。支持售前咨询和售后客户支持服务。 2. Ecommerce...

View Article


Image may be NSFW.
Clik here to view.

50+ 激发灵感的红色网页设计

芒果这篇文章的重点是关于红色系网页设计。红色是一种极具魅力、温暖大胆的色彩。红色可以有很多涵义,其中有些甚至是相互矛盾的,例如爱和愤怒。不管红色在设计中如何被使用,有一点可以肯定的是 – 它绝对可以引起人们的注意。事实上很多研究表明,红色会导致人的呼吸率和血压增加。请阅读这篇 50+ 激发灵感的红色网页设计,以更好地增强红色所赋予的内涵。 McMillers Sweets Emporium...

View Article

Image may be NSFW.
Clik here to view.

20+ 简洁优雅的字体设计

20+ 简洁优雅的字体设计是一份来自 Web Design Ledger 的字体收集,质量不错,完全免费,适用于简洁的界面设计。有一些需要注册获得,但是也很值得。 XXII Menga Circula Medium Gnuolane Regular Expressway Regular Raleway Balham Sertig Edelsans Candella Acid Cicle Tertre...

View Article

Image may be NSFW.
Clik here to view.

10 款可打印的免费线框网页模板

芒果的这篇文章收集了 10 款可打印的免费线框网页模板,帮助你使用线框草图开始工作。 纸质浏览器 iPhone 应用程序的素描模板 v1.3 六页模板 线框模板 iPad 应用程序素描模板 v1 iPhone 线框素描模板 iPhone 应用线框模板 Concept7 素描网格纸 纸质线框模板 960 网格系统 960 网格系统官方主页:http://960.gs 英文原稿:10 Free...

View Article

Image may be NSFW.
Clik here to view.

34 款激发灵感的 iPad 应用网站

众所周知,iPad 着实又让苹果火爆了一把,iPad 已经成为茶余饭后炙手可热的话题。芒果的这篇文章收集了 34 款激发灵感的 iPad 应用网站,也许能帮助你找到一些设计上的灵感。 Sorted Spreads HelvetiNote GlobeConvert Mixr Course Notes SousChef Digital Post Granimator Jumbalaya Square...

View Article


Image may be NSFW.
Clik here to view.

11+ 新鲜的高质量免费字体

这篇文章收集了来自著名设计站点 Web Design Ledger 的 11+ 新鲜的高质量免费字体。 Matilde Color Lines SayTwo Lintel Regular Teardrop Ubuntu League Script Espinova Nosa Regular Melbourne OricNeo Tenderness 英文原稿:11 Fresh High-Quality...

View Article

Image may be NSFW.
Clik here to view.

35 款应用 HTML5 的网站案例

2010 年是 HTML5 如火如荼的一年,浏览器行业给力的发展,技术的更新,无疑给 Web 带来了更为宽阔的未来。这里是来自 Web Design Ledger 网站的 35 款应用 HTML5 的网站案例,值得学习和收藏。 Michael Acevedo html5.iaraby.com vtech Ben the Bodyguard Ostragoth Publishing Wantist...

View Article


13+ 开发必备的实用 Google Chrome 扩展

和 Firefox 一样,Google Chrome 可以通过使用扩展来扩充浏览器功能。如果你是 Web 开发人员,Google Chrome 附带了一套内建的优秀开发工具,减轻你的工作负担。但也有一些扩展能够在你处理任务的过程中提供更多的帮助工具。扩展的伟大之处在于,允许你执行任务,而不必像通常那样切换到另一个应用程序。你可以执行某些任务,而无需离开浏览器,节省大量的时间。 以下是 13 款实用的...

View Article

Image may be NSFW.
Clik here to view.

12 个优秀的 CSS3 按钮和菜单技巧

CSS3 正在改变我们建立网站的方式。尽管由于在一些浏览器缺乏支持,许多人仍不愿开始使用 CSS3 技术。但仍有一些人正在使用 CSS3 尝试做一些很酷的新功能和令人称奇的案例。利用 CSS3 创造按钮和菜单导航等美观的效果时,再也不会有这么多对 JavaScript 和图片的依赖。因此为了鼓励开始试验 CSS3,芒果整理收集了 12 个优秀的 CSS3 按钮和菜单技巧。 纯 CSS 实现...

View Article


Image may be NSFW.
Clik here to view.

55 款激发灵感的最小黑白网页设计

有时颜色越少,越是一个网站的最佳颜色方案。在这篇文章中,芒果为你展示 55 款激发灵感的最小黑白网页设计。它们简单优雅,能使内容熠熠生辉。 Art Directors Club of Europe Blake Allen Design Brian Hoff Brancozero The Grid System Markus Albers margaretlondon.com Designing...

View Article

Image may be NSFW.
Clik here to view.

15+ 有用的 HTML5 教程和参考手册

如果你想要查找更多关于 HTML5 的教程资料,可以参考《史无前例的 HTML5 资源参考指南》这篇文章或者检索芒果小站的 HTML5 标签索引。 和以前的 HTML 版本不同,HTML5 带给网页设计师和开发人员更多幻想新事物的能力。使用符合语义结构的特定标记,使得现在的网页更符合语义化的需求。如内建的圆角视觉元素、以及对拖放式交互的原生支持。尽管 HTML5...

View Article

Image may be NSFW.
Clik here to view.

26 款免费的渐进式试验字体

设计是不断变化和前进的。然而版面设计方面似乎一直在抗拒这种进展,因为版面设计多年来已经形成一套设计标准。这些规则都是出于一个原因 – 以确保清晰的字母和单词。但是有时规则必须打破,因此对于这一点,芒果收集了 26 款免费的渐进式试验字体。这些字体可能打破了传统版面设计的界限,但其结果是极有魅力的。 Rounded Cube 02 Paranoid Mod Gothic Ultras Tozuna...

View Article
Browsing all 30 articles
Browse latest View live




Latest Images