我想网 » Translate

演示使用HTML5+CSS3实现所展示的强大的力量。现实中的新案例又有出现了不少，于是我又再次发布了该类主题的这篇文章！请确保您的浏览器最好是最新的版本，最好是Safari或者Chrome。如果您错误了我以前介绍的关于HTML5+CSS3实现的案例，那么千万不要再错过本文，如果您有好的案例，那么就请分享给我们吧，请留下您宝贵的评论！

Slidenafill
GoogleBox
Page Flip
Bar Chart
Solar System
Colourful Clock
CoverFlow
Leaves
Bokeh
3D Bar Chart
A Tribute to the Beatles
Pacman
Coke Can

This isn’t made with CSS3 nor HTML5, it’s CSS1/2! Pretty amazing concept.

Feed enhanced by Better Feed from Ozh

35个 jQuery的动画教程

seasun — Sat, 17 Jul 2010 05:26:23 +0000

创意设计人员可以利用JQuery做一些惊人的事情。实现各种各样的动画效果都是可能的，这里提供的35个JQuery教程就是为想在这方面获得技能提升的任何人最好的学习资源。你会发现一些创建动画导航菜单的教程，及使用JQuery实现不以来Flash也可以实现的动画效果。Enjoy it！

Animate Image Filling Up Using jQuery

Animate Curtains Opening with jQuery

Building an Animated Cartoon Robot with jQuery

jQuery Animations: A 7-Step Program

jQuery and CSS Sprite Animation Explained in Under 5 Minutes

Fun with jQuery’s Animate () Function

Animate a Hover with jQuery

How to Create a “MooTools Homepage” Inspired Navigation Effect Using jQuery

Crafting an Animated Postcard with jQuery

How to Create a Drop-Down Nav Menu with HTML5, CSS3 and jQuery

Creating a Polaroid Photo Viewer with CSS3 and jQuery

Quick Tip: Easy Sequential Animations in jQuery

Build an Incredible Login Form with jQuery

Learning jQuery: Revealing Photo Slider

Using jQuery for Background Image Animations

Animated Menus Using jQuery

Create a Cool Animated Navigation with CSS and jQuery

Animated Drop Down Menu with jQuery

How to Load In and Animate Content with jQuery

Puffing Smoke Effect in jQuery

How to Make an Impressive Animated Landscape Header with jQuery

Make an Animated Alphabet Using Keypress Events in jQuery

How to Make a Smooth Animated Menu with jQuery

Sliding Boxes and Captions with jQuery

Create a Realistic Hover Effect with jQuery

Glimmer “Freestyle” Animations

Create a Funky Parallax Background Effect Using jQuery

Create a Stunning Sliding Door Effect with jQuery

How to Build an Animated Header in jQuery

Create a Unique Gallery by Using Z-Index and jQuery

jQuery UI Animation Effects

Animate Your Message Boxes with jQuery

Sexy Opacity Animation with MooTools or jQuery

Controlling Animation Timing in jQuery

Methods for Animation Effects with jQuery 1.4

Feed enhanced by Better Feed from Ozh

10个迷你且清爽的免费WordPress主题

seasun — Fri, 09 Jul 2010 15:16:42 +0000

对于网站所有者而言，WordPress无疑已经成为内容管理系统的最佳选择。对于产生这种选择的原因有很多，但有一个因素是肯定的–可使用的主题可以找到很多，而且有许多的功能插件。互联网上有很多该类的主题，但我最喜欢的是简约风格的设计，会使人觉得内容也是可以说话的。如果您也恰好正在寻找简约风格的WordPress主题，那么您很幸运，这里为您找到的是10个免费的WordPress主题。

40个激发灵感的美味餐厅类网站设计

seasun — Fri, 09 Jul 2010 05:14:46 +0000

餐厅类型的网站也是可以找到很多鼓舞人心的设计的好地方，也很能检验当前的设计是否可以以最恰当的方式显示照片的好方法。由于主要内容都是关于餐厅的美食－至少它们的确就是这些－应该没有比显示漂亮的美食更能体现他们的特色的了。因此，在本篇文章中，我们收集了这40个激发灵感的美味餐厅类网站设计。从中你会发现，这些餐厅的网页设计中，他们总是可以将用户的焦点通过不同的方式集中在食物上。无论是一张完整的背景图或者是幻灯片，与图片相关的都是关于食物。嗯，我们开始吧，享受这一时刻美妙的设计所能带来的美丽时刻吧，记住，有时图片比千言万语都要更好。

Marie Catribs

Culinaria

TasteSpotting

The Noodle Box

PizzaExpress

McDonalds

Aqua Italia

San Diego Brewing

Twelve Restaurant

Chez Gerard

Nuevo

Veda

Brooklyn Fare

FIG

Ruby Tuesday

