Portfolios

Here is a list of some good portfolios that I really like.

DIGITAL MASH
Simple and nice:
http://digitalmash.com/

PURE STRUCTURE
Simple and nice. Background image should be replaced with two others:
http://www.purestructure.com/#

ABEJA
Realy cute and nice portfolio from Maje from Croatia:
http://www.abeja.org/index.php/home/P3/


SCHLU
Not Portfolio but nice Joomla website example:
http://www.schlu.net/

IDESIGN STUDIOS
Portfolio and blog:
http://www.idesignstudios.com/

CSS REBOOT
Portfolio example:
http://www.cssreboot.com/

NUVIO TEMPLATES
Free templates and also a portfolio example:
http://www.nuviotemplates.com/

TEMPLATES FEED
Free templates and also portfolio example:
http://www.templatesfeed.com/

DEREK PUNSALAN
Portfolio example:
http://is.derekpunsalan.com/

TECHNICOM COMPUTERS
Portfolio example (Serbian company):
http://www.tehnicomsolutions.com/portfolio_web_design.php

SQUARE SPACE
Portfolio example:
http://www.squarespace.com/examples/

PROLE DESIGN
Portfolio example:
http://www.proledesign.com/index.html

BLOG.CO.YU
Nice design(not portfolio):
http://www.blog.co.yu/summary.php?op=Register&start=1

BLOG SPOON GRAPHICS
Nice design:
http://www.blog.spoongraphics.co.uk/

BLOG SPOON GRAPHICS
Not really portfolio but nice design and nice wordpress themes:
http://designdisease.com/

Wordpress themes - demo:
http://wp-themes.designdisease.com/testrun/

AURORA
Nice design:
http://www.auroradesign.com.au/home

WEB DESIGNER WALL
Single-Page portfolio sites:
http://www.webdesignerwall.com/trends/single-page-portfolio-sites/#more-176

LUKE LARSEN
Nice portfolio:
http://lukelarsen.com/

HTML

HTML HELP
LABEL - Form Field Label:
http://www.htmlhelp.com/reference/html40/forms/label.html

GWT-EXT
(This is not HTML but this is the only place I could put this link.)
GWT-Ext is a powerful widget library that provides rich widgets like Grid with sort, paging and filtering, Tree’s with Drag & Drop support, highly customizable ComboBoxes, Tab Panels, Menus & Toolbars, Dialogs, Forms and a lot more right out of the box with a powerful and easy to use API. It uses GWT and Ext.
http://gwt-ext.com/

Books & Articles

JAKOB NIELSEN'S WEBSITE
Website Home page:
http://www.useit.com/
Top 10 mistakes in web design:
http://www.useit.com/alertbox/9605.html

Top 10 application-design mistakes:
http://www.useit.com/alertbox/application-mistakes.html

Open new windows for PDF and other non-web documents:
http://www.useit.com/alertbox/open_new_windows.html

Tabs - used right:
http://www.useit.com/alertbox/tabs.html


FADTASTIC
25 ways to improve your site today:
http://fadtastic.net/2007/06/10/25-ways-to-improve-your-site-today/

TEST EVERYTHING
100+ tools in one:
http://tester.jonasjohn.de/

SIMPLE USABILITY
Eye tracking demo:
http://www.simpleusability.com/services/usability/eye-tracking/demo

Learn English Online

BRITISH COUNCIL
Learn English:
http://www.britishcouncil.org/professionals.htm?mtklink=professionals-learnenglish-portal-main-promo
Grammar movies:
http://www.britishcouncil.org/professionals-grammar-movies.htm
Job skills lessons:
http://www.britishcouncil.org/professionals-lesson-downloads-job-skills-homepage.htm
Listening download:
http://www.britishcouncil.org/professionals-podcast-english-listening-downloads-archive.htm
Lesson download:
http://www.britishcouncil.org/professionals-lesson-download-homepage.htm
Learn English:
http://www.britishcouncil.org/learnenglish/central.htm
Grammar games:
http://www.britishcouncil.org/learnenglish-central-grammar-grammar-games-archive.htm

BBC LEARN ENGLISH ONLINE
Learning resources:
http://www.bbc.co.uk/learning/subjects/english.shtml
Quizzes and examples:
http://www.bbc.co.uk/worldservice/learningenglish/quizzes/crosswords/crosswords_archive.shtml
Conversations:
http://www.bbc.co.uk/worldservice/learningenglish/radio/specials/1715_faceup/
Quizzes:
http://www.bbc.co.uk/worldservice/learningenglish/youmeus/quiznet/countdown.shtml

LEARN ENGLISH ONLINE
Free EFL / ESL course for beginners:
http://www.learn-english-online.org/

LEARN ENGLISH
Learn English:
http://www.learnenglish.de/

