Budućnost Interneta i društvenih mreža

Internet je, kada pogledamo, u odnosu na prošlo stoljeće, zaista promijenio svijet. Povezaniji smo s ljudima više nego ikad, informacije stižu do nas skoro pa u stvarnom vremenu, a i sve više vremena provodimo surfajući Internetom. Posve je sigurno da je to definitivno medij sadašnjosti, iako velik broj ljudi ima problema sa tim shvaćanjem Interneta.

Naravno, nije sve kako bi trebalo biti. S nama su još ostaci iz prošlog stoljeća, poput televizije i telefona. Naravno, i oni evoluiraju, pa sada uvodimo digitalnu televiziju, razgovaramo mobitelima, a ne putem fiksne linije, ali nekako smetaju u mojoj viziji daljnjeg razvoja 21. stoljeća.

Morate znati da smo mi u ovom stoljeću tek 9 godina. Još niti jedno desetljeće. Ako pogledate odnos 2000. – 2009. shvatit ćete koliko se svijet promijenio. Više ne idemo u videoteke posuđivati filmove, skinemo ih s torrenta (iako ilegalno), gledamo čistu sliku na TV-u bez snijega, uglavnom, shvatili ste valjda.

Pa što nas čeka?

U slijedećih nekoliko godina (devet, deset) opet će se mnogo toga promijeniti. No ono što je bitno je da ćemo se riješiti “relikvija” iz prošlog stoljeća. Sve će biti povezano putem internetske mreže.

Revolucija “Društvene mreže”

Telefonsku komunikaciju u potpunosti zamijenit će društvene mreže. Teško za povjerovati, ha? E pa i nije baš, ako u tome podrazumijevamo i VoIP komunikaciju. Jedna obična društvena mreža, ne mora čak niti biti Facebook, možda i neki novi igrač, uz sve što je danas normalno za društvene mreže, ponudit će i glasovnu, te i video komunikaciju. Zašto ne?

Naravno, odmah bi zamijenile i SMS, jer bi se mogli dopisivati putem te društvene mreže, s nekim modulom za dopisivanje, koji bi bio sličan, recimo Twitteru, ali privatan.

Mobiteli bi mogli postati uređaji koji imaju, naravno, vezu na Internet, i pomoću njih koristili bi se tom društvenom mrežom. Tu je također bitno, da to više ne bi bila “društvena mreža”, barem ne u onom smislu u kojem ih danas doživljavamo. One bi evoluirale u komunikacijski alat, nasljednika telefona.

Televizija, novine

Što se tiče televizije, siguran sam, da što god da se dogodi, taj sadržaj primat ćemo putem internetskog priključka, kao što je MaxTV danas. Televizija će definitivno doživjeti napredak, koji bi se mogao razvijati u jednom od dva smjera.

Jedan od njih podrazumijeva da bi televizija mogla ostati u obliku u kojem je danas, sa emitiranjem raznih emisija, filmova i ostaloga. Samo što bi mi mogli birati u koje vrijeme želimo što gledati, no samo između sadržaja koje nudi postaja.

U drugom smjeru, koji se meni čini kao više logičan, je da će televizija izumrijeti. Naravno, ovo ne znači da više nema filmova i takvih stvari. Gledat ćemo već pripremljene sadržaje, koje će streamati nešto slično YouTubeu (ili sam YouTube), ali s time da će se uvesti nova komponenta. Taj videoservis (YouTube) će biti pun komercijalnog sadržaja, od starih filmova, pa do najnovijih blockbustera, serija i ostalog sadržaja. Naravno, sve će se to plaćati, i moći ćemo gledati što želimo, kad želimo. Ovo opet ne treba gledati kao web-stranicu sa video sadržajem, već će ona jednostavno evoluirati u nešto što bi mogli nazvati nasljednikom televizije.

Informiranje i novine

Novine definitivno izumiru. S njima vjerojatno i web-portali, “novine” na Internetu. Kako ćemo pratiti informacije, još nisam uspio 100% zaključiti, ali mislim da će to biti nešto slično Twitteru, gdje će vijesti biti real-time.

