Resources


BROWSERSHOTS

Check browser compatibility, cross platform browser test:
http://browsershots.org/?url=http%3A//www.accordia-group.com/     

ALVIT
CSS very useful links:
http://www.alvit.de/handbook/

 

CSS SHOWCASE

CSS menu:
http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php

Useful Resources - CSS

NETTUTS

How to Convert a PSD to XHTML:
http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/

CSS MENUS

Navigation links in CSS and JavaScript
Example:
http://qrayg.com/experiment/cssmenus/
Tutorial:
http://qrayg.com/learn/code/cssmenus/

footerStick
Example:
http://qrayg.com/experiment/footerstick/
Tutorial:
http://qrayg.com/learn/code/footerstick/

CSS-TRICKS
Very useful CSS videos and tutorials:
http://css-tricks.com/

DEZINER FOLIO

The simplest way to horizontally and vertically center a DIV 
Example:
http://www.dezinerfolio.com/wp-content/uploads/vertical_center.html
Tutorial:
http://www.dezinerfolio.com/2007/05/02/the-simplest-way-to-horizontally-and-vertically-center-a-div/

 

CSS FREE NAVIGATION I

Example:
http://exploding-boy.com/images/cssmenus/menus.html
Download:
http://www.exploding-boy.com/2005/12/15/free-css-navigation-designs/

CSS FREE NAVIGATION II

Example:
http://exploding-boy.com/images/cssmenus2/menus.html
Download:
http://www.exploding-boy.com/2005/12/21/more-free-css-navigation-menu-designs/

Comments

How to design a nice comment counter:
http://woork.blogspot.com/2008/03/nice-comments-counter-style-for-your.html

 

PSD2CSS ONLINE

Create fast and easy CSS from Photoshop image:
http://psd2cssonline.com/node/1

CSS LIBRARY

Dynamic CSS image gallery:
http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

CSS & WEBDESIGN WORKSHOP

CSS article archive:
http://wellstyled.com/archive.html

HIGHLIGHT TEXT
CSS article archive:
“.highlighted {
background-color: yellow;
color: darkgreen;
font-weight: bold;
}”

http://groups.google.com/group/mozilla.dev.tech.dom/browse_thread/thread/e65508dd6fa3db24

VEERLE’S BLOG
CSS hover effect:
http://veerle.duoh.com/blog/comments/css_hover_effect/

DEV KICK
CSS lightweight image gallery
Examples:
http://monc.se/kitchen/stew/gallery/
Tutorial:
http://monc.se/kitchen/80/lightweight-image-gallery-with-thumbnails

ICANT
Image preview on mouse over the link “Black leather sofa”:
http://icant.co.uk/articles/imagepreview/

CSS DESIGN
Kompanija Krojač d.o.o. napravila je servis koji služi Web dizajnerima vičnim kreiranju izgleda stranica u CSS tehnologiji, da prikažu na jednom mestu svoja dostignuća, i da ih eventualno promovišu potencijalnim klijentima:


Flash tutorials:

toxiclab.org
http://www.toxiclab.org/default.asp?ID=2
Map:
http://www.toxiclab.org/tutorial.asp?ID=212
GetUrl By Picture:
http://www.toxiclab.org/tutorial.asp?ID=88
New York City:
http://www.toxiclab.org/tutorial.asp?ID=203
Very advanced photo menu:
http://www.toxiclab.org/tutorial.asp?ID=193
Animated Flash Menu:
http://www.toxiclab.org/tutorial.asp?ID=85
Mask Flash menu:
http://www.toxiclab.org/tutorial.asp?ID=128
Coloring Up and Down menu:
http://www.toxiclab.org/tutorial.asp?ID=167
Red flash sound menu:
http://www.toxiclab.org/tutorial.asp?ID=154
Clear white menu:
http://www.toxiclab.org/tutorial.asp?ID=150
Advanced picture flash menu:
http://www.toxiclab.org/tutorial.asp?ID=145
Simple text animation:
http://www.toxiclab.org/tutorial.asp?ID=191
Vanishing text effect:
http://www.toxiclab.org/tutorial.asp?ID=186
Bouncing text effect:
http://www.toxiclab.org/tutorial.asp?ID=177
Pop-up panel in flash:
http://www.toxiclab.org/tutorial.asp?ID=165
Active flash icon:
http://www.toxiclab.org/tutorial.asp?ID=146
Drag and drop:
http://www.toxiclab.org/tutorial.asp?ID=70
Custom cursor:
http://www.toxiclab.org/tutorial.asp?ID=54
Activate the cursor(game):
http://www.toxiclab.org/tutorial.asp?ID=135
Object playing(game):
http://www.toxiclab.org/tutorial.asp?ID=141
Push the object away(game):
http://www.toxiclab.org/tutorial.asp?ID=134
Change the object size(game):
http://www.toxiclab.org/tutorial.asp?ID=133
Spin(game):
http://www.toxiclab.org/tutorial.asp?ID=100

 

CG TUTORIALS

Macromedia Flash tutorials:
http://www.cgtutorials.com/c23/Macromedia_Flash

 

FLASH GALLERY

Image gallery – example and download:
http://www.andrewberg.com/photobrowser/afpb_flash.html

FLASH SLIDE SHOW MAKER

Image gallery – make flash gallery:
http://flash.dvd-photo-slideshow.com/download/index.php

 

Useful links – Photoshop 

MOJE FOTKE
Serbian website for upload pictures:
http://www.mojefotke.rs/default.aspx     

WORTH 1000
Nice Photoshop tutorials:
http://www.worth1000.com/tutorials.asp?page=1

PHOTOSHOP LADY
Photoshop bookmarks:
http://www.photoshoplady.com/

SMASHING MAGAZINE – PHOTOSHOP BRUSHES
50 Must-Have Photoshop Brushes:
http://www.smashingmagazine.com/2008/11/10/50-must-have-photoshop-brushes/

QBRUSHES
Quality Photoshop brushes:
http://qbrushes.com/

GET BRUSHES
Photoshop brushes for free download:
http://getbrushes.com/

FREE PHOTOSHOP BRUSHES
Photoshop brushes for free download:
http://photo-shop-brush.com/contests/comment-and-win-photoshop-designers-pack

http://mouritsada-stock.deviantart.com/gallery/#Brush-Packs

http://paulw.deviantart.com/gallery/#Photoshop-Brushes

http://outlawdesignblog.com/2008/free-photoshop-brushes-40-splatters-strokes-and-watercolor/

UPUP MEDIA
Photoshop tutorials:
http://www.upupmedia.com/tut/pho/index.php

VISUAL-BLAST MEDIA
Photoshop actions:
http://www.visual-blast.com/photoshop/124-free-photoshop-actions/

PSTUT.COM
Realistic photo print:
http://www.pstut.com/tutorial-realistic-photo-print.html

EMMA ALVAREZ SITE
Top Best 55 Photoshop Tutorials For Professional Photographers:
http://www.emmaalvarez.com/2008/01/top-best-55-photoshop-tutorials-for.html

DESIGN VITALITY
39 Photoshop Button Tutorials You Should Have in Your Arsenal:
http://www.designvitality.com/blog/2007/10/photoshop-button-tutorials/

DESIGN VITALITY – TEXT
51 Text Effect Tutorials Every Designer Should See:
http://www.designvitality.com/blog/2007/09/photoshop-text-effect-tutorial/

RETIRE @ 21
Floral website buttons – Photoshop tutorial:
http://www.retireat21.com/tutorial/137

WEB DESIGNER WALL
Tutorials – Photoshop, CSS, Illustrator… :
http://www.webdesignerwall.com/category/tutorials/

WEB DESIGNER WALL – CSS
CSS gradient text effect:
http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/

11AM DESIGN
Photoshop shortcuts:
http://www.11amdesign.com/faq/index.php?sid=308〈=en&action=artikel&cat=1&id=343&artlang=en

PSDTUTS
Plastic Jelly Styles:
http://psdtuts.com/text-effects-tutorials/plastic-jelly-styles/


How to create the 3D text shape and give it a high quality metal look using pure Photoshop:
http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-high-quality-metal-3d-text-in-photoshop/

Transparent glass lettering in Photoshop:
http://psd.tutsplus.com/tutorials/text-effects-tutorials/transparent-glass-lettering-in-photoshop/

6 quick’n’dirty Photoshop text effects from scratch:
http://psd.tutsplus.com/tutorials/text-effects-tutorials/6-quickndirty-photoshop-text-effects-from-scratch/

10 STEPS.SG
Create a 3D flowery text effect:
http://10steps.sg/photoshop/create-a-3d-flowery-text-effect/

THE PHOTOSHOP ROADMAP BLOG

Photoshop tutorials:
http://www.photoshoproadmap.com/Photoshop-blog/category/photoshop-tutorials/

100 wonderful photo effects Photoshop tutorials:
http://www.photoshoproadmap.com/Photoshop-blog/2008/04/01/100-wonderful-photo-effects-photoshop-tutorials/

Photo to illustration:
http://www.photoshoproadmap.com/Photoshop-blog/2007/07/04/photo-to-illustration-effect/

Colored Pencils Illustration Tutorial – Free Action included:
http://www.designspot.net/creativespot/tutorials/t10-colored-pencils.php

The Best 80 Photoshop Text Effects on the Web:
http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/

DARJAN PANIC
Neon lights with Photoshop :
http://www.darjanpanic.com/tutorials/neon-lights-with-photoshop/

ABDUZEEDO – GRAPHIC DESIGN
Photoshop tutorials:
http://abduzeedo.com/tutorials

CG TUTORIALS
Find over 600 Photoshop Tutorials sorted by hits and user rating:
http://www.cgtutorials.com/c9/Adobe_Photoshop/popular/1

101 PHOTOSHOP TIPS IN 5 MIN – VIDEO

Adobe Photoshop guru Deke McClelland has done an entertaining but very helpful video where he shares 101 Photoshop tips and techniques in a five minute video:
http://www.labnol.org/software/tutorials/good-adobe-photoshop-video-tips/3676/


FILTER FORGE
Photoshop filters:
http://www.filterforge.com/filters/

BSPCN
20 of the best Free Photoshop Plugins and Filters:
http://www.bspcn.com/2007/05/17/20-of-the-best-free-photoshop-plugins-and-filters/

50 Photoshop Tutorials for Dreamy, Magical Lighting Effects:
http://www.bspcn.com/2008/07/13/50-photoshop-tutorials-for-dreamy-magical-lighting-effects/

 

Useful links – Photography

EVERYSTOCKPHOTO
Search engine for free photos:
http://www.everystockphoto.com/
     

STOCK.XCHNG
Free photos:
http://www.sxc.hu/index.phtml


NETDIVER PHOTGRAPHY
Nice blog:
http://netdiver.net/photography/

SMASHING MAGAZINE
God examples:
http://www.smashingmagazine.com/2007/08/21/creativity-spark-from-masters-of-graphic-design/

SHINYBINARY
Art and designs:
http://www.shinybinary.com/art.html

SVET KOMPJUTERA
Firmware hack za Canon fotoaparate:
http://www.sk.co.yu/2008/01/skse01.html

THE HUMAN CALENDAR
This is maybe not for this section but I decided to put it here. This is a human calendar:
http://www.humancalendar.com/portable.php
Only for today:

Today, tomorrow and the day after tomorrow:

MAG MY PIC
Put your photo on a magazine:
http://www.magmypic.com/

BE FANKY
Turn your photos into incredible artwork with one click:
http://www.befunky.com/

 

Useful links – Web Design

CORNER SHOP
Rounded corner graphics generator:
http://wigflip.com/cornershop/     

WEBSITE CONTACT FORM GENERATOR
Create form-to-email scripts for ASP, PHP or Perl website:
http://www.tele-pro.co.uk/scripts/contact_form/index.htm

DEZINER FOLIO
Gradients, buttons, downloads, javascript…:
http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/

PHOTOSHOP FREEBIES
Gradients, buttons, downloads,…:
http://photoshop-freebies.com/

DEZIGNUS
Brushes, shapes,…:
http://dezignus.com/

1001 FREE FONTS
Free fonts for download:
http://www.1001freefonts.com/

CSS & WEBDESIGN WORKSHOP
Color scheme generator 1: 
http://wellstyled.com/tools/colorscheme/index-en.html
Color scheme generator 2: 
http://wellstyled.com/tools/colorscheme2/index-en.html





Don’t forget give a little comment love..