Novi API za fontove od Google-a

Napisano u kategoriji (Web dizajn) autor Davor datum 19-06-2010   
Buzz It

Novi API za fontove od Google-a

Google je krajem maja predstavio svoj novi  API za fontove sa ciljem da pojednostavi i obogati mogućnost prikaza nestandardnih fontova na web-u. Ovaj servis zove se, Google Font API. U okviru ovoj API-a nalazi se i  font directory, koji sadrži dodatak za pregled fontova.

Google font API

Ovaj Google-ov API omogućava laku i jednostavnu integraciju fontova u Vašim stranicama, sa open source fontovima.

Ovaj api je baziran na @font-face, koji je mnogim web dizajnerima već dobro poznat, ali prednost Google API-a je podrška za veliki broj borwser-a, naravno i za Vaš omiljeni  IE6! :)

Nažalost, podrška za fontove još uvek ne postoji za  Android, iPhone, iPad, ili  iPod (za Opera browser).

Više informacija i način primene možete pronaći ovde.

Podelite link:
  • Print
  • StumbleUpon
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Netvibes
  • RSS

Specijalni karakteri – znakovi u HTML-u

Napisano u kategoriji (Web dizajn) autor Davor datum 17-06-2010   
Buzz It

Table  sa specijalnim ASCII karakterima – znakovima koji se mogu koristiti u HTML-u.

left single quote ‘
right single quote ’
single low-9 quote ‚
left double quote “
right double quote ”
double low-9 quote „
dagger †
double dagger ‡
per mill sign ‰
single left-pointing angle quote ‹
single right-pointing angle quote ›
black spade suit ♠
black club suit ♣
black heart suit ♥
black diamond suit ♦
overline, = spacing overscore ‾
leftward arrow ←
upward arrow ↑
rightward arrow →
downward arrow ↓
trademark sign ™ ™
unused �-

horizontal tab 	
line feed 