Jake’s

Hoddows

Hunan Gourmet

springhill

Restaurant El Amigo

isle

Le 28Thiers

The Little Cake Parlour

Cannolificio Mongibello

La Masa Mimatta

Pic Fresh

Giraffe

Sesame

Choga NYC

Giannis Steakhouse

Osaki

Alley Pfannekuchen

Back Yard Burgers

MoNkEyNuTs

Olive Garden

Daimu

Charlie Browns

Gibsons Steakhouse

Auberge de lill

Saf Restaurant

参考来源:

About the Author

Gisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: Porto Alegre, RS – Brazil. Twitter: @gismullr

Feed enhanced by Better Feed from Ozh

50个表单功能，验证，安全和自定义化的jQuery插件

seasun — Thu, 08 Jul 2010 14:16:17 +0000

http://speckyboy.com/2010/06/22/50-jquery-plugins-for-form-functionality-validation-security-and-customisation/

http://www.iwanna.cn/archives/2010/06/23/4164/

说实话，填写表单总是件很痛苦的事。那么对于开发者而言呢？可以创建一份表单说他们而言是件更为痛苦的事。没有人真正会喜欢他们，对于开发者而言，当涉及到表单开发时最困难的挑战并非仅仅在于创建一份简单且快速为用户所接受使用，但也必须是尽可能地方便且使用。这的确是相当的不容易啊。

本篇文章中，我们已经收集了50个JQuery插件以帮助您建立强大的表单。今后如果您碰到任何关于表单的解决方案，想必您会从这里找到您JQuery方案。

表单功能插件

Elastic – Make your textareas grow

这个jQuery插件让你textareas表单域增长和缩小，以适应它的内容。它的灵感来自于Facebook 的 textareas 域。
Elastic – Make your textareas grow »

jQuery “Highlight” Plugin

高亮区可以提高表单的可用性，突出页面上的交互元素。其主要是在表单中使用，但它也可用于表格，列表，或任何您指定的元素。
jQuery “Highlight” Plugin »

Autotab: jQuery Auto-Tabbing and Filtering

Autotab是一个jQuery插件，它提供的自动切换和过滤表单域中的文本域。一旦输入的字符串达到了已定义的文本长度，它会自动切换到自动设置的目标元素。
Autotab: jQuery Auto-Tabbing and Filtering »

Ajax Fancy Captcha

Ajax Fancy Captcha通过新页面帮助您保护页面远离机器人及垃圾邮件发送者的攻击，仅仅是通过很“人性化的验证”实现。这是通过将指定项拖拽到一个圆圈中实现的。
Ajax Fancy Captcha »

jQuery NobleCount

NobleCount可以动态地将textarea域中剩余字符的数目显示在本文中，Twitter风格。
jQuery NobleCount »

Password Strength Indicator and Generator

Password Strength Indicator and Generator 插件允许您设置元素的类，这样您就可以图形化显示密码的强度。
Password Strength Indicator and Generator »

FormToWizard Plugin

FormToWizard 插件允许您以“依次向左”的步骤实现表单信息提交。
FormToWizard Plugin »

Sliding Labels – jQuery Form Plugin

Sliding Labels – jQuery Form Plugin »

ToggleVal

ToggleVal会让您选择以不同的方式来填充表单文本字段（某些不同的方式），当接收和失去焦点的时候会自动切换至默认值。
ToggleVal »

jQuery AlphaNumeric

jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.
jQuery AlphaNumeric »

Form Encyription and Password Security

jCryption

jCryption is a JavaScript HTML-Form encryption plugin, which encrypts the POST/GET data submitted by forms.
Normally, when you submit a form, data will be sent in plain text if no SSL is used. But SSL is not supported by every webhost nor it’s easy to install/apply at times. So in this situation the jCryption plugin helps you to encrypt your data with ease.
jCryption »

Password Validation Plugin

This plugin offers a function that rates passwords for factors like mixed upper/lower case, mix of characters (digits, special characters), length and similarity to a username (optional) and gives a custom method for the validation plugin that uses the rating function to display a password strength meter, requiring the field to have a “good” rating.
Password Validation Plugin »

Password Strength – Estimates brute force time

Password Strength tries to calculate how many possibilities the hacker needs to try to guess your password. It makes the assumption that it is possible to test 2800 million passwords per second.
Password Strength »

Password Strength Meter v2

The Password Strength Meter works by presenting a global variable score and at the end of the algorithm the plugin will decide the passwords strength according to the score value.
Password Strength Meter v2 »

Form Mask Plugin

Masked Input Plugin

The Masked Input Plugin allows a user to easily enter fixed width input fields where you would like them to enter the data in a certain format (dates,phone numbers, etc).
Masked Input Plugin »

autoNumeric()