Te će informacije, uz obične građane, na taj servis plasirati i profesionalni reporteri, koji će nas, naravno, profesionalno, kako smo i danas navikli, podrobnije izvještavati o aktualnostima. Vrlo je vjerojatno, da ćemo za neke od tih usluga, naravno, morati i platiti nešto.

Ovdje izumire još jedna navika, a to je odvajanje vremena za informiranje. Ono, odvojite si pola sata da pročitate novine, pogledate vijesti na Internetu ili pogledate Dnevnik na TV-u. Informacije će biti stalno uz nas, u mjeri kojoj im mi dopustimo (npr. po važnosti, ili kategoriji).

Uz izumiranje novina, web portala i svega ostaloga, ostaju nam jedino blogeri. O svemu što nas bude zanimalo, moći ćemo čitati na određenim blogovima, a zapravo će blogeri preuzeti ulogu novinara u intervjuima, recenzijama, tračevima, itd.

Uh, koje promjene.

Da, istina je, ali kad pogledate malo, ima vremena da se to ostvari, jer gledamo u sljedećih 10. godina, znači do 2019. Ima jako puno vremena da se ovo ostvari. I naravno, ovome ne treba slijepo vjerovati, ovo je samo moja vizija budućnosti.

Gdje su u ovoj cijeloj priči računala?

E da, nigdje nisam spomenuo računala. Ona danas definitivno imaju previše utjecaja na nas i previše se koristimo njima, čak i za neke stvari za koje nisu bila zamišljena. Definitivno možemo zaboraviti da ćemo se tako puno koristiti računalom, jer ćemo ovo sve gore nabrojano obavljati putem televizijskog uređaja i uređaja sličnog mobitelu. A računala? Ona će ostati ono za što su namijenjena. Za profesionalni rad, za pisanje, projektiranje, snimanje glazbe, filmova, izračune i ostalo.

To ne znači da nećemo imati računala u kući. Svatko će imati računalo, kao što je normalno da svatko ima olovku. Samo ćemo ih rasteretiti nekih stvari koje će, “evolucijom”, prijeći na neke druge uređaje.

Komentari, mišljenja.

Molim vas da komentirate ovaj post. Želim znati što vi mislite, sviđa li vam se moja vizija budućnosti? Dakle, sve pohvale, kritike i komentare molim ovdje ispod. Hvala.

Oglasi

Koliko nam znači Apple

Apple je tvrtka poznata po brojnim inovacijama. I iako nemaju puno proizvoda, ono što imaju i ono što nude, na neki način, utjecalo je na nas, koristili mi te uređaje ili ne, te je utjecalo ili direktno ili indirektno, ali definitivno je nemoguće da nema utjecaja.

iMac

iMac je stolno računalo, izašlo 1998. godine. Kada je izašlo, bilo je revolucionarno. Način na koji je iMac promijenio svijet računala je taj da je razbijena predrasuda. Da, računala stvarno nisu morala biti siva, bež ili bijela. iMac je unio revoluciju u dizajn osobnih računala, i iako se taj utjecaj počeo preslikavati u PC svijet tek nedavno, definitivno je velik.

iMac je donio još jednu revoluciju, a to je all-in-one koncept. Zapravo je koncept računala, kao skup zasebnih dijelova povezanih kabelima, koji zajedno funkcioniraju, jako čudan. Ne postoji druga alternativa u proizvodima koja je tako zamišljena. I naravno, tu je došao Apple da to ispravi. Opet, 1998. onaj isti iMac, također je bio i all-in-one računalo, a tek nedavno ta ideja se preselila u PC svijet. Jer, PC-aši su uvidjeli kako iMac grabi sve veću popularnost, i trebali su nešto poduzeti, a to je klasika, koju je Apple opisao u jednoj rečenici “Redmond, start your photocopiers.”, samo što u ovom slučaju umjesto Microsofta, tu su proizvođači računala.

iPod

iPod je na tržište izašao 2001. godine, i također je bio revolucionaran proizvod. Proizvod koji je popularizirao MP3, te prvi uspješan MP3 player. OK, prva generacija možda nije bila baš nešto, ali to je definitivno jako utjecajan proizvod.

