Декорирование страниц, css и другой креатиф

[PandoraBox]

http://s50.radikal.ru/i128/0808/f4/95ddb8a75504.jpg
CSS Decorative Gallery (http://www.webdesignerwall.com/tutorials/css-decorative-gallery/)

http://s54.radikal.ru/i144/0808/ba/88c323901151.jpg
CSS Menu Maker (http://cssmenumaker.com/)

http://s51.radikal.ru/i131/0808/39/085eb229fc1d.gif
CSS Tutorial: Create Beautiful CSS buttons (http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html)

http://i041.radikal.ru/0808/d4/b1fc27511e91.gif
CSS Animated Progress Bar (http://cssglobe.com/post/1468/pure-css-animated-progress-bar)

http://s43.radikal.ru/i099/0808/fe/62750ab47144.jpg
Easy CSS Tooltip (http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/)

http://s54.radikal.ru/i144/0808/1e/79db2ac241b4.jpg
IzzyMenu (http://www.izzymenu.com/)

http://s52.radikal.ru/i138/0808/6f/6dc5ab91c915.jpg
advanced (un-typical) list menu (http://www.webdesignerwall.com/tutorials/advanced-css-menu/)

http://s48.radikal.ru/i120/0808/34/c9c7aa6c3a66.jpg
Oval CSS buttons by Dynamic Drive (http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/)

http://s49.radikal.ru/i126/0808/14/a566548e51a0.gif
CSS technique of coding a restaurant menu (http://www.search-this.com/2007/11/26/css-a-recipe-for-success/)

iPhone GUI PSD
http://s40.radikal.ru/i090/0808/18/6f40f7031f38.jpg
Download it here: iPhone_GUI.zip (6.6MB) (http://teehanlax.com/downloads/iPhone_GUI.psd.zip)

Version 1.2 now available
Changes to layer names to better reflect names from Interface Builder
Added progress view
Added activity indicator
Added page control
Added smoked glass menu
Added phone keypad
Added on call menu

free icons set - Knob Icons by iTweek
Knob Icons (http://itweek.deviantart.com/art/Knob-Buttons-Toolbar-icons-73463960) (39 icons in PNG, ICNS, TIFF and ICO formats, Mac and Windows compatible, 32×32 pixels dimensions only.)
http://s48.radikal.ru/i122/0808/2d/cb931e716ba9.jpg

Alien Icon Set - the set contains 8 icons
Alien Icon Set - 8 icons (RSS, news, home, download, contact, calendar, blog and Smashing) (http://www.smashingmagazine.com/2008/07/23/smashy-the-alien-icon-set/)
http://s45.radikal.ru/i107/0808/d4/34bf99754102.jpg

[PandoraBox]

Diagona icon set - 400 icons are included in (PNG format) (http://www.visual-blast.com/graphics/icons/pi-diagona-pixel-icons/)
Fugue Icons (438 icons are included in PNG format). (http://www.pinvoke.com/)
http://s44.radikal.ru/i104/0808/4d/ed2ddc126b10.jpg

Function Icon Set - 128 free icons available in (48×48px) (http://wefunction.com/2008/07/function-free-icon-set/)
http://i001.radikal.ru/0808/7e/b1dbd20c89e3.jpg

28 free facebook application icons by lopagof in a high resolution .PNG and .SVG format. (http://www.deviantart.com/download/90099876/facebook_ui_icons_vector_by_lopagof.zip)
http://s55.radikal.ru/i148/0808/82/2addf4e0ff08.jpg
http://lopagof.deviantart.com/art/facebook-ui-icons-vector-90099876

iPhone 3G (http://d1niel.deviantart.com/art/iPhone-3G-89157847) - 14 Free iPhone 256×256 px Icons in PNG Format at deviantART.
http://s54.radikal.ru/i143/0808/e9/e8cfe4343f6e.jpg

Blogging Icons Set (http://www.blogperfume.com/free-glossy-blogging-icons-set-for-bloggers/) - specifically designed for bloggers. There are total 12 shiny and modern icons for your blogs. It comes with 3 sizes, 24×24, 36×36 and 48×48 in png format.
http://s49.radikal.ru/i126/0808/9f/68a0afbbdd9a.jpg

FreeIconsDownload (http://www.freeiconsdownload.com/) - a very handy collection of Free Icons for your web development and designs. There are more then 15 categories in which icons are divided: Art Icons, Application Icons, Business icons, Computer icons, People Icons, Vector Icons, Web Icons, Cartoons, Sports, … etc.
http://s45.radikal.ru/i108/0808/57/4f34749fac11.jpg

Milky - Another beautiful set of 15 icons in vector format from the creator of Bright icons. Designed in EPS 8 vector format, including 48×48 and 64×64 PNG image files. You can use Milky for personal and commercial projects at Free of charge
Milky icon set part 2 (http://min.frexy.com/article/milky_a_free_vector_icon_set_part_2/) released earlier. From now on, Milky is also available in SVG 1.0 format. Free for personal and commercial projects.
http://i016.radikal.ru/0808/c6/53478f96821c.jpg

Glossy eCommerce icon pack (http://www.starfishwebconsulting.co.uk/ecommerce-icons) - 32 free icons to use or remix in your eCommerce projects complete with master SVG file.

http://s61.radikal.ru/i174/0808/98/382647c1ea72.jpg


Bright! (http://min.frexy.com/article/bright_a_free_icon_set/) - beautiful set of 148 hand-crafted icons in vector format, ideally for both web and print work. You can use Bright! for personal and commercial projects at free of charge.
http://s61.radikal.ru/i174/0808/0a/387fedea598e.jpg

Icojoy (http://www.icojoy.com/blogs/3/) team have released new free icon set designed for blogs, dating, player and social networks. These icons are free to use in any kind of project unlimited times.
http://s46.radikal.ru/i112/0808/fb/4c5e57903573.gif

Free Credit Card pixel icons by Zeusbox Studio (http://www.zeusboxstudio.com/blog/credit-card-web-icons). Source file (PSD) is included, and you can easily change the card colors with Hue/Saturation layer. To change the card color, just double click the layer and change the Hue.
http://i034.radikal.ru/0808/83/8fee4cacbb38.jpg

25 scalable Illustrator format icons created by Monofactor (http://www.monofactor.com/goodies/free-vector-icon-set-1/). You can open the .ai file with any version of Illustrator above 8.0. Free icon set includes RSS, add, edit, delete, back, forward, e-mail and similar icons.
http://s47.radikal.ru/i116/0808/4c/41550323b988.jpg

IconsPedia (http://www.iconspedia.com/) - a directory of free icons available for download.
http://s49.radikal.ru/i126/0808/76/6b239ea5d0d1.jpg

A bulletproof idea (http://abulletproofidea.com/?p=56) released simple but effective RSS icons. Feel free to use them on your website or blog. All icons are 64×64px in size and are in png format.
http://i057.radikal.ru/0808/77/223db1afb6df.jpg
http://i044.radikal.ru/0808/d9/a3b557c66358.jpg

[PandoraBox]

Web Application Icons Set (http://www.webappers.com/2008/02/12/webappers-released-free-web-application-icons-set/) with 3D effect and glossy style. There are 20 icons designed specially for web applications (e.g. Charts, Profile, Search, Add, Delete, Email, Print, Warning and etc…).
http://s50.radikal.ru/i128/0808/ee/13e486c71130.jpg
Icons come in 3 sizes; 48×48 px, 32×32 px, and 24×24 px. All of them are in PNG format with transparent background. Completely Free for both personal and commercial projects in any way you like.

Angular stock icons (http://yellowicon.com/stockicon/view/11/angular_stock_icons)
http://s54.radikal.ru/i143/0808/ab/a4887cca4907.jpg

Beautiful and Free Christmas RSS Icons. (http://www.ajaxpath.com/christmas-rss-icons/)
http://s56.radikal.ru/i153/0808/13/6657298219db.jpg

http://s52.radikal.ru/i137/0808/f2/29091b930b2f.jpg
Download Free Icons (http://www.oweb2.com/wp-content/uploads/2007/07/free_web_development_icons_by_kurumizawa.zip)
Source oweb2 (http://www.oweb2.com/free-web20-icons-pack/)

PI Diagona Pixel icons
http://s58.radikal.ru/i159/0808/87/78ca5b0a639a.jpg
Download PI Diagona Pixel icons (http://www.pinvoke.com/icon/download/diagona.zip)
Source Pinvoke (http://www.pinvoke.com/)

PhotoshopCandy
http://photoshopcandy.com/wp-content/uploads/2007/12/glossyicons1.jpg
http://photoshopcandy.com/wp-content/psds/glossyicons1.psd

A simple Animated Menu for Mootools (http://www.consideropen.com/blog/2008/06/simple-mootools-12-animated-menu/) - you won’t even have to muck about in javascript. Simply define:

* a container for the background image
* the nav elements
* the ‘current’ nav element ID
* the animation’s horizontal track (the y coordinate of the background-image)
* the left offset of the image in relation to the nav element

Code has been tested in FF 3.0, FF 2.0, IE 7, IE 6 (minus image transparency), Safari for Windows and Opera 9.5.

http://s44.radikal.ru/i104/0808/74/099ad3e84fb6.jpg

[PandoraBox]

Carousel.us (http://www.piksite.com/carousel.us/) is a Javascript 3D carousel, using either the prototype.js and scriptaculous.js or mootools.js frameworks. It also uses PHP Easy Reflections v3 - a PHP script that takes an image and then creates a reflection of it - by Richard Davey.

Fixes in new version (07/23/08) : Adaptation for mootools.js and transparency compatibility for IE6.

http://s61.radikal.ru/i171/0808/88/489701ef1767.jpg

Flexigrid for jQuery (http://www.webplicity.net/flexigrid/) - Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

http://i028.radikal.ru/0808/f1/41b8efc8fa91.jpg

Features [new in Version 1.0b3]:

Resizable columns
Resizable height and width
Sortable column headers
Cool theme
Can convert an ordinary table
Ability to connect to an ajax data source (XML and JSON [new])
Paging
Show/hide columns
Toolbar (new)
Search (new)
* Accessible API

… more info at Flexigrid project page (http://www.webplicity.net/flexigrid/)

Dock Menu (http://2210media.com/dock_menu/) - a little bit of Javascript and CSS tutorial that creates the Webber 2.0 Dock Menu.

http://s39.radikal.ru/i083/0808/f7/1c94a84cbd20.jpg

FancyUpload (http://digitarald.de/project/fancyupload/) is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.

http://i039.radikal.ru/0808/19/d243086ba001.jpg

LightForm (http://web-kreation.com/blog/?p=71) is a free Ajax/PHP contact form. It combines FormCheck2 for fields validation and NiceForms to style text fields and textareas.
http://s39.radikal.ru/i086/0808/b4/8fa8c4412477.jpg
Features:
Form Validation using FormCheck2.
Spam Check.
Display user IP, user agent and referrer in the message.
Display a dialog box when message sent succesfully.
Inputs and textareas are styled with NiceForms.
Works in the most recent browsers (IE6+, Firefox, Opera, Safari and Netscape).

Note: Form validation won’t work anymore if users disable Javascript. Released under Creative Commons Attribution v2.5.

[PandoraBox]

noobSlide (http://efectorelativo.net/laboratory/noobSlide/sample.html) - A mootools based image gallery with 7 different styles. You’ll find download link at the bottom of the page.

http://s50.radikal.ru/i128/0808/84/b997051f3e9c.jpg

FancyBox (http://fancy.klade.lv/) - Like many other lightbox-like tools, kinda different image zooming script for those who want something fresh.
http://s50.radikal.ru/i130/0808/3c/1ebdf1e40109.jpg
It’s powered by jQuery, tested with IE6, IE7, Firefox.

Features:
Automatically scales large images to fit in window
Adds a nice drop shadow under the full-size image
Image sets to group related images and navigate through them


http://i042.radikal.ru/0808/c8/e84151652b5f.jpg
Collection of Sample AjaxControlToolkit TabContainer Themes. (http://www.visual-blast.com/wp-content/uploads/2008/01/tab_container_theme.jpg)
XP style skin
Windows Live Gallery Tab Theme
Technorati Tab Theme
YUI Tab Theme
Windows Internet Explorer Tab Theme
Download Tab Container Themes (http://mattberseth2.com/downloads/tab_theme_II.zip)
Tab container themes (http://mattberseth.com/blog/2007/09/more_sample_ajaxcontroltoolkit.html)

mapper.js 1.0 (http://www.netzgesta.de/mapper/) allows you to add automatic area highlighting to image maps on your webpages.

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+.

http://s49.radikal.ru/i124/0808/ec/0d0ff0c9574d.jpg

SmoothGallery 2.0. Based on Mootools, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website… the javascript file is only 24kb, and it’s free, open-source, GPL licensed library.

Visit SmoothGallery (http://smoothgallery.jondesign.net/) or click the image below to see the demos …

http://s51.radikal.ru/i131/0808/78/6d48cbe75caf.jpg

Canvas gallery with thumb reflection, ability to scroll left and right. Based on Prototype and reflection.js (http://dragan.yourtree.org/blog/en/2007/11/13/canvas-gallery-with-reflections/)

http://i053.radikal.ru/0808/12/11a1d1ebb5d0.jpg

[BlackSun]

В добавку:

JQuery для начинающих:
http://habrahabr.ru/blogs/jquery/38208/

Web-разработка → JQuery: Пара сотен плагинов в одной заметке
http://habrahabr.ru/blogs/webdev/30023/

Поиск иконок:
http://www.iconlook.com/ ( слитые: http://secretsdrive.net/get/01/e54bf7d256/icondb.tar.gz )
http://www.iconfinder.net/

[PandoraBox]

тут еще навалом иконок http://www.iconspedia.com/
креативчик от дизайнеров http://www.webdesignerwall.com/

[BlackSun]

http://tutorials.psdschool.ru
Понравились уроки на сайте, легко и красиво :)