autoNumeric() is a flexible International numeric formatter, that will automatically place a thousand separator as you type and supports nine different rounding methods.
autoNumeric() »

Form Upload Plugins

AJAX Upload

AJAX Upload allows you to easily upload multiple files without refreshing the page and can use any element to show the file selection window.
AJAX Upload »

jqUploader: jQuery Plugin for File Upload and Progressbar

jqUploader is a plugin that substitutes the html file input fields with a flash-based file upload widget, allowing you to display a progressbar and percentage.
jqUploader »

Uploadify

Uploadify is a plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.
Uploadify »

jQuery Uploadprogress Plugin

This plugin will augment a standard file upload form with a transparent background upload and add a progress meter that will keep you graphically informed.
jQuery Uploadprogress »

Form Skinning and Customisation

jQuery Checkbox

The jQuery Checkbox plugin is a lightweight custom styled checkbox implementation that can also work with radio buttons.
jQuery Checkbox »

Jqtransform – jQuery form plugin

This plugin is a jQuery styling plugin which allows you to skin form elements with relative ease.
Jqtransform »

In-Field Labels jQuery Plugin

This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.
In-Field Labels jQuery Plugin »

Niceforms

Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.
Niceforms »

jNice

jNice makes it easy to style rough and simple html forms into beautiful web forms, checkboxes, input elements and selectboxes by creating custom looking form elements, that function just like normal form elements.
jNice »

Uniform – Sexy forms with jQuery

Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
Uniform »

prettyCheckboxes

prettyCheckboxes is for developers who wants to maintain a consistent style for checkboxes across all browsers. By using this script you wont loose any regular input usability.
prettyCheckboxes »

Form Select and Combo Boxes

jquery.combobox

jquery.combobox is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).
jquery.combobox »

JavaScript Image Combobox

The fully skinnable Image Combobox plugin allows you to add an icon with each option that works with your existing “select” element.
JavaScript Image Combobox »

SelectBox Plug-in

SelectBox Plug-in »

Two Sided Multi Selector

This plugin converts a multi select list into a two-sided multi-select list. This means you display a list of options in the left hand box and items you select are moved into the right hand box.
Two Sided Multi Selector »

flexselect

flexselect takes the select box, and creates a hidden input element to track the associated value and creates a text input for the selection. It uses the LiquidMetal scoring algorithm to narrow the selection.
flexselect »

Form Time and Date Pickers

jQuery.timepickr.js

jQuery.timepickr.js has been developed in a attempt to make the process of inputing time in a form as easy and natural as possible.
jQuery.timepickr.js »

DatePicker

DatePicker is a feature rich and easy to customize plugin that allows for single, multiple or range selection dates.
DatePicker »

jQuery datePicker

This is a clean, flexible and unobtrusive plugin for jQuery which allows you to easily add date inputing functionality to your web forms and pages.
jQuery datePicker »

jQuery Week Calendar

The jQuery Week Calendar plugin provides a simple and flexible way of including a weekly calendar in your application and has been inspired by other online weekly calendars such as Google calendar.
jQuery Week Calendar »

Form Auto-Suggest

AutoSuggest

AutoSuggest is a lightweight jQuery plugin that will will dynamically create all the HTML elements that is needed for turning any regular text input box into an auto-complete box.
AutoSuggest »

Autocomplete

By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.
Autocomplete »

Ajax Autocomplete

Ajax Autocomplete allows you to easily create autocomplete/autosuggest boxes for text input fields with every query result being cached and pulled from local cache for the same repeating query. If there are no results for a particular query it stops sending requests to the server for other queries with the same root.
Ajax Autocomplete »

FaceBook Like – jQuery and autosuggest Search Engine

FaceBook Like is a powerful jQuery plugin that transform an input field into a real time autocompletion search engine, designed, as the name suggests, similiar to the one on Facebook.
FaceBook LikePlugin »

Form Validation Plugins

A jQuery inline form validation, because validation is a mess

When an error needs to be displayed, this script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corners and shadows are pure CSS3 and degrade well in non compliant browsers.

Validation

The Validation plugin is one of the oldest jQuery plugins (started in July 2006) available that has proved itself due to reliabilty, ease of use and extensive docs.
Validation »

Highly Customizable Yet Simple Form Validation

With this highly customizable plugin the user can set his own class to define the rule, set events onError and OnValid for a particular class and you can also add their own effects, may be jquery animate().
Highly Customizable Form Validation »

LiveValidation – Validation as you type

LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms. Secondly, it provides your visitors with real-time validation information as they fill out forms, helping them to get it right first time.
LiveValidation »

Ketchup Plugin

Ketchup Plugin is a slim jQuery Plugin that validates your forms. It aims to be very flexible and extendable for its appearance and functionality.
Ketchup Plugin »

jTip – The Jquery Tool Tip