Da njega nije bilo, nisam siguran da bi današnje tržište MP3 playera (OK, prije godinu dana, sad slušamo glazbu sa svojih mobitela) bilo tako veliko. Naravno, tu je i ona dizajnerska strana, pa tako jako puno MP3 playera izravno podsjeća na jako popularan iPod.

O popularnosti iPoda ovdje u Hrvatskoj nije baš jednostavno govoriti, jer ga nema baš puno ljudi (više ih ima neke jeftine kineze), ali vani, definitivno je popularan.

iPhone

iPhone je na tržištu od 2007. godine, i to je jedan od najutjecajnijih Appleovih proizvoda uopće. Nakon njegovog izlaska, tržište su poplavili brojni touchscreen modeli koji su definitivno bili lošiji od iPhonea, a tek su se nedavno počeli pojavljivati malo kvalitetniji konkurenti, no iPhone nema pravog konkurenta, barem dok on do kraja ne ostvari svoj utjecaj. Ironično, ali tek kad iPhone 100% promijeni živote svih nas, onda će doći pravi konkurenti. Ne brinite, sve će se razjasniti u trenutno.

Prva iPhoneova “misija” je gotova i to je to. Posve je sigurno da će u dogledno vrijeme, touchscreen smartphonei istisnuti klasične mobitele, te će zapravo smartphone biti ono što očekujemo od najobičnijeg modela.

Druga iPhoneova “misija” trenutno je u tijeku i uspješno se provodi. Opet su svi “uključili svoje kopirke” i počeli su kopirati koncept App Storea. Odjednom, svaka platforma, polako dobiva svoje verzije App Storea (sa malo različitim imenima, npr. App Catalog) gdje korisnici vrlo jednostavno mogu updateati svoj mobitel nekom novom funkcijom, ili downloadati (kupiti) neku novu igricu.

I zadnja misija, koja će definitivno promijeniti koncept Interneta i njegovih sadržaja, po mojem mišljenju počet će se ispunjavati do kraja sljedeće godine, a vrlo vjerojatno i ranije. O čemu se radi? iPhone je prvi uređaj s kojeg je postalo normalno pristupati Internetu, i to preko 3G mreže. Dok iPhone nije izašao, nitko vjerojatno nije mislio da će uskoro moći imati YouTube, Wikipediu, ali i društvene mreže u džepu, uvijek uz vas.

Zbog iPhonea, uvedene su podatkovne tarife. U većini zemalja postoje i unlimited (flat) tarife, dok kod nas postoje one od 1, 2 i 5 GB. Definitivno dovoljno za nešto što je skoro do jučer bilo nezamislivo. Ono što će se dogoditi je, da će se ova iPhoneova ekskluziva premjestiti u normalne tarife, pa će tako postati normalno uz svaku tarifu nuditi i neki određeni podatkovni promet. Tada će Internet postati dostupan uvijek i svugdje, preko svakog mobitela, i to je ono što će nam promijeniti život. Spoznaja da Internet više nije “ekskluziva” računalnog monitora, već je to nešto što postaje dijelom života svih nas, odsada i uvijek uz nas.

Ostali utjecaji

Apple je naravno imao utjecaja i na mnoge druge stvari. Pružaju jedan od najpopularnijih načina nabave legalne glazbe, iTunes Store, koji nažalost nije još u Hrvatskoj. On je toliko promijenio tržište glazbe, a i sveukupno je utjecao na način digitalne distribucije sadržaja.

Apple je također utjecao i na Windowse. Windowsi dolaze sa wid… mislim, gadgetima, i također nude revolucionaran način indeksiranja i brze pretrage računala nazvan Spot… Windows Search. Naravno, tu je i taskbar Windowsa 7, za koji Microsoft kaže da je ideju uzeo iz svoje prve verzije Windowsa. Je, moš’ mislit. Možda samo izgled. A po tome Windows 1 imali su mogućnost manipulacije otvorenim i zatvorenim aplikacijama, postavljanje prečaca. A uostalom, cijeli taj suživot prečaca i pokrenutih aplikacija neodoljivo podsjeća na Dock, ali neeee, pa to nije Dock, jer nema onaj fancy zoom, to je ipak Windows 1 taskbar.

Budućnost