unused 
space  
exclamation mark ! !
double quotation mark " "
number sign # #
dollar sign $ $
percent sign % %
ampersand & & &
apostrophe '
left parenthesis ( (
right parenthesis ) )
asterisk * *
plus sign + +
comma , ,
hyphen - -
period . .
slash / ⁄ /
digits 0-9 0-
9
colon : :
semicolon &#59; ;
less-than sign &#60; &lt; <
equals sign &#61; =
greater-than sign &#62; &gt; >
question mark &#63; ?
at sign &#64; @
uppercase letters A-Z &#65;-
&#90;
left square bracket &#91; [
backslash &#92; \
right square bracket &#93; ]
caret &#94; ^
horizontal bar (underscore) &#95; _
grave accent &#96; `
lowercase letters a-z &#97;-
&#122;
left curly brace &#123; {
vertical bar &#124; |
right curly brace &#125; }
tilde &#126; ~
unused &#127;-
&#149;
en dash &#150; &ndash;
em dash &#151; &mdash;
unused &#152;-
&#159;
nonbreaking space &#160; &nbsp;
inverted exclamation &#161; &iexcl; ¡
cent sign &#162; &cent; ¢
pound sterling &#163; &pound; £
general currency sign &#164; &curren; ¤
yen sign &#165; &yen; ¥
broken vertical bar &#166; &brvbar; or &brkbar; ¦
section sign &#167; &sect; §
umlaut &#168; &uml; or &die; ¨
copyright &#169; &copy; ©
feminine ordinal &#170; &ordf; ª
left angle quote &#171; &laquo; «
not sign &#172; &not; ¬
soft hyphen &#173; &shy; ­
registered trademark &#174; &reg; ®
macron accent &#175; &macr; or &hibar; ¯
degree sign &#176; &deg; °
plus or minus &#177; &plusmn; ±
superscript two &#178; &sup2; ²
superscript three &#179; &sup3; ³
acute accent &#180; &acute; ´
micro sign &#181; &micro; µ
paragraph sign &#182; &para;
middle dot &#183; &middot; ·
cedilla &#184; &cedil; ¸
superscript one &#185; &sup1; ¹
masculine ordinal &#186; &ordm; º
right angle quote &#187; &raquo; »
one-fourth &#188; &frac14; ¼
one-half &#189; &frac12; ½
three-fourths &#190; &frac34; ¾
inverted question mark &#191; &iquest; ¿
uppercase A, grave accent &#192; &Agrave; À
uppercase A, acute accent &#193; &Aacute; Á
uppercase A, circumflex accent &#194; &Acirc; Â
uppercase A, tilde &#195; &Atilde; Ã
uppercase A, umlaut &#196; &Auml; Ä
uppercase A, ring &#197; &Aring; Å
uppercase AE &#198; &AElig; Æ
uppercase C, cedilla &#199; &Ccedil; Ç
uppercase E, grave accent &#200; &Egrave; È
uppercase E, acute accent &#201; &Eacute; É
uppercase E, circumflex accent &#202; &Ecirc; Ê
uppercase E, umlaut &#203; &Euml; Ë
uppercase I, grave accent &#204; &Igrave; Ì
uppercase I, acute accent &#205; &Iacute; Í
uppercase I, circumflex accent &#206; &Icirc; Î
uppercase I, umlaut &#207; &Iuml; Ï
uppercase Eth, Icelandic &#208; &ETH; Ð
uppercase N, tilde &#209; &Ntilde; Ñ
uppercase O, grave accent &#210; &Ograve; Ò
uppercase O, acute accent &#211; &Oacute; Ó
uppercase O, circumflex accent &#212; &Ocirc; Ô
uppercase O, tilde &#213; &Otilde; Õ
uppercase O, umlaut &#214; &Ouml; Ö
multiplication sign &#215; &times; ×
uppercase O, slash &#216; &Oslash; Ø
uppercase U, grave accent &#217; &Ugrave; Ù
uppercase U, acute accent &#218; &Uacute; Ú
uppercase U, circumflex accent &#219; &Ucirc; Û
uppercase U, umlaut &#220; &Uuml; Ü
uppercase Y, acute accent &#221; &Yacute; Ý
uppercase THORN, Icelandic &#222; &THORN; Þ
lowercase sharps, German &#223; &szlig; ß
lowercase a, grave accent &#224; &agrave; à
lowercase a, acute accent &#225; &aacute; á
lowercase a, circumflex accent &#226; &acirc; â
lowercase a, tilde &#227; &atilde; ã
lowercase a, umlaut &#228; &auml; ä
lowercase a, ring &#229; &aring; å
lowercase ae &#230; &aelig; æ
lowercase c, cedilla &#231; &ccedil; ç
lowercase e, grave accent &#232; &egrave; è
lowercase e, acute accent &#233; &eacute; é
lowercase e, circumflex accent &#234; &ecirc; ê
lowercase e, umlaut &#235; &euml; ë
lowercase i, grave accent &#236; &igrave; ì
lowercase i, acute accent &#237; &iacute; í
lowercase i, circumflex accent &#238; &icirc; î
lowercase i, umlaut &#239; &iuml; ï
lowercase eth, Icelandic &#240; &eth; ð
lowercase n, tilde &#241; &ntilde; ñ
lowercase o, grave accent &#242; &ograve; ò
lowercase o, acute accent &#243; &oacute; ó
lowercase o, circumflex accent &#244; &ocirc; ô
lowercase o, tilde &#245; &otilde; õ
lowercase o, umlaut &#246; &ouml; ö
division sign &#247; &divide; ÷
lowercase o, slash &#248; &oslash; ø
lowercase u, grave accent &#249; &ugrave; ù
lowercase u, acute accent &#250; &uacute; ú
lowercase u, circumflex accent &#251; &ucirc; û
lowercase u, umlaut &#252; &uuml; ü
lowercase y, acute accent &#253; &yacute; ý
lowercase thorn, Icelandic &#254; &thorn; þ
lowercase y, umlaut &#255; &yuml; ÿ
Alpha &Alpha; Α
alpha &alpha; α
Beta &Beta; Β
beta &beta; β
Gamma &Gamma; Γ
gamma &gamma; γ
Delta &Delta; Δ
delta &delta; δ
Epsilon &Epsilon; Ε
epsilon &epsilon; ε
Zeta &Zeta; Ζ
zeta &zeta; ζ
Eta &Eta; Η
eta &eta; η
Theta &Theta; Θ
theta &theta; θ
Iota &Iota; Ι
iota &iota; ι
Kappa &Kappa; Κ
kappa &kappa; κ
Lambda &Lambda; Λ
lambda &lambda; λ
Mu &Mu; Μ
mu &mu; μ
Nu &Nu; Ν
nu &nu; ν
Xi &Xi; Ξ
xi &xi; ξ
Omicron &Omicron; Ο
omicron &omicron; ο
Pi &Pi; Π
pi &pi; π
Rho &Rho; Ρ
rho &rho; ρ
Sigma &Sigma; Σ
sigma &sigma; σ
Tau &Tau; Τ
tau &tau; τ
Upsilon &Upsilon; Υ
upsilon &upsilon; υ
Phi &Phi; Φ
phi &phi; φ
Chi &Chi; Χ
chi &chi; χ
Psi &Psi; Ψ
psi &psi; ψ
Omega &Omega; Ω
omega &omega; ω
password dot &#9679;
bullet &#8226;
Podelite link:
  • Print
  • StumbleUpon
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Netvibes
  • RSS