jTip pulls content into a tool tip using the HttpXMLRequest object. By adding a class attribute value of “jTip” to a link element you can create a tooltip from the content found in the file the href is pointing too.
jTip »

jQuery Live Form Validation

This plugin helps you to easily create form validations with high flexibility and is a packaged with a huge set of options.
jQuery Live Form Validation »

Valid8 – An input field validation plugin

Valid8 solves both simple and complex validation scenarios. Everything from a basic required field to regular expressions, ajax requests and arbitrary javascript functions.
Valid8 – An input field validation plugin »

jVal – jQuery Form Field Validation Plugin

jVal is a jQuery form field validation plugin that provides an appealing animated message flyout that doesn’t impede form layout/design while being user-friendly.
jVal »

The Original jQuery Plugin

jQuery Form Plugin

And if all of the rest of the plugins on this page can’t help, you can always rely on the original jQuery form plugin: jQuery Form Plugin »

Feed enhanced by Better Feed from Ozh

6个超级有用的印刷格式设计速查表

seasun — Thu, 08 Jul 2010 13:47:22 +0000

有些人可能认为，单方面来说，印刷格式设计跟网页设计是最为相似的，但也恰恰因为这个原因导致一些因素常常被忽视和忽略。很多人都从事于印刷排版工作，但要想成为大师级确实相当不易的。其中许多都是通过大量的工作经验、实践及对于尺寸的把握而成就的。虽然如此，很多还是得靠记忆去牢记的。因此，为了提供一些略微的印刷排版帮助，我们收集了这6个超级有用的印刷格式设计速查表。

So You Need A Typeface

Mixing Typefaces

Web Safe Font Cheat Sheet

Common fonts to all versions of Windows & Mac equivalents

CSS Typography Reference Sheet

CSS Font Shorthand Property Cheat Sheet

Feed enhanced by Better Feed from Ozh

55个简约型的网站设计实例

seasun — Tue, 06 Jul 2010 14:23:25 +0000

“少即是多”，由此而最先想到的可能就是简约设计的思想。简约的网页设计对设计师而言一直都具有很大的影响力。同时，大家又对什么样的设计才是简约型的设计一直是争论不休。但有一件事我们都是一致认同的–简单是关键。这里展示的是55个漂亮的简约型的网站设计最起码都是符合这一标准的。我们希望这些网站能够鼓舞着您。如果我们错过了一些，请留下评论。

1. Rawksteady

2. Nikolaus

3. Dgivens

4. Jessemallon

5. Mezzetty

6. Uxmarkz

7. Dustincurtis

8. Freshness

9. Philippschmitt

10. Skylaranderson

11. Interlinks

12. Birdseyedesign

13. Pandaweb

14. Shiriamram

15. Kyee

16. Projectfedena

17. Fortyone

18. Tomwahlin

19. Jezthompson

20. Davidkim

21. Visualcraftsman

22. Alanvanroemburg

23. Patrickalgrim

24. Einserver

25. Recessmobile

26. Madebyflek

27. Bunton

28. Madewithlove

29. Madebyjordan

30. Oldguard

31. Wishpipe

32. Y3k

33. Definium

34. 5-squared

35. Adamhoganson

36. Morsekode

37. Buzzgraphics

38. Sideshowpress

39. Ogvidius

40. Bedrichrios

41. Stratospheredesign

42. Larkef

43. Jackosborne

44. Yummygum

45. Symphony-cms

46. Analog

47. Hex

48. Ignacioricci

49. Inkmoda

50. Iconwerk

51. Getfinch

52. Orange-peel

53. Mykita

54. Indielabs

55. Sometimesnew

Feed enhanced by Better Feed from Ozh

36个最新漂亮的WordPress免费主题下载

seasun — Sat, 03 Jul 2010 03:27:24 +0000

博客模板永远不会让您有非常多的选择，尤其是对于常识性使用的您来说，而免费的主题往往又都是丑陋、凌乱而枯燥的；也有一些设计师们会免费提供一些您可以使用的高品质WordPress主题，您可以用来作为个人或商业项目，不受任何的限制。这里展示的是36个最佳时尚类型的免费WordPress主题，在使用之前您最好瞥一眼使用协议。

自己查看下这份列表吧，他们并不是以特定的顺序排列的。希望这套集合您会找到自己喜欢的！！

1. Creative by Nature

2. Paper Wall WordPress Theme

3. Magazeen

4. Vintage WordPress Theme

5. Irresistible

6. Mainstream

7. Milano

8. Blues

9. Gallery WordPress Theme

10. Gamezine

11. Grunge Style

12. Free WordPress Theme I Can Watch Movies

13. Imprezz

14. Imagination

15. Crafty CART

16. Freebies Dock

17. Matatag

18. ISO Therm News Magazine WordPress Theme