Apple toliko, utjecajima iz prošlosti (all-in-one) i sadašnjosti (iPhone, multitouch,…) zaista utječe na našu sadašnjost, a ne želim zamišljati što će se dogoditi u bližoj budućnosti (npr. sigurno poboljšanje u standardima računalnih monitora, veće rezolucije (1920×1080 na 21.5”, na to mislim :), popularizacija 16:9 ekrana, a to samo što se tiče monitora, tu će se dogoditi još mnogo toga, a prvo je ono sa Internetom u džepu na svakom mobitelu. :P )

Za kraj, svim Apple haterima, osvrnite se malo oko sebe i vidjet ćete koliko ta, tako vam mrska tvrtka, ima utjecaja, vjerojatno i direktno na vas.

Prijeći ili ne na Windows 7?

Windows 7 novi je operativni sustav koji je izašao iz Microsofta, star oko mjesec dana (barem u legalnoj prodaji). Windows 7 ima sve dobre osobine i Viste i XP, odbacujući one loše. Pitanje je dana kada će Windows 7 istisnuti XP, barem kod kućnih korisnika.

Windows XP

Uspoređivati Windows 7 i XP je kao uspoređivati XP i 95. Razlike su prevelike i XP je jednostavno zastario sustav. XP je sustav izdan 2001. godine, i u svoje vrijeme nije bio nešto revolucionaran, kao niti što je danas Windows 7. XP nam je donio teme, tako da više nismo morali gledati ono klasično, sivo, kockasto sučelje.

Kada su Windowsi XP izašli, reakcije su bile grozne (za razliku od Windowsa 7, koji su dočekani odlično), svi su govorili da će ostati na svojim 98-icama. Dopuštao je upgrade sa svih sustava od 98 do ME. I takav je bio do SP2. Tada su ga ljudi počeli puno bolje prihvaćati.

Novosti u XP-u

Kada je izašao, novosti u XP-u bile su:

  • Unaprijeđena kompatibilnost sa hardverom
  • Welcome Screen (onaj pojednostavljeni login ekran)
  • Fast User Switching
  • DirectX 8.1
  • Remote Desktop
  • Podrška za teme

Naravno, ovo vjerojatno nisu sve novosti, ali to je otprilike to.

Windows XP ima problema sa sigurnošću. U svoje vrijeme bio je siguran, ali jednostavno on nije bio namijenjen da ovako dugo izdrži. Originalna namjena mu je, kažu iz MS-a, bila kao međuverzija do Longhorna (Viste) koji je trebao izaći 2003., ali koliko se tome da vjerovati… Zapravo je razlog ukorijenjavanja Windowsa XP upravo Vista, koja je jako zakasnila.

Znači, trebam prijeći?

Da, i to što prije to bolje. Razlika u odnosu XP-a i Windowsa 7 je velika, i to i sa grafičke (sučelje) i sa arhitekturne strane. Većina funkcionalnosti u sedmici funkcionira totalno drugačije od XP-a.

Krenimo prvo od grafike. Grafički podsustav sedmice jednostavno je puno napredniji od onog XP-ovog. Procesor je rasterećen zadatka crtanja grafičkog sučelja, te je to premješteno na GPU (što je logično). Svaki prozor posebno se crta (renderira) i onda se spajaju u 3D prostoru (zato su mogući efekti poput prozirnosti, Flip 3D-a i ostalih Aero efekata. Svi efekti odrađuju se bez ikakvih zastoja, što znači da su XP-ova zastajkivanja, iscrtavanja i ono iritantno ostavljanje traga prozora dok se premješta s jedne pozicije na drugu prošlost.

Zvučni podsustav je također promijenjen. U XP-u svi zvukovi su bili spajani i prikazani kao jedan. U sedmici, zbog određenih promjena (u arhitekturi sustava) svakoj aplikaciji može se zasebno promijeniti zvuk.

Naravno, tu su i brojne druge promjene, u koje nisam baš upućen toliko da bih sigurno pisao o njima, ali budite sigurni da sve ide u vašu korist. Ako imate bolju grafičku karticu, Windows 7 bolje će je iskoristiti od XP-a. Također, ista stvar događa se i sa višejezgrenim procesorima i RAM-om (posebno u 64-bitnoj verziji).

Smjernice za dobar dizajn

Možda ste najbolji majstor za HTML i CSS na svijetu, poznajete sve mogućnosti, napredne selektore, znate sve elemente, kodirate “najsemantičkiji” kod na svijetu, ali to vam ništa ne vrijedi ako nemate smisla za dizajn. Bolje prepustite posao pravim dizajnerima, samo nemojte raditi sami dizajn od kojeg će mi otići oči i crknuti monitor. :) U svakom slučaju, ako ipak sami dizajnirate, dobro je slijediti neke smjernice koje se mogu globalno primjeniti, od blogova, korporativnih stranica, preko servisa, pa sve do portala.