12 CSS Alata koji će Vam uštedeti vreme

Napisano u kategoriji (Web dizajn) autor Davor datum 14-05-2010   
Buzz It

15 CSS alata koji će Vam sigurno uštedeti vreme

Svaki web dizajner ili developer trebalo bi da konstantno napreduje i usavršava svoje veštine, a da pritom svaki posao koji radi svakodnevno, radi što efikasnije i u što kraćem vremenskom periodu.

Tako da svaki dizajner, odnosno developer može imati višestruke koristi od raznih malih alata koji mu mogu biti od pomoći pri rešavanju neki problema što je brže moguće. Sa ciljem pronalaženja alata koji Vam mogu biti od koristi nastala je ova lista ispod.

CSS Creator je online layout generator koji Vam može pomoći oko izrade osnovnog prikaza stranice.

CSS Menu Generator može biti od koristi prilikom izrade tekstualno baziranih dugmića za navigaciju. Ovaj alat uspešno generiše HTML i CSS kod koji možete koristiti u svojoj stranici.

QrONE CSS Designer je još jedan online alat za editovanje CSS koda.

CSS Mate je jednostavan online CSS editor.

Firdamatic is je generator layout-a za šablone sa 2 ili 3 kolone.

Web 2.0 Logo Creator može biti od koristi prilikom generisanja logotipa u web 2.0 stilu.

Buttonator je alat za online izradu dugmića sa sajtove.

Web 2.0 Badges može poslužiti za prilikom izrade web 20 badževa.

Favicon Generator služi za laku i jednostavnu izradu ikonica za browesere.

Creamundo je tu da se postara da pronadjete prave fontove prilikom dizajniranja stranice. Sadrži više od 9800 besplatnih fontova.

CSS Superdouche može biti od pomoći prilikom optimizovanja Vašeg CSS-a.

CSS Gradient generator služi za generisanje gradient efekta pomoću CSS-a.

Podelite link:
  • Print
  • StumbleUpon
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Netvibes
  • RSS

Mozilla najavljuje Firefox 4

Napisano u kategoriji (IT vesti) autor Davor datum 13-05-2010   
Buzz It

Mozilla je najavila da će sledeći update najpopularnije open source browser-a biti poznat kao Firefox 4.0.

Prema mapi puta koju su sačinili ljudi zaduženi za razvoj omiljene nam “lisice”, verzije 4.0 stiže do nas u novembru 2010. godine, a prva beta verzija se očekuje već u junu.

Predhodno, developeri su planirali da verziju Firefox 3.6, kao posledji veliki update, zamene verzijom Firefox 3.7 negde sredimo godine. Ali došlo je do zaokreta, naime, planirana verzija Firefox 3.7 biće puštena po nazivom Firefox 3.6.4.