19. Magaling

20. Blog Theme

21. Evidens

22. One Room Free WordPress Theme

23. Old School

24.The Clam Shell

25. Scarlett

26. Meta morphosis

27. Folio Elements

28. Travelogue

29. Versatility Lite

30. Zine Press

31. Zingmag

32. Zinfolio

33. Chara Theme

34. Free { style }

35. Impulse Magazine Style Theme

36. Compositio

Feed enhanced by Better Feed from Ozh

45个强大的电子名片(V-cards)设计实例

seasun — Thu, 01 Jul 2010 15:52:05 +0000

电子名片，我们知道，商务卡(V-cards)是由Tim Van Damme最初开始使用的(综合报道所称的第一个网站使用者)。商务卡(V-cards)的主要目的是为了显示您的信息、作品集及社会网络等。Tim的创意激发了别人的灵感也纷纷仿效，创建了他们自己的简约型商务卡(V-cards)。本篇文章的目的也是希望能够借此激发您，创建属于自己的商务卡(V-cards)。为了帮助您获得有效的资源，我们提供了45个强大的电子名片(V-cards)设计实例的资源报道，慢慢欣赏吧。如果您知道我们忘了提的，请在最后留言并让我们知道吧！

Note:

如果您也希望免费创建自己的商务卡(V-cards)，可以看看 http://card.ly/。

如果您希望购买一些漂亮的模板，可以进入 http://themeforest.net 查看。

WordPress 主题中的免费资源:

1. Timvandamme

2. Alexn

3. Josh Pyles

4. Julian Wachholz

5. Avadh

6. Wine Geek

7. Maykel Loomans

8. Kevinholesh

9. Vin Thomas

10. Ivorpadilla

11. Antoney Calvert

12. JR Tashjian

13. Jakeprzespo

14. Janvanlysebettens

15. Mike Jolley

16. Liji Jinaraj

17. John Bloomfield

18. Flip Sasser

19. Thierry Castel

20. Lewin

21. Brandon Weiss

22. Davymacca

23. Chrisrowe

24. Joao Silva

25. Michael Glubokyi

26. Chriscarey

27. Jamie Calder

28. Jramsay

29. Ryan Glover

30. Mark Tyrrell

31. Joshua Rjones

32. Gaborszauer

33. Michael Villar

34. Milind Alvares

35. Maximilian Schoening

36. Florian Pichler

37. Chris Wallace

38. Rogieking

39. Matthias Kretschmann

40. Tyler Galpin

41. Aref Jdey

42. Ilina Simeonova

43. Kevin Liew

44. Lee Norris

45. Nouincolor

Feed enhanced by Better Feed from Ozh

24个创意模切名片

seasun — Thu, 01 Jul 2010 15:24:45 +0000

精心设计过的名片有助于帮助您简历自己的品牌且吸引新的客户。这个集合展示的是24个独特样式的商业名片。

M. Brady Clark Business Card

天才的标志并显示了设计师的照片的私人名片。[链接地址]

Mineral Water Business Card

非常酷的矿泉水销售员的公司名片。 [链接地址]

Ordered List Business Card

链接地址]

Mixtape Generation Business Card

手写电话号码的音频盒式磁带型名片。 [链接地址]

Orderin Business Card

门户网站食品订购的名片设计。 [链接地址]

124 Design Business Card

现代风格的折叠式模切名片设计。 [链接地址]

Reactor Business Card

来自Reactor工作室的与众不同的肖像弹出式名片设计。 [链接地址]

Lipitty Doos Business Card

Lipitty Doos新鲜薄荷的创意模切名片设计。 [链接地址]

Hair Comb Business Card

独特的摇滚乐主题名片设计。 [链接地址]

Tree Business Card

Nils von Blanc’s tree shaped air freshener inspired business card. [链接地址]

(e)Studios AQUA Business Card

Colorful die cut business card designed by (e)Studios AQUA. [链接地址]

Cafe Java Business Card

Custom shaped business cards designed to promote Cafe Java and serve as a coffee cup coasters. [链接地址]

All Wellness Business Card

Elegant die cut business card comes with stylish raised up logo. [链接地址]

Antidote X Business Card

Unique business card with elegant engraving on the black side. [链接地址]

Optimum Fotography Business Card

Custom business card with matching die cut camera and letter O. [链接地址]

Accentuate Business Card

Creative two sided business card with a die cut logo in the corner. [链接地址]

IL Panza Business Card

Clever business card designed for the IL Panza Italian restaurant. [链接地址]

Whatsup Juggling Business Card

Beautiful two sided business card die cut into 2.5 inch circles. [链接地址]

Smiley Business Card

Creative die cut business card features a smiling character. [链接地址]

Stage Business Card

Elegant business card designed for a fine dining restaurant in Hawaii. [链接地址]