Font

Teorija

Tekst je sve. Na web-stranicama najbitniji je sadržaj, koji je najčešće tekstualan (osim na YouTube-u, Flickru, i ostalim specijaliziranim servisima).

Odaberite čitljiv font, pristojne veličine i pravilnih proreda. Odabir čitljivog fonta stvar je pristojnosti i kulture. :) Definitivni font na koji ne trebate niti pomišljati je Comic Sans (odmah zaboravite ovo ime, i izbrišite font iz Fonts mape). U redu, kad smo se riješili tog fonta, idemo vidjeti što valja. Možete koristiti mnogo toga, no meni su osobno najljepši Arial, Georgia i Trebuchet MS. Za naslove su dobri fontovi Myriad Pro, te Lucida Grande (ili Lucida Sans kao fallback).

Praksa

  • Font-Family lista: Ovdje vam je zadatak postaviti listu fontova. Prvo se postavlja glavni (najpoželjniji) font, zatim fallback fontovi (od najbolje pa do najlošije zamjene), na kraju se postavlja vrsta fonta (serif, sans-serif,…). Primjer dobre liste: font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  • Proredi: Vrlo jednostavno – određuje visinu jedne linije teksta (line-height). Postavlja se kao line-height: 18px;. Vrlo jednostavno. :)

Primjer

Koji tekst biste radije čitali?

Koji tekst biste radije čitali?

Boje