Prema najavi glavnog developera Firefox-a Mike Beltzner-a, Firefox 3.7 je planiran kao update koji će u mnogome ispraviti bagove i krešovanje koje izazivaju pluginovi koji nisu u potpunosti kompatibilni.

Jedna od novosti koju su najavili Beltzner i njegova ekipa jeste i novi interfejs za verziju 4.0. “Nešto što dizajneri korisničkog interfejsa (UI) već odavno znaju i što će pojednostaviti samu navigaciju, pojednostaviti stvari i ubrzati sam browser…” Beltzner je dodao, “Što manje vremena korisnici potroše pregledajući stavke i opcije u meni, brže će pronaći ono što im je potrebno. Zaniči cilj nam je pojednostavljenje izlgeda i ubrzanje rada.”

Neke od najavljenih novina su i nova aplikacija za kontrolu tabova, rad sa tabovima, lako vraćanje isključenog taba, zatim umanjen broj modal dijalog boksova itd…

Ovi lideri open sourcera planiraju 64-bitnu verziju Firefox-a 4.0 za Windows i Mac OS X. ®

Podelite link:
  • Print
  • StumbleUpon
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Netvibes
  • RSS

Napravite Image Slider uz pomoć jQuery-a i CSS-a

Napisano u kategoriji (Web dizajn) autor Davor datum 30-04-2010   
Buzz It

Načina na koji možete samostalno napraviti Slider sa slikama koristeći neki od popularnih JavaScript framework postoji zaista mnogo, evo jednog koji je veoma zanimljiv a i konačan proizvod upotrebe jQuery-a i CSS-a je lep i funkcionalan slajder.

Coddrops je napisao kompletan tutorial pa Vam predlažemo da pogledate ceo post ovde, tu se nalaze instrukcije, demo i download link.

Podelite link:
  • Print
  • StumbleUpon
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Netvibes
  • RSS

Firefox uskoro i na Android platformi

Napisano u kategoriji (IT vesti) autor Davor datum 29-04-2010   
Buzz It

Mozilla je lansirala “pre-Alpha” verziju Firefox-a za telefone sa Android platformom.

Mobilna verzija Firefox-a, nosi radni naziv Fennec, do sada je bila ograničena isključivo na Maemo Linux i Windows Mobile, ali usled velikog napora developera, Mozilla je najavila dolazak svog flagship-a Firefox na Android 2.x.

Mozilla ne garantuje za performanse i stabilnost svog browsera. “On verovatno neće pojesti Vaš telefon,ali potencijalni bagovi mogu dovesti do prestanka rada Vašeg telefona ili čak i do reboot-a…” napisao je Mozilla developer, Vladimir Vukićević na svom blogu. “Potrošnja memorije nije velika – uglavnom se radi o debug verziji, još nismo posvetili paznju optimizaciji što može napraviti problem prilikom prikaza velikih stranica i onih koje zahtevaju dosta rama, to može napraviti problem na Droid-u.”

Mozilla upozorava da će se browser prvi put restartovati prilikom pokretanja i kad se instalira novi add-on, takodje, najavljuju skoro otklanjanje ovog bug-a.

Verzija za Android donosi i “eksperimentalnu verziju” Weave-a, koji sinhronizuje bookmarke, lozinke i browser history sa Vaše desktop verzije.

Dolazak verzije Firefox-a za Android opet otvara pitanje da Mozilla želi da ponudi Firefox korisnicima iPhone-a. Podsećamo, Mozilla je odustala od razvoja softvera za iPhone, tvrdeći da je Apple napravio razvoj aplikacija nepotrebno preteškim, pokušavajući da sačuva user-expirience od izmena sa strane. Ipak, Apple-ova odluka da dozvoli Opera Mini browseru ulazak u App Store može dati nadu da će i Mozilla razmisliti o tome. Naravno, o daljem razvoju događaja bićete obavešteni.

Podelite link:
  • Print
  • StumbleUpon
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Netvibes
  • RSS