May 18, 2008

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/

May 16, 2008

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!

May 11, 2008

ASCII kod za Srpska latinicna slova

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


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