Tu i nema neke filozofije. Možete koristiti bilo koju boju (odavno više nitko ne mari za web-safe boje, jer svi uređaji mogu prikazati sve (većinu) boja približno isto). Koristite boje koje nisu prenapadne i prekričave, ne koristite standardnu crvenu, žutu i plavu (#ff0000, #00ff00, #0000ff).

I naravno, i tu postoji pokoji trik. Nemojte koristiti čistu crnu (#000) i čistu bijelu (#fff), već koristite neku malo svjetliju crnu, ili tamniju bijelu (jaaaako svijetlu sivu zapravo). U dizajnu koristite možete koristiti sve boje, iako je dobro držati se standarda koji si sami postavite. Ako vam se dizajn sastoji od nenapadnih, smirujućih boja, ne možete staviti nešto prenapadno, jer time bodete ljudi u oči.

Whitespace

Teorija

Pustite sadržaj da diše (ne, Bronhi bomboni ne pomažu ovdje ;). Ne mora sve imati margine od 0 piksela. :) U ovo ulaze i proredi, koji su već spomenuti, ali također, trebali biste imati nešto razmaka između naslova, paragrafa, slika, ili kakvog već sadržaja na stranici. Ako imate mjesta između sadržaja, posjetitelj (čitatelj) ima mjesta gdje može “odmoriti”.

Ako želite znati kako bi bilo tom jadnom čitatelju koji se mora probijati kroz sadržaj (zapravo i neće, već će otići sa vaše stranice konkurenciji), zamislite kako bi vam bilo kupovati u supermarketu u kojem su police s namirnicama razmaknute toliko da se jedva provučete kroz njih. Biste li kupovali kod njih? Ili biste otišli konkurenciji? A konkurencije kod supermarketa ima dosta. Vjerojatno kao što postoji i vaša web konkurencija.

Praksa

  • Margine: Margina (u CSS-u) je razmak van elementa. Znači, ukoliko je margina vašeg DIV-a 10px, to bi značilo da je sve od njega odmaknuto minimalno 10px (uzmite u obzir i da drugi elementi mogu imati margine, a one se zbrajaju). Primjer: margin: 5px 5px 0px 5px;. U ovom primjeru element će imati gornju, desnu i lijevu marginu 5px, a donja margina bit će 0px. (redoslijed kao kazaljka na satu, krenite od 12 (gore), pa 3(desno), 6(dolje) i na kraju 9(lijevo)
  • Padding: Padding je isti kao margina, samo što nije van elementa, već u elementu. Znači, element koji ima padding 5px, imat će sve unutarnje elemente odmaknute od unutarnjeg ruba 5px. Sintaksa je ista kao i za margine: padding: 5px 5px 0px 5px;.

Forme

Teorija

Forme služe za interakciju s posjetiteljima. Preko njih posjetitelji traže sadržaj, unose komentare, ispunjavaju ankete, registriraju se, izrađuju narudžbe. Ovdje je bitno da vam forme ne zbunjuju posjetitelja, da su jednostavne i lake za ispuniti, te naravno da dobro izgledaju.

Tu primjenite sva pravila koja smo dosad naučili, dajte elementima da dišu, postavite dobar padding, te sve to učinite zamamnim. Postoji i trik koji čini textboxove mnogo ljepšima, a to je da postavite lagani bijelo-jakosvijetlosivi gradient. Također je bitno istaknuti i koji element je trenutno aktivan. I to je to, ništa komplicirano.

Praksa

  • Dohvaćanje određenog tipa: Stilizirati određeni tip inputa možete putem selektora input[type="tip-inputa]". Tip inputa može biti password, text, ili koji već element želite stilizirati.
  • Fokus: Ako želite poseban stil za element koji je u fokusu, dohvatiti ga možete sa npr. input[type="text"]:focus. Jednostavno, zar ne?

Primjeri

Koju formu biste radiji ispunjavali?

Koju formu biste radiji ispunjavali?

Dok slijedite smjernice,…

Naravno, ovo nisu sve smjernice, ima još toga dosta što čini dobar dizajn, ali ako slijedite ove, najosnovnije, od lošeg dizajna, možda možete napraviti koliko-toliko solidan dizajn.

Ako vam fali inspiracije, prosurfajte brojnim CSS galerijama, gdje ćete zasigurno dobiti mnogo ideja, ali ne kopirajte. CSS galerije služe samo za inspiraciju, a ako se ne možete suzdržati od krađe, onda radije pročitajte neki časopis, jer i oni su dizajnirani, a vama treba inspiracija, :)

Web savjeti (2) – Naučite HTML 5 na vrijeme

Ovo je drugi dio Web savjeta, logičan nastavak na prvi dio. U ovom dijelu savjetujem vam da naučite HTML 5 i da budete spremni kada on bude u upotrebi.

HTML 5 nije teško naučiti, treba se samo naviknuti na korištenje novih elemenata, što naučite za koji dan. No, uvijek je dobro biti spreman, pa krenimo.

Novi strukturni elementi

Trenutno vam je normalno da strukturirate sadržaj pomoću DIV elemenata kojima onda dajete klase i ID-e. Tako za header imate npr. <div id=”header”>. HTML 5 uvodi niz novih, semantičkih (iako bi se o ovome dalo još raspravljati) elemenata, koje ću vam sada predstaviti.

  • <header> Trebao bi se koristiti za bilo kakva zaglavlja, uključujući header dokumenta (logo, navigacija, pretraga).
  • <nav> Ovaj element treba koristiti za dijelove stranice sa navigacijskim linkovima. Obuhvaća glavnu navigaciju, te bilo koje druge linkove koji pomažu u navigaciji siteom (npr. breadcrumb).
  • <section> Ovo je element dosta sličan DIV-u. Koristi se za grupiranje dijela sadržaja na web stranici (npr. <section id=”related-content”>).
  • <aside> Ovaj element, iako tako djeluje na prvu, uopće nije namijenjen za sidebare, iako se može koristiti i za njih. On bi se trebao koristiti za bilo kakav dodatan sadržaj koji je povezan sa sadržajem koji okružuje.
  • <footer> Ovaj element koristi se footer stranice i podnožja članaka gdje se prikazuje tko je autor, tagovi članka, broj komentara, itd.

Video i audio

Video (<video>) i audio (<audio>) novi su elementi HTML-a koji omogućuju ubacivanje video i audio sadržaja bez posredovanja Flash playera. Mislim da ćemo podršku za njih najduže čekati jer se proizvođači browsera ne mogu dogovoriti oko standardnog formata koji će svi podržavati.

Spremni ste…

Eto, u ovom kratkom članku, koliko-toliko ste spremni za tehnologiju koje dolazi u slijedećih nekoliko godina. Naravno, sada znate elemente, a pravo korištenje tih elemenata shvatit ćete nakon što neko vrijeme provedete u novom HTML-u. Možda još uvijek ne možete takve siteove objaviti, ali probajte privatno, za sebe, prekodirati neki dizajn u HTML 5.

I da, još sam vam zaboravio spomenuti, DOCTYPE novog HTML-a jako je jednostavan i lako pamtljiv:

<!DOCTYPE html>

Uživajte…

Web savjeti (1) Naučite CSS 3 na vrijeme

Ovo je prvi od mnogih (nadam se) kratkih web savjeta. Web savjeti su kratki članci u kojima vam dajem – vjerovali ili ne – savjete o mnogobrojnim aspektima web dizajna i programiranja.

Naučite CSS 3 na vrijeme

CSS 3 kuca na vrata, a vi još niste spremni? Znate li da sve više i više browsera svakim danom podržava sve više i više novih mogućnosti. I stvarno se ne pripremate za to? Iako znate da stalno dolaze nove stvari? E pa danas će se to promijeniti. Danas ćete naučiti nekoliko CSS 3 svojstava, za početak.

Sjene

Ne morate više koristiti Photoshop da biste dobili najjednostavniji drop shadow. Za to možete upotrijebiti dva nova CSS property-a.

Box Shadow

Box Shadow primjenjuje se na sve block elemente. Njegovo korištenje veoma je jednostavno . Evo vam jedan jednostavan primjer:

.element{
    -moz-box-shadow: 5px 5px 7px #777; /* Za Gecko browsere */
    -webkit-box-shadow: 5px 5px 7px #777; /* Za Webkit browsere */
    box-shadow: 5px 5px 7px #777; /*  Kada CSS 3 postane standardan, 
                               koristit će se samo ovaj property. */
}

Ovo je rezultat upotrebe box-shadowa. Stavili smo sjenu na DIV element bez ikakve upotrebe Photoshopa, background slika, i ostalih gluposti. Najjednostavnije, kako je uvijek i trebalo biti. Zbog lakše uočljivosti efekta, dodao sam i sivu pozadinu.

Dakle, format za korištenje je box-shadow: x-offset y-offset zamućenje sjene #boja.

Text Shadow

Text Shadow efekt isti je kao i box shadow s razlikom da se ovaj primjenjuje na tekst. Osnovni primjer veoma je sličan.

.element{
    text-shadow: 3px 3px 4px #AF333A;
}

Ovo je tekst sa sjenom. Namjerno nisam stavio crnu običnu sjenu, da vidite da se mogu koristiti i druge boje. Ako probate selektirati ovaj tekst, vidjet ćete da je to obični tekst, a ne slika.

Možete kombinirati i više sjena, pa dobiti još zanimljivije efekte. Samo dodajte još jedan text-shadow i postavite ga drugačije od prvog.

Format za korištenje: text-shadow: x-offset y-offset zamućenje sjene #boja.

Zaobljeni rubovi

OK, znam da vas dosta zna za ovo, ali da ponovimo gradivo. Za zaobljene rubove uvijek se trebalo pomučiti. Photoshop, rezanje, puno DIVova, floatanje, itd. Naravno postojali su i drugi načini tipa da u Photoshopu izrežete zaobljeni vrh i dno DIV elementa, pa onda iznad tog DIVa imate div-header, a ispod imate div-footer ili nešto slično. OK, dosta prisjećanja starih vremena, vrijeme je za nove tehnologije.

.element{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ddd; /* Da se primjeti efekt */
}

I evo ga, zaobljeni rubovi, sa samo jednim malim komadićem teksta u CSS-u :)

Prozirnost

Za kraj, jedan od najjednostavnijih – prozirnost. Njime možete “narediti” nekom elementu koliko će biti proziran. Evo i jednostavnog primjera.

.element{
    background-color: #0000FF; /* Čista plava boja */
    opacity: 0.4;
}

Kao što vidite, postavljena je čista plava boja, ali kako je element poluproziran, boja više nije plava. Što je jednostavan dokaz da je element poluproziran.

Ovo nije sve

Dakako, ovo nije sve od CSS-a 3. Proučavajte mogućnosti i pripremajte se za dan kada će IE6 biti skroz zaboravljen, a Microsoft će izraditi browser koji podržava sve ove elemente.

NAPOMENA: Nažalost, svi browseri ne podržavaju prikaz ovih elemenata pa ako ništa ne vidite, nabavite si pristojan browser. :)