Di Depux Business Card

Stylish custom shaped business card with die cut circles and hearts. [链接地址]

Microphone Business Card

Custom die cut business card designed for Chris Fisher, one of the top radio personalities in Dubai. [链接地址]

Yoga Business Card

Memorable business card designed to promote Yoga One Studio. [链接地址]

Camera Lens Business Card

Nathan Jones’ cool business cards are shaped like a camera lens. [链接地址]

Feed enhanced by Better Feed from Ozh

50个最令人叹为观止的景观摄影例子

seasun — Mon, 28 Jun 2010 15:34:04 +0000

不来翻译了，老外的前沿相差都不太大，无非都是讲些为什么会有这么一刊作品集展示的原因。大致看了下，意思是说，这期介绍的是50个最令人叹为观止的景观摄影例子，通过本文您会发现传奇的世界地理。废话不多说，请看下文。

Jakob Wagner (spectacular landscapes)

Surreal Mist

Golden Rock (via Bobby Bong)

Blues (via Brin)

In the Mist (via Michal Ostrowski)

Hraunfoss við Fimmvörðuháls!

Esjan

Kleifarvatn

The Savage Mountains (via Ian Munroe)

Awakening (via Brin)

Thor’s Well (via mm767cap)

The Wave 12

Neuschwanstein Castle (Bavaria, Germany)

North Coyote

I don’t know which place this is, but its really awesome. Click for a HUGE view.

Night (via kostomus)

Pre-dawn on Lake Manapouri, Fiordland National Park, New Zealand

Waiting for the dawn (via Sergey)

Hovering solely (via thrshr)

Sorrow

Terrigal Waves

Morning at Arches (via Bobaloo)

Mount Bromo, Indonesia (vai wirawan)

Morning Beach (via a-scene)

Quilotoa Lake (via Jean Spector)

Never Never Land (via Jarle)

To the dawn (via Andrea)

Guardians of the Glens (via John Parminter)

Morning in the Sahara (via ablok)

Balloons over Bagan (via Stefano Paganini)

Its Geology (via John Colbenson)

Shadows and Landscape (via Lars Klottrup)

End of the day (via Janusz)

Aurora Borealis (via Brin)

My Land (via Fulvio Pelligrini)

Another Day (via Matjaz)

Rough Road Ahead (via Sean McCormick)

Chopicalqui northwest ridge (via Alexandre)

Mrauku (via Jean Pierre)

Shocking Bondi (via Timothy Poulton)

Earth’s Breath (via Suryo Tutuko)

Aurora Night (via Eskil Olsen)

Spring Field, Poland (via Janusz)

Morning Dreams (via Herman Cater)

Bardenas Navarra, Spain (via Martin Zalba)

Blue Paradise (via Amir)

Pangong Tso ( via Prateek Dubey)

Well, those were the best I could find and each one of them mesmerised me and now I am more than excited to grab my Camera and start capturing some amazing landscapre. But before I do that, I would love to learn some tricks which will help me enhance my results. Here are a few links which will really help you improve your skills in Landscape Photography:

1) 11 Surefire Landscape Photography Techniques

2) How to capture Stunning Fine art Landscape Photographs

3) Killer Techniques for Shooting in Natural Light

4) 120+ Magnificient Natural Landscape Photographs

5) Landscape Photography skills explained by Master Photographer Tony Howell

6) Landscape Photography Tips – National Geographic

7) 4 Simple ways to improve your Landscape Photos in Photoshop

Feed enhanced by Better Feed from Ozh

25个优秀的jQuery滑块教程和插件

seasun — Tue, 22 Jun 2010 15:21:38 +0000

jQuery滑块及图像画廊技术的在网站首页或组合页中的使用日渐普及。自去年以来，高质量的滑块及图像画廊技术教程和插件又发布了很多，于是我们再次收集了若干个优秀的实现教程。这里发布的是25个jQuery滑块(13个教程和12款插件)，希望能助您提高工作效率。

jQuery Slider Tutorials:

A Beautiful Apple-Style Slideshow Gallery with CSS & jQuery

Automatic Image Slider with CSS & jQuery

Animate Panning Slideshow with jQuery

Creating a Slick Auto-Playing Featured Content Slider

How to Make a Threadless Style T-Shirt Gallery

Automatic Infinite Carousel

How to Create a Simple iTunes-Like Slider

A Bulletproof Content Viewer

Making a Content Slider with jQuery UI

Create Featured Content Slider Using jQuery UI

Using the Wonderful jFlow Plugin

Build a Content Slider with jQuery

Create a Resizable Image Grid with jQuery

jQuery Slider Plugins:

Moving Boxes

loopedSlider

Nivo Slider

AnythingSlider

ImageSwitch

CrossSlide

jQuery Cycle Plugin

