Sve i svasta

Portfolios

noreply@blogger.com (Dragana Mijalkovic) — Wed, 09 Jul 2008 09:58:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Thu, 03 Jul 2008 09:08:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Wed, 02 Jul 2008 10:10:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Mon, 30 Jun 2008 21:42:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Mon, 30 Jun 2008 13:45:00 +0000

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

Use short sentences.

Use short first paragraphs.

Use vigorous English.

Be positive, not negative.

Never have only 4 rules.

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

Write.

Write more.

Write even more.

Write even more than that.

Write when you don’t want to.

Write when you do.

Write when you have something to say.

Write when you don’t.

Write every day.

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
24%

Icons

noreply@blogger.com (Dragana Mijalkovic) — Wed, 25 Jun 2008 10:48:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Sun, 18 May 2008 20:28:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Sun, 18 May 2008 18:00:00 +0000

Useful links - Photoshop Tutorials

noreply@blogger.com (Dragana Mijalkovic) — Sun, 18 May 2008 16:23:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Sun, 18 May 2008 15:56:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Sun, 18 May 2008 15:07:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Fri, 16 May 2008 20:33:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Fri, 16 May 2008 20:16:00 +0000

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

noreply@blogger.com (Dragana Mijalkovic) — Sun, 11 May 2008 15:51:00 +0000

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

SMALL:
ž - ž
đ - đ
š - &scaron;
ć - ć
č - č