Cool tekst editor

Ako ste čitali moje top liste programa, znate da sam kao preferirani tekstualni editor koristio Notepad++. E pa više nije tako. Nedavno sam pronašao E-TextEditor, najcool tekst editor koji sam ikad isprobao.

Što je E-TextEditor?

E-TextEditor (u daljnjem tekstu E)editor je svih tekstualnih datoteka (HTML, CSS, PHP, Ruby, Java, JavaScript, JSON, XML, C, C++, C#, i mnogi drugi formati). E je nešto kao TextMate za one koji nemaju Mac. Njegov razvoj podržan je od autora TextMate-a.

Mogućnosti

  • Kompatibilan sa TextMateom. To jednostavno znači da koristeći E, imate pristup svim ekstenzijama (temama, jezicima, bundleovima, itd.). Drugim riječima, znate da ste u sigurnim rukama, jer toga za TextMate ima dosta.
  • Menadžer projekta. Slično kao i u TextMateu, samo odvucite vaš projektni folder u E i u sidebaru imate pristup svim fileovima. Fileove možete preimenovati direktno iz sidebara, možete kreirate nove fileove i foldere. Jako moćno.
  • Bundleovi. Ukratko, objašnjeno na primjeru. Treba vam conditional comment za IE6. Napišite “!” i pritisnite Tab. Na ekranu vam se pojave sve opcije i samo pritisnete željeni broj. Za IE6 je to broj 5. I to vam postane navika. Trebam conditional comment za IE6. “!” i tab, 5, na ekranu vam stoji kod za conditional comment. Ista stvar za npr. DOCTYPE. Za Strict DOCTYPE napišete “DOCTYPE”, tab, 3, i to je to. Više nikad ne morate copy-pasteati DOCTYPE iz starog projekta u novi.
  • Teme. Tko kaže da pozadina teksta uvijek mora biti bijela. Ne mora, na raspolaganju vam stoji hrpa tema. Meni je najdraža Monokai, sa tamno-sivom pozadinom i bojanjem koda u pastelnim bojama.

Besplatno? Da, ako ste na Linuxu

Možda vam zvuči čudno, ali to je njihova politika zvana Open Company. Funkcioniraju tako da se verzija za Windows plaća, a Linux verzija je besplatna.

Kod ove aplikacije je objavljen, ali sa jednom iznimkom. Nije objavljena sama mala jezgra aplikacije bez koje je nemoguće kompajlirati aplikaciju. To im omogućuje da netko ne napravi besplatno izdanje za Windows. Jezgra je različita za Windows i Linux, a za Mac neće postojati kao znak poštovanja autora TextMatea.

Sudjelovati u razvoju možete tako da proširite aplikaciju prema svojim potrebama, i pošaljete kod autorima na reviziju i recenziju. Ako je rad kvalitetan, bit će uvršten u sljedeću aplikaciju. Pristup jezgri dobit će samo oni autori koji budu aktivno pridonosili zajednici.

Stvarno zanimljiva ideja, biti nešto kao open source, a opet zarađivati na korisnicima Windowsa.

Trebam li koristiti?

Po meni da. Bilo da razvijate u PHP-u, pišete obični HTML i CSS, koristite Ruby, ili nešto drugo, definitivno vam preporučam ovaj editor. Naravno, samo ako vam ne smeta platiti $34,99, ili ako vam ne smeta malo proći po torrentima. Ako ne želite koristiti opciju Torrent, a i $34,99 vam je puno, ostanite na Notepadu++.

UPDATE: Zaboravio sam objaviti link na web-stranicu, www.e-texteditor.com