s3Slider

Pirobox

Zoomimage

jQuery Panel Gallery

ColorBox

Feed enhanced by Better Feed from Ozh

30套最好的网站开发与设计中使用的小型图标

seasun — Tue, 22 Jun 2010 15:06:02 +0000

在为您的网页设计或应用程序挑选图标的时候，您所需要的不仅仅只是为了完美地传达一个简单且悦目的复杂的功能，他们也应该有一定的统一标准，所依赖的图标就是其中一种方式。找到一套符合标准并不是一件简单的事，而找到那些符合设计标准的大小尺寸图标显得尤其的困难。

因此，我们收集了这30套最佳的迷你版图标，以备您在下一个项目中可以参考使用。最流行的大小莫过于12×12px 和 16×16px，但您也会看到一些诸如 10×10px 和更大点的 20×20px。它们在.png和.gif乃至在 .ai 和 .psd中编辑都是非常便利的。

这套集合所拥有的共同点是，他们的设计都很精美，并且在那静静的等待着，希望在您的下一个项目中被使用。

除此之外，您也很可能会对如下的感兴趣

100+款游戏系列的icon免费图标
5个实用的iPad图标集
20个优秀的设计中的应用的图标集
高质量媒体图标大搜集 ICON
200多个漂亮且精细的大号图标下载
108个漂亮而简约的免费图标

Vaga by Ten by Twenty

Download Page: Vaga by Ten by Twenty »

Nu. of Icons in Set: 60
Format(s): .png
Size(s): 16×16px
License: These icons may be used by the licensee in any personal or commercial projects (royalty-free) and may not be resold or redistributed.

spirit20 by 19eighty7

Download Page: spirit20 by 19eighty7 »
Nu. of Icons in Set: 500
Size(s): 20×20px
Format(s): .png
License: Completely free to use for both personal and commercial projects. No attribution is required.

DEFAULT iCON by interactivemania

Download Page: DEFAULT iCON by interactivemania »
Nu. of Icons in Set: 110
Size(s): 16×16, 24×24, 32×32, 48×48, 64×64, 128×128 and 256×256px
Format(s): .eps, .png and .gif
License: Creative Commons Attribution-No Derivative Works 3.0.

HoHoHo! Icon Set by Brand Spanking New

Download Page: HoHoHo! Icon Set by Brand Spanking New »
Nu. of Icons in Set: 113
Size(s): 10×10px
Format(s): .gif
License: Creative Commons Attribution-ShareAlike 2.5 Licence.

Diagona Icons by Yusuke Kamiyamane

Download Page:Diagona Icons by Yusuke Kamiyamane »
Nu. of Icons in Set: 400
Size(s): 10×10px and 16×16px
Format(s): .png
License: Creative Commons Attribution 3.0 License.

Minimalist Pixel Icon Set by nclud

Download Page: Minimalist Pixel Icon Set by nclud »
Nu. of Icons in Set: 26
Size(s): 10×10px
Format(s): .gif
License: Creative Commons Licence.

bwpx.icns by Paul Armstrong

Download Page: bwpx.icns by Paul Armstrong »
Nu. of Icons in Set: 250
Size(s): 18×18px
Format(s): .gif
License: Creative Commons Attribution-Share Alike 3.0 United States License

Sweetie Icon Set by SubLink

Download Page: Sweetie Icon Set by SubLink »
Nu. of Icons in Set: 80
Size(s): 16×16px and 24×24px
Format(s): .png-24, .png-8 and .psd
License: Creative Commons Attribution-ShareAlike 3.0.

ExplodingBoy Pixel Icons by ExplodingBoy

Download Page: ExplodingBoy Pixel Icons by ExplodingBoy »
Nu. of Icons in Set: 31 Icons in four colors (blue, pale blue, orange, and grey)
Size(s): 20×20px
Format(s): .gif
License: Unknown.

Splashy Icons by Splashy Fish

Download Page: Splashy Icons by Splashy Fish »
Nu. of Icons in Set: 483
Size(s): 16×16px
Format(s): .png
License: They are free to do whatever you want to do with it and no attribution is required.

Sanscons by Some Random Dude

Download Page: Sanscons by Some Random Dude »
Nu. of Icons in Set: 100
Size(s): 16×16, 32×32 and 64×64 (in 13 different colors)
Format(s): .gif and .png
License: Creative Commons Attribution-Share Alike 3.0.

Mini Icons by FamFamFam

Download Page: Mini Icons by FamFamFam »
Nu. of Icons in Set: 144
Size(s): 16×16px
Format(s): .gif
License: Creative Commons Attribution 2.5 License.

Bitcons by Some Random Dude

Download Page: Bitcons by Some Random Dude »
Nu. of Icons in Set: 120
Size(s): 16×16, 32×32 and 64×64 (in 10 different colors)
Format(s): .gif and .png
License: Creative Commons Attribution-Share Alike 3.0.

Fugue Icons by Yusuke Kamiyamane

Download Page: Fugue Icons by Yusuke Kamiyamane »
Nu. of Icons in Set: 2,941(!)
Size(s): 16×16px
Format(s): .png
License: Creative Commons Attribution 3.0 License.

Web Mini by Axialis Software

Download Page: Web Mini by Axialis Software »
Nu. of Icons in Set: 237
Size(s): 16×16px
Format(s): .png, .gif and .ico
License: Creative Commons Attribution License.

Black & White Toolbar Icon Set by gentleface.com

Download Page: Black & White Toolbar Icon Set by gentleface.com »
Nu. of Icons in Set: 8 cursors and 236 icons (in both black and white color versions)
Size(s): 16×16, 32×32 and 48×48px
Format(s): .eps and .swf
License: Creative Commons Attribution-NonCommercial. The Royalty Free license costs $29.99.

Web Development Icons by Icojoy

Download Page: Web Development Icons by Icojoy »
Nu. of Icons in Set: 26
Size(s): 16×16px
Format(s): .ico, .icns, .tif, .gif, .bmp and .png
License: Unknown.

TwoTone by 2pt3

Download Page: TwoTone by 2pt3 »
Nu. of Icons in Set: 75 (5 different colors)
Size(s): 16×16px
Format(s): .gif and .psd
License: Artistic License/GPL.

Silk Icons by FamFamFam

Download Page: Silk Icons by FamFamFam »
Nu. of Icons in Set: 700
Size(s): 16×16px
Format(s): .png
License: Creative Commons Attribution 2.5 License.

Mini Pixel Icons by IconDock

Download Page: Mini Pixel Icons by IconDock »
Nu. of Icons in Set: 320
Size(s): 14×14px
Format(s): .gif
License: IconDocks License Agreement.

LED Icon Set by led24.de

Download Page: LED Icon Set by led24.de »
Nu. of Icons in Set: 500
Size(s): 16×16px
Format(s): .png

TwoTiny by 2pt3

by 2pt3“/>
Download Page: Web Development Icons by kurumizawa

Web Development Icons by kurumizawa »
Nu. of Icons in Set: 26
Size(s): 16×16px
Format(s): .ico, .icns, .tif, .gif, .bmp and .png

Boolean: The Pixel Icon City by PraX-08

Download Page: Boolean: The Pixel Icon City by PraX-08 »
Nu. of Icons in Set: 100
Size(s): 16×16px
Format(s): .png
License: Creative Commons Attribution 3.0 License.

BacktoPixel by Icojoy

Download Page: BacktoPixel by Icojoy »
Nu. of Icons in Set: 75 icons in 10 Colors
Size(s): 9×9px, 18×18px and 28×28px
Format(s): png and .gif
License: These icons are free to use in any kind of project unlimited times.

Lullacons Pack 1 by Lullabot

Download Page: Lullacons Pack 1 by Lullabot »
Nu. of Icons in Set: 113
Size(s): 16×16px
Format(s): .png
License: GNU General Public License.

Tango Icon Library by the Tango Desktop Project

Download Page: Tango Icon Library by the Tango Desktop Project »

Interface Application Framework by webalys.com

Download Page: Interface Application Framework by webalys.com »
Nu. of Icons in Set: 290
Size(s): 16×16px
Format(s): .ai
License: These icons are free for personal and commercial use.

Tiny Icon Factory by tacolab.com

Download Page: Tiny Icon Factory by tacolab.com »
Nu. of Icons in Set: 28,000(!)
Size(s): 13×13px
Format(s): .png

Icon Library by PICOL (Pictorial Communication Language)

Download Page: Icon Library by PICOL (Pictorial Communication Language) »
Nu. of Icons in Set: 520
Size(s): 16×16px
Format(s): .png
License: Creative Commons-License BY-SA.

Feed enhanced by Better Feed from Ozh

11个有用的谷歌热门产品快速参考表

seasun — Sat, 19 Jun 2010 17:16:28 +0000

回顾一下每天在您工作中所使用的工具。很可能其中的一半以上都是由Google提供的。Google提供了很多优秀的产品来帮助我们执行日常任务。无论是收发邮件，创建文档，或者是与客户或同事的沟通，看起来似乎Google服务涵盖了各个方面。但是，就像其他应用程序拥有众多的功能一样，意味着我们必须要记住很多的东西。因此，如果您恰好跟我们一样厌恶记住那么多东西，如“键盘快捷方式”，我们这里提供的就是类似这样的帮助。这里呈现给大家的是11个有用的谷歌热门产品快速参考表。

其他快速参考表资源

Feed enhanced by Better Feed from Ozh