ENGLISH WORKS! ENGLISH
English tutoring and writing center:
http://depts.gallaudet.edu/englishworks/tablecontent.html

EXAM ENGLISH
TOEFL free test examples:
http://www.examenglish.com/TOEFL/toefl_reading.htm

ENGLISH ESL QUIZZES
English quizzes:
http://www.1-language.com/eslquizzes/

CORRECT PHRASE FOR E-MAIL
How to introduce attached documents in e-mail.

Please find attached my CV for your attention.
(traditional and formal, can be used for your CV and wedding invites)

Please find my CV attached for your attention.
(Modern formal, better than the traditional version)
[when you sign your email "yours sincerely/faithfully and best regards"]

I've attached...I'm enclosing... the latest figures for you.
(Modern business, for friendly associates/colleagues)
[when you sign your email "best regards/regards/nothing"]

Here's that excel file that you wanted.
(Modern-casual, for team mates)
[when you sign your email "regards/thanks/nothing"]

ABOUT.COM
Guide to the Conditional Forms:
http://esl.about.com/od/grammarintermediate/p/g_conditional.htm

Copywriting

COPYBLOGGER
Ernest Hemingway’s Top 5 Tips for Writing Well:
http://www.copyblogger.com/ernest-hemingway-top-5-tips-for-writing-well/

1. Use short sentences.


2. Use short first paragraphs.


3. Use vigorous English.


4. Be positive, not negative.


5. Never have only 4 rules.

10 Steps to Becoming a Better Writer:
http://www.copyblogger.com/become-a-better-writer/

1. Write.


2. Write more.


3. Write even more.


4. Write even more than that.


5. Write when you don’t want to.


6. Write when you do.


7. Write when you have something to say.


8. Write when you don’t.


9. Write every day.


10. Keep writing.

Do You Make These Mistakes When You Write?
http://www.copyblogger.com/grammar-writing-mistakes/


SEO MOZ
SEO quiz:
http://www.seomoz.org/seo-expert-quiz
SEO Novice - 24%

Icons

WIKIMEDIA COMMONS
Icons themes:
http://commons.wikimedia.org/wiki/Category:Icons_themes

VECTORTUTS
60 free vector icon packs for design professionals:
http://vectortuts.com/articles/web-roundups/60-free-vector-icon-packs-for-design-professionals/

ICON ARCHIVE
Gareth list of different icons:
http://www.iconarchive.com/

FREE ICONS DOWNLOAD
Free icon sets for download and on the right side is a submenu with banners, loos, backgrounds...:
http://www.freeiconsdownload.com/Index.html


ICON SHOCK
Professional stock icons for web and software applications:
http://www.iconshock.com/?res=freeidown


SMASHING MAGAZINE
55 free high quality icon sets:
http://www.smashingmagazine.com/2008/07/02/55-free-high-quality-icon-sets/

Useful links - CSS

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

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/

W3C VALIDATORS
CSS validation service:
http://jigsaw.w3.org/css-validator/

Markup validation service:
http://validator.w3.org/

Also read - Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0:
http://www.w3.org/TR/WAI-WEBCONTENT/full-checklist.html


WORK
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:
http://cssdizajn.com/index.php?iStranica=2&iPoStranici=&UIDTabela=3928fdda-8dd0-102b-ab14-00c8e9375917&Ocena=5&zapamtiOcena=1

Useful links - Flash Tutorials

TOXICLAB.ORG
Flash tutorials:
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 Tutorials

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&lang=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

FREE TEMPLATES
Free HTML and Flash templates:
http://123down.blogspot.com/search/label/templates



WEBSITE TEMPLATES
Over 4,000+ website templates (not really free):
http://www.dreamtemplate.com/

Font markup elements

B: Font markup elements change the look of your document!

BIG: Font markup elements change the look of your document!

I: Font markup elements change the look of your document!

S: Font markup elements change the look of your document!

SMALL: Font markup elements change the look of your document!

STRIKE: Font markup elements change the look of your document!

TT: Font markup elements change the look of your document!

U: Font markup elements change the look of your document!

Phrase elements

EM: Phrase elements can give meaning to your document!

STRONG: Phrase elements can give meaning to your document!

Q: Phrase elements can give meaning to your document!

CODE: Phrase elements can give meaning to your document!

ABBR: Phrase elements can give meaning to your document!
mouse over here
ACRONYM: Phrase elements can give meaning your document!

DFN: Phrase elements can give meaning to your document!

KBD: Phrase elements can give meaning to your document!

SAMP: Phrase elements can give meaning to your document!

VAR: Phrase elements can give meaning to your document!

ASCII kod za Srpska latinicna slova

ASCII - American Standard Code for Information Interchange
CAPITAL:
Ž - Ž
Đ - Đ
Š - Š
Ć - Ć
Č - Č


SMALL:
ž - ž
đ - đ
š - š
ć - ć
č - č