Osobni razvoj za pametne ljude. Princip upravljanja danom

HTML5 za web dizajnere

Jeremy Keith ima sposobnost lako i jasno pisati o složenim problemima i odmah ih istaknuti važne točke, koji imaju značenje za programere dizajna. U knjizi "HTML5 za web dizajnere" govori o moderni trendovi u području web razvoja.

HTML5 ima mnogo zanimljivih oznaka, uključujući podršku za audio i video datoteke. Sada ne morate gubiti vrijeme na instaliranje dodataka za reprodukciju glazbe ili videa - samo upotrijebite jednu od novih oznaka.

Autor tvrdi da već sada možete koristiti strukturne elemente HTML5, kao što je stiliziranje bilo kojeg elementa koji želite izmisliti ili početak korištenja dodatnih razina naslova koji su vam dostupni.

Knjiga Jeremyja Keitha pravi je vodič za korištenje HTML5.

Keith Jeremy HTML5 za web dizajnere Predgovor

Kad smo Mandy Brown, Jason Santa Maria i ja započeli knjigu A Book Apart, smatrali smo da je jedna posebna tema posebno hitna i da je postojao samo jedan autor koji se s njom mogao nositi.

Nijedna druga tema, bilo da se radi o "potpunim fontovima" ili CSS3, ne uzbuđuje zajednicu standarda više od skorog dolaska HTML5. Rođena iz frustracije W3C-ovim sporim tempom razvoja i konzervativnim politikama, ova nova varijacija zajedničkog jezika weba, zamišljena za web aplikacija (ne samo dokumenata), uzbudljiva je, ljuti i zbunjuje zajednicu web-programera u jednaka mjera.

Jeremy Keith ima jedinstvenu sposobnost objasniti HTML5 i izravno pisati o onome što je važno dizajnerima/programerima koji žele napraviti pristupačan dizajn temeljen na standardima. Jeremy je već obradio DOM i JavaScript na vrlo jasan način, a isto čini i u ovoj knjizi koja ima pravu količinu riječi i ilustracija.

Postoje druge knjige o HTML5, a bit će ih još mnogo. Bit će tu knjiga od petsto stranica napisanih tehničkim jezikom za programere aplikacija, čije su potrebe uvelike potaknule razvoj HTML5. Bit će još obimnijih knjiga – za programere preglednika, koje će ponuditi rješenja tehničkih problema o kojima – hvala nebesima! – ti i ja nikada nećemo morati razmišljati.

Ali ova je knjiga za vas - osobu koja stvara sadržaj za web, koja stvara smisleno, semantičko označavanje web stranica, koja razvija pristupačna sučelja za pristupačne tehnologije. Ovu knjigu možete nazvati priručnikom s uputama za korištenje HTML5. Njegov je cilj - kao i svih knjiga u katalogu A Book Apart-a - baciti jasno svjetlo na zbunjujuću temu, i to brzo, tako da se možete odmah vratiti na posao.

Jeffreya Zeldmana 1. Kratka povijest markupa

HTML je povezujući jezik World Wide Weba. Koristeći jednostavne oznake koje ovaj jezik sadrži, ljudska je rasa uspjela stvoriti zapanjujuće raznoliku mrežu hiperlinkovanih dokumenata - od Amazona, eBaya i Wikipedije do osobnih blogova i stranica posvećenih mačkama koje izgledaju poput Hitlera.

HTML5 je najnovija iteracija ove lingua franca, i iako je to najambicioznija promjena u našem zajedničkom govoru, to nije prvi put da se HTML ažurira. Jezik se počeo razvijati od samog početka.

Kao i sam web, HyperText Markup Language (HTML) bio je zamisao Sir Tima Berners-Leeja, koji je 1991. godine napisao dokument pod nazivom HTML oznake, predlažući oko 20 elemenata koji se mogu koristiti za pisanje web stranica.

Sir Tim nije došao na ideju korištenja oznaka koje se sastoje od riječi u uglastim zagradama; takve su oznake već postojale u formatu SGML (Standard Generalized Markup Language). Umjesto izmišljanja novog standarda, Sir Tim je vidio prednosti razvoja jezika kao dodatka postojećem standardu, što je trend koji je još uvijek vidljiv u razvoju HTML5.

Od IETF do W3C: put do HTML 4

Nikada nije postojalo nešto poput HTML 1. Prva službena specifikacija bila je HTML 2.0, koju je objavio IETF (Internet Engineering Task Force). Mnoge se stavke pojavljuju u ovoj specifikaciji jer su već postojale u praksi. Na primjer, vodeći na tržištu web preglednik Mosaic već je 1994. godine autorima web stranica omogućio umetanje slika u dokumente pomoću oznake . Element img kasnije se pojavio u specifikaciji HTML 2.0.

IETF je zamijenio W3C, World Wide Web Consortium, koji je objavio naknadna ažuriranja HTML standarda na http://www.w3.org. U drugoj polovici devedesetih došlo je do naleta revizija specifikacije sve dok specifikacija HTML 4.01 nije konačno objavljena 1999. godine.

U ovoj točki, HTML je došao do svog prvog račvanja.

XHTML 1: HTML prema XML pravilima

Sljedeća verzija jezika nakon HTML 4.01 zvala se XHTML 1.0. "X" je označavalo "ekstremno", a svaki web programer je bio strogo dužan prekrižiti ruke u obliku slova "X" kada je počeo izgovarati naziv jezika.

Dobro, zapravo ne. "X" je označavao eXtensible, a prekriživanje ruku općenito nije bilo potrebno.

Sadržaj specifikacije XHTML 1.0 bio je potpuno identičan specifikaciji HTML 4.01. Nisu dodani novi elementi ili atributi. Jedina razlika bila je sintaksa jezika. Dok je HTML autorima davao više slobode u načinu pisanja elemenata i atributa, XHTML je od njih zahtijevao da slijede pravila XML-a, mnogo strožeg jezika za označavanje na kojem je W3C izgradio većinu svojih tehnologija.

Uvođenje strožih pravila nije bilo tako loše. To je pridonijelo činjenici da su autori dokumenata bili prisiljeni pridržavati se zajedničkog stila pisanja. Dok su ranije oznake i atributi mogli biti napisani velikim, malim slovima ili bilo kojom njihovom kombinacijom, kako bi XHTML 1.0 dokument prošao provjeru valjanosti, sve njegove oznake i atributi morali su biti napisani malim slovima.

Objavljivanje standarda XHTML 1.0 poklopilo se s početkom podrške za CSS u preglednicima. Kako su web programeri počeli prihvaćati nove web standarde (pokrenute Projektom web standarda), stroža XHTML sintaksa počela se smatrati najboljom praksom za pisanje oznaka.

Ako je XHTML 1.0 bio jednostavan HTML prepričan u XML-u, onda je XHTML 1.1 postao pravi XML, svim srcem i potpuno. Stoga ga poslužitelj nije mogao poslužiti s MIME tipom text/html. Ali ako su autori objavili dokument s vrstom XML MIME, tada najčešći preglednik na svijetu u to vrijeme - Internet Explorer - uopće nije mogao prikazati dokument.

Činilo se da W3C gubi osjećaj za stvarnost i što se zapravo događa s objavljivanjem dokumenata na webu.

XHTML 2: kraj strpljenju

Da je lik Dustina Hoffmana u The Graduate bio web programer, W3C bi mu rekao jednu riječ, točno jednu stvar: XML.

Iz perspektive W3C-a, razvoj HTML-a završio je na verziji 4. Počeli su raditi na XHTML-u 2, koji je dizajniran da vodi web u svijetlu budućnost temeljenu na XML-u.

Iako je naziv XHTML 2 zvučao prilično slično XHTML 1, između njih nije bilo ničeg zajedničkog. Za razliku od XHTML 1, XHTML 2 nije unatrag kompatibilan s postojećim web sadržajem pa čak ni s prethodnim verzijama HTML-a. To bi trebao biti čist jezik, neopterećen neurednom poviješću prethodnih specifikacija.

Nastala je potpuna katastrofa.

Split: WHATWG TF?

Kuhao je ustanak unutar W3C-a. Izvana se činilo da konzorcij formulira teoretski čiste standarde koji se ni na koji način ne odnose na potrebe web programera. Predstavnici Opere, Applea i Mozille bili su nezadovoljni ovim smjerom razvoja. Htjeli su da se više pozornosti posveti tehnologijama koje omogućuju izradu web aplikacija.

Sukob je došao do vrhunca na seminaru 2004. godine. Ian Hickson, koji je u to vrijeme radio u Operi Software, došao je na ideju proširenja HTML-a kako bi se omogućilo stvaranje web aplikacija. Ovaj prijedlog je odbijen.

Nezadovoljni buntovnici osnovali su vlastitu skupinu: Radnu skupinu za tehnologiju web hipertekstualnih aplikacija ili WHATWG.

Od Web Apps 1.0 do HTML5

Od samog početka WHATWG je počeo raditi potpuno drugačije od W3C. W3C je koristio pristup temeljen na konsenzusu: problem se postavlja, raspravlja, a zatim se o njemu glasa. U WHATWG-u se također postavljaju pitanja i raspravlja o njima, a konačnu odluku o tome što ulazi u specifikaciju, a što ne donosi urednik, Ian Hickson.

U teoriji, W3C proces se čini demokratičnijim i pravednijim. U praksi, političke borbe i unutarnje razmirice mogu uvelike usporiti napredak. U WHATWG-u, gdje svatko može dati prijedlog ili mišljenje, ali urednik ima zadnju riječ, sve se odvija brže. No urednik još uvijek nema apsolutnu moć: Upravni odbor, sastavljen na osobni poziv, može pokrenuti postupak opoziva protiv urednika u malo vjerojatnom slučaju da se ponaša kao dr. Strangelove.

Isprva je većina posla u WHATWG-u bila podijeljena u dvije specifikacije: Web Forms 2.0 i Web Apps 1.0. Obje specifikacije trebale bi biti proširenja HTML-a. S vremenom su se stopili u jednu specifikaciju koja se jednostavno zvala HTML5.

Udruga

Dok je WHATWG razvijao HTML5, W3C je nastavio raditi na specifikaciji XHTML 2. Nije kao da je krenuo autocestom u nigdje. Vozila je nigdje vrlo, vrlo sporo.

U listopadu 2006. Sir Tim Berners-Lee napisao je post na blogu u kojem je priznao da pokušaj prisiljavanja weba da prijeđe s HTML-a na XML nije imao šanse za uspjeh. Nekoliko mjeseci kasnije, W3C je objavio novi ugovor za HTML Working Group. Umjesto da počnu od nule, mudro su odlučili da svaka buduća verzija HTML-a treba koristiti WHATWG rad kao temelj.

Ovo zaustavljanje i ponovno pokretanje dovelo je do pomalo zbunjujuće situacije. Ispostavilo se da je W3C istovremeno radio na dvije različite, nekompatibilne vrste oznaka: XHTML 2 i HTML 5 (obratite pozornost na razmak prije 5). U isto vrijeme, posebna organizacija, WHATWG, radila je na specifikaciji nazvanoj HTML5 (bez razmaka), koja je trebala biti korištena kao osnova za jednu od W3C specifikacija!

Ako ste jedan od onih web developera koji to pokušavaju shvatiti, znajte da je značenje filmova “Memento”, “Detonator” i cijele filmografije Davida Lyncha lakše dešifrirati čak i ako ih pogledate unazad na leđa.

XHTML je mrtav: živjela XHTML sintaksa

Magla zabune počela se razilaziti 2009. godine. W3C je objavio da XHTML 2 ugovor neće biti obnovljen. Format je bio mrtav već nekoliko godina, a ova objava poslužila je samo kao službena smrtovnica.

Čudno je da smrt XHTML 2 nije prošla nezapaženo. Naprotiv, protivnici XML-a reagirali su zlobno i iskoristili objavu da ismijaju sve koji su ikada koristili XHTML 1—iako između XHTML 1 i XHTML 2 nije bilo praktički ničeg zajedničkog.

Kao što ćete uskoro vidjeti, to nije nužno slučaj. U HTML5 možete pisati ležerno ili strogo koliko želite.

HTML5 razvoj

Trenutno stanje HTML5 nije tako zbunjujuće kao što je nekad bilo, ali još uvijek nije u potpunosti shvaćeno.

Postoje dvije grupe koje rade na HTML5. WHATWG stvara HTML5 specifikaciju kroz proces "potvrdi, pa revidiraj". Radna grupa W3C HTML uzima ovu specifikaciju i stavlja je kroz proces pregledavanja, a zatim prihvaćanja. Kao što lako možete zamisliti, ovo je neugodan politički savez. Čini se da barem postoji konsenzus o ovom mučnom pitanju - s razmakom ili bez? (Ako ste se pitali, odlučili su napisati HTML5 bez razmaka.)

Možda je najzbunjujuće pitanje za one web programere koji testiraju vode HTML5 odgovor na pitanje "kada će biti spreman?"

Ian Hickson rekao je u intervjuu da očekuje da će HTML5 dostići predloženi status preporuke 2022. godine. Nakon toga uslijedio je val javnog bijesa brojnih web programera. Nisu razumjeli što znači "predložena preporuka", ali su itekako znali da nemaju dovoljno prstiju da izbroje koliko će godina proći do 2022.

Nije bilo razloga za ogorčenje. U ovom slučaju, da biste se kvalificirali kao "predložena preporuka", morate imati dvije potpune implementacije HTML5. S obzirom na opseg specifikacije, ovaj datum je nevjerojatno ambiciozan. Uostalom, preglednici nemaju najbolju reputaciju za implementaciju postojećih standarda. Internet Exploreru je trebalo više od desetljeća da doda podršku za—samo—element abbr.

Datum koji je stvarno bitan za HTML5 je 2012. Specifikacija bi trebala biti kandidat za preporuku ove godine. Ovo je standardni žargon za "gotovo i uglađeno".

Ali ni ovaj datum nije osobito važan za web programere. Važno je kada preglednici počnu podržavati HTML5 funkcionalnost. Počeli smo koristiti dijelove specifikacije CSS 2.1 čim su objavljeni preglednici koji podržavaju te dijelove. Kad bismo čekali da svaki preglednik u potpunosti podržava CSS 2.1 prije nego što ga počnemo koristiti, još uvijek bismo čekali.

Potpuno je isto s HTML5. Neće biti jasne točke na kojoj možemo proglasiti da je jezik spreman za upotrebu. Međutim, možemo početi koristiti dijelove specifikacije kada web preglednici počnu podržavati te značajke.

Zapamtite da HTML5 nije novi jezik stvoren od nule. Ovo je evolucijska, a ne revolucionarna promjena u tekućoj povijesti označavanja. Ako trenutačno izrađujete web stranice koristeći bilo koju verziju HTML-a, već koristite HTML5.

2. HTML5 uređaj

Razdoblje Francuske revolucije bilo je vrijeme ogromnih političkih i društvenih promjena. Samo vrijeme bilo je podložno revolucionarnom žaru. Za kratko vrijeme Francuska Republika uvela je decimalni sustav mjerenja vremena: svaki dan dijelio se na deset sati, a svaki sat na sto minuta. Bio je to vrlo logičan sustav, superiorniji u svim pogledima od šezdesetimalnog.

Decimalno vrijeme je bilo potpuni promašaj. Nitko nije počeo koristiti ovaj sustav. Isto se može reći i za XHTML 2. W3C je naučio lekciju revolucionarne Francuske na teži način: promijeniti postojeće ponašanje je iznimno teško.

Načela dizajna

WHATWG, s namjerom da izbjegne pogreške iz prošlosti, zacrtao je skup načela i pravila za razvoj HTML5. Jedno od ključnih načela je "održavanje postojećeg sadržaja". To znači da HTML5 ne označava početak nove ere.

Dok je XHTML 2 namjeravao odbaciti sve što je bilo prije njega, HTML5 se nadograđuje na već postojeće specifikacije i implementacije. Većina HTML 4.01 bila je uključena u HTML5.

Ostala načela dizajna uključuju, na primjer, "Nemojte ponovno izumiti kotač" i "Popločajte staze" - to jest, ako među web programerima postoji široko prihvaćen način za obavljanje zadatka - čak i ako nije nužno najbolji - taj način treba zapisati u HTML5. Drugim riječima: "Ako nije pokvareno, nemojte ga popravljati."

Mnogi od ovih principa dizajna mogli bi vam biti poznati ako ste ikada zavirili u zajednicu mikroformata (http://microformats.org). HTML5 zajednica dijeli isti pragmatičan pristup: trebate pokrenuti format stvarni svijet a ne previše brinuti o teoretskim problemima.

Ovo gledište jasno je izraženo u načelu uređaja pod nazivom "Prioritet korisnika", koje kaže: "U slučajevima sukoba, stavite interese korisnika ispred programera, programere ispred specifičnih implementacija, implementacije ispred specifikacija, specifikacije ispred teorijske čistoće."

Ian Hickson je nekoliko puta rekao da su pravi suci o tome što će završiti u HTML5, a što ne programeri preglednika. Ako tvrtka preglednika odbije podržati prijedlog, nema smisla dodavati taj prijedlog u specifikaciju jer će tada specifikacija biti samo lažni dokument. Prema prioritetu korisnika, naš (web programera) glas ima još veću težinu. Ako odbijemo koristiti bilo koji dio specifikacije, to će također učiniti specifikaciju lažnom.

Bliže stvarnosti

Odlučujući faktor u razvoju HTML5 bila je stalna unutarnja napetost. S jedne strane, ova specifikacija mora biti dovoljno moćna da podrži izradu web aplikacija. S druge strane, HTML5 bi trebao podržavati postojeći sadržaj iako je većina postojećeg sadržaja neprobavljiva kaša. Ako specifikacija ode predaleko u jednom smjeru, doživjet će istu sudbinu kao XHTML 2. Ali ako ode predaleko u drugom smjeru, tada će specifikacija na kraju preporučiti upotrebu oznaka i tablica za označavanje - jer, nakon sve, to je ono što se koristi Ogroman broj web stranica izgrađen je pomoću ovih tehnika.

Obrada pogreške

HTML5 specifikacija ne navodi samo što bi preglednici trebali učiniti kada prikazuju sintaktički važeće oznake. Po prvi put u povijesti, HTML specifikacija također navodi što bi preglednici trebali učiniti kada naiđu na dokumente s pogreškama označavanja.

Do sada su programeri preglednika morali sami smisliti što učiniti s pogreškama. Obično je to značilo da je potrebno koristiti obrnuti inženjering i implementirati otprilike ono što je najpopularniji preglednik radio u slučaju pogrešaka. Nije najproduktivnija upotreba vremena programera preglednika. Bilo bi puno bolje ne gubiti vrijeme duplicirajući kako konkurent postupa s pogrešnim označavanjem, već umjesto toga razviti nove značajke.

Određivanje načina rukovanja pogreškama u HTML5 nevjerojatno je ambiciozan zadatak. Čak i da HTML5 ima samo elemente i atribute iz HTML-a 4.01, bez dodavanja ikakvih novih značajki, pronalaženje načina rješavanja svih pogrešaka do 2012. i dalje bi bio herkulovski zadatak.

Rješavanje pogrešaka možda nije od velikog interesa za web programere, pogotovo ako smo usredotočeni na pisanje valjanih i sintaktički ispravnih dokumenata, ali za programere preglednika vrlo je važno. Dok su prethodne specifikacije označavanja bile napisane za autore, HTML5 je napisan i za autore i za razvojne programere implementacije. Imajte to na umu kada pregledavate specifikaciju. To objašnjava zašto je HTML5 specifikacija tako velika i zašto je napisana s razinom detalja koja se čini tipično napisanom za filateliste koji vole igrati šah dok razvrstavaju svoju kolekciju vlakića igračaka.

Doctype, reci mi iskreno, hoću li preživjeti?

Deklaracija vrste dokumenta, ili skraćeno "doctype", obično se koristi za određivanje u kojoj je inačici oznake dokument napisan.

doctype za HTML 4.01 izgleda ovako (označeni su prijelomi redaka):

Ovdje je XHTML 1.0 doctype:

Nije baš čitljivo ljudima, ali na svoj način ovi tipovi dokumenata jednostavno kažu: "ovaj dokument je napisan u HTML 4.01" i "i ovaj dokument je napisan u XHTML 1.0."

Vjerojatno biste očekivali da postoji "pet" negdje u doctype-u koji izjavljuje da je "ovaj dokument napisan u HTML5." Neće. Doctype za HTML5 izgleda ovako:

Toliko je kratak da ga se čak mogu sjetiti.

Ali ovo je ludo! Ako u doctype nema broja verzije, kako možemo odrediti sljedeće verzije HTML-a?

Kad sam prvi put vidio HTML5 doctype, mislio sam da je to vrhunac ponosa. "Misle li stvarno", pitao sam se, "da će ovo biti posljednja specifikacija označavanja napisana na Zemlji?"

Sve u svemu, činilo se kao školski slučaj razmišljanja ispočetka.

Međutim, u stvarnosti je HTML5 doctype prilično pragmatičan. Budući da HTML5 mora podržavati postojeći sadržaj, ovaj tip dokumenta može se primijeniti na postojeći HTML 4.01 ili XHTML 1.0 dokument. Svaka buduća verzija HTML-a također će morati podržavati postojeći sadržaj napisan u HTML5, tako da je koncept primjene brojeva verzija na označne dokumente ozbiljno manjkav.

U stvarnosti, doktipovi nisu od temeljne važnosti. Na primjer, stavili ste HTML 4.01 doctype u svoj dokument. Ako ovaj dokument sadrži element iz druge specifikacije - na primjer, iz HTML 3.2 ili iz HTML5 - preglednik će i dalje prikazati taj dio dokumenta. Preglednici podržavaju funkcionalnost, a ne tipove dokumenata.

Deklaracije tipa dokumenta nisu bile namijenjene preglednicima, već validatorima. Jedini put kada preglednik obraća pozornost na doctype je kada "prebacuje doctype" - pametan mali hack koji prebacuje način prikaza između quirks načina i standardnog načina ovisno o prisutnosti odgovarajućeg doctype-a.

Minimum informacija potrebnih pregledniku za točan prikaz stranice u standardnom načinu je HTML5 doctype. Zapravo, ovo je jedini razlog za uključivanje bilo kojeg tipa dokumenta. HTML dokument bez HTML5 doctype i dalje može biti važeći HTML5 dokument.

Neka bude jednostavno

Doctype nije jedina stvar koja je pojednostavljena u HTML5.

Ako želite posebno odrediti kodiranje vašeg dokumenta za označavanje, najbolji način da to učinite je da provjerite šalje li vaš poslužitelj ispravno HTTP zaglavlje vrste sadržaja. Ako želite biti dvostruko sigurni, također možete definirati kodiranje pomoću . Evo kako meta deklaracija izgleda za dokument napisan u HTML 4.01:

Evo puno lakšeg pamtljivog načina za napraviti istu stvar u HTML5:

Kao i kod tipa dokumenta, ova pojednostavljena deklaracija kodiranja sadrži minimalni skup znakova koje preglednici trebaju ispravno protumačiti.

Tag je još jedno mjesto gdje si možemo priuštiti da smršavimo. Uobičajena praksa je dodavanje atributa tipa s vrijednošću "text/javascript" elementima skripte:

Preglednici ne trebaju ovaj atribut. Oni će već uzeti zdravo za gotovo da je ova skripta napisana u JavaScriptu, najpopularnijem skriptnom jeziku na webu (budimo iskreni - jedinom skriptnom jeziku na webu):

Isto tako, ne morate navesti vrijednost tipa - "text/css" svaki put kada se povežete na CSS datoteku:

Možete jednostavno napisati:

Sintaksa: označite kako želite

Neki programski jezici, poput Pythona, zahtijevaju da napišete upute na poseban način. Svakako koristite razmake za uvlačenje koda—razmaci i prijelomi redaka su važni. Drugi programski jezici (na primjer, JavaScript) ne obraćaju pozornost na oblikovanje - koliko razmaka na početku retka je potpuno nebitno.

Ako želite imati slobodnu večernju zabavu, okupite nekoliko programera u jednoj prostoriji i izgovorite riječi "tabulatori ili razmaci". Sljedećih nekoliko sati možete uživati u žestokoj raspravi koja će se odmah rasplamsati.

U središtu značajne rasprave o razmaku temeljno je filozofsko pitanje: treba li jezik diktirati određeni stil kodiranja — ili bi autori trebali moći pisati kojim god stilom žele?

Razmaci i prijelomi redaka nisu važni za označavanje. Ako želite dodati prijelom retka i uvlaku za svaki ugniježđeni element, samo naprijed, ali to ne zahtijevaju ni preglednici ni validatori. To, međutim, ne znači da se oznaka može pisati kako god želite. Neke verzije označavanja zahtijevaju stroži stil pisanja od drugih.

Prije XHTML 1.0 nije bilo važno pišete li oznake velikim ili malim slovima. Nije bilo važno jeste li citirali atribute ili ne. Za neke elemente nije bilo važno ni hoćete li staviti završnu oznaku.

XHTML 1.0 zahtijeva da slijedite XML sintaksu. Sve oznake moraju biti napisane malim slovima. Svi atributi moraju biti pod navodnicima. Svi elementi moraju imati završnu oznaku.

U posebnom slučaju samostalnih elemenata, kao što je br, zahtjev za završnu oznaku zamjenjuje se zahtjevom za završnu kosu crtu:
.

Već godinama koristim XHTML 1.0 doctype. Sviđa mi se što moram pisati u jednom specifičnom stilu i sviđa mi se što me W3C validator tjera da pišem u tom stilu. Sada kada koristim HTML5, moram se prisiliti da pišem stilom koji želim.

Razumijem zašto se nekim ljudima ne sviđa nezahtjevna sintaksa HTML5. Ispada da zažmirimo na godine tijekom kojih su se nakupljale najbolje prakse. Neki čak kažu da labava sintaksa HTML5 potiče loše označavanje. Mislim da to nije slučaj, ali mogu razumjeti zašto je to razlog za zabrinutost. Ista se stvar dogodila kao kad bi se programski jezik, koji zahtijeva korištenje značajnih razmaka i prijeloma redaka, odjednom prebacio na pravila koja bi omogućila da se to ne radi uvijek, ali uz neke iznimke.

Osobno nemam problema s nasumičnom sintaksom HTML5. Prihvatio sam činjenicu da ću se morati prisiliti da pišem onako kako želim. Ali volio bih vidjeti više alata koji bi mi omogućili da provjerim koliko dobro moja oznaka odgovara određenom stilu. U svijetu programiranja takvi se alati nazivaju "linters" - programi koji označavaju nepouzdana mjesta u kodu. Označni linter razlikuje se od validatora, koji provjerava podudara li se oznaka s tipom dokumenta; ali bilo bi sjajno kada bi se oboje moglo spojiti u jedan napumpani i spremni za rad stroj za laminiranje i provjeru valjanosti.

Tko god napiše takav program, zaslužit će vječno poštovanje i divljenje web programera diljem svijeta.

Ne razgovaramo tako

U prethodnim verzijama HTML-a, kada je već postojeći element ili atribut bio uklonjen iz specifikacije, proces se nazivao deprecation. Web programerima savjetovano je da ne koriste isključeni element, da mu ne šalju novogodišnje čestitke ili općenito da o tome ne razgovaraju u pristojnom društvu.

U HTML5 nema izuzetih elemenata ili atributa. Ali postoji ogroman broj zastarjelih elemenata i atributa.

Ne, ovo nije još jedan slučaj poludjele političke korektnosti. "Zastarjelo" ima nešto drugačije značenje od "zastarjelo".

Budući da HTML5 ima za cilj biti unatrag kompatibilan s postojećim sadržajem, specifikacija mora uzeti u obzir postojeće elemente čak i ako ti elementi više nisu uključeni u HTML5. To dovodi do pomalo čudne situacije u kojoj specifikacija kaže "autori, nemojte koristiti ovaj element", a zatim "preglednici, trebali biste prikazati ovaj element ovako". Da je element isključen, uopće se ne bi spominjao u specifikaciji, ali budući da je element zastario, uključen je u specifikaciju za preglednike.

Ako ne razvijate preglednik, možete tretirati zastarjele elemente i atribute na isti način na koji biste postupali s zastarjelim: nemojte ih koristiti na web stranicama, nemojte ih pozivati na koktele.

Nemojte plakati zbog elementa akronima - umjesto njega koristite element abbr. Da, znam da postoji razlika između akronima i kratica: akronimi se izgovaraju kao jedna cijela riječ (npr.: NATO, UNESCO), ali zapamtite: svi akronimi su kratice, ali nisu sve kratice akronimi.

Elementi samo za prezentaciju kao što su font, big, center i strike također su zastarjeli u HTML5. Zapravo, oni su zastarjeli već nekoliko godina: mnogo je lakše postići isti učinak u stiliziranju koristeći CSS svojstva kao što su veličina fonta i poravnanje teksta. Isto tako, atributi koji se odnose na prezentaciju bgcolor, cellpacing, cellpadding i valign su zastarjeli. Samo koristite CSS.

Nisu svi elementi povezani s prikazom zastarjeli. Neki od njih prošli su proces prekvalifikacije, a sada imaju novu priliku.

Promjena, čekamo promjenu!

Veliki element je zastario, ali mali element nije. Kako ovo ne bi izgledalo nedosljedno, odlučeno je redefinirati što to znači u u ovom slučaju"mali". Prethodno smo "malo" smatrali pojmom koji je povezan samo s prezentacijom: "ovo mora biti prikazano fontom mala veličina" Umjesto toga, pojavilo se semantičko značenje: "ovo je ono što je upisano sitnim slovima", odnosno tekst za pravne nijanse ili uvjete korištenja.

HTML5, iako relativno nov jezik, sve više uzima maha. Glavna stvar je da HTML5 ne samo da je zatvorio gotovo sve "rupe" HTML4, koji je pucao po šavovima, već je sada dobar konkurent Flashu. Ne zna se hoće li HTML5 ubiti Flash, ali jedno je jasno: novi jezik omogućuje vam mnogo više, uključujući ugrađivanje videa na stranicu. Pa, kao što znate, Apple je već donio radikalnu odluku da napusti Flash na svojim iOS uređajima u korist HTML5. Na ovaj ili onaj način, HTML5 je nova riječ u programiranju, koja web dizajnerima daje još veću kreativnu slobodu. Pogledajmo koje online alate HTML5 može ponuditi web dizajneru.

HTML5: Referentne informacije

Za one od vas koji su samo površno "za svaki slučaj", kako kažu, podsjetimo se još jednom glavnih značajki HTML5:

HTML5 je novi jezik za predstavljanje sadržaja na Internetu (u vrijeme pisanja ovog teksta, HTML5 je još uvijek u beta verziji, a lansiranje je planirano do kraja 2012.);
HTML5 ima nove značajke - uključi video, audio na web mjesto, dodajte fontove, web grafiku i animaciju na web stranice;
HTML5 je kompatibilan sa svim web stranicama i preglednicima, tako da nema potrebe brinuti o starijim web stranicama izgrađenim u HTML 4 ili XHML1. Sve će raditi :)
JQuery je već postupno počeo “ubijati” Flash, HTML5 će sigurno završiti posao;

HTML5 online alati i resursi

Možda već poznajete neke online alate za HTML 5. U svakom slučaju, danas ćemo vas upoznati s nekoliko novih i korisnih usluga za rad s HTML 5. 10 online alata predstavljenih u izboru pomoći će vam i pojednostaviti vaš rad, jer kao i pružiti nove mogućnosti. Uživati!

Online alat Sprite Box

Kompresija slika je gotovo posljednja moda u web dizajnu posljednjih dana. Alat Sprite Box omogućuje vam povećanje brzine pretvorbe i učitavanja slike. Ova aplikacija će vam omogućiti obradu slike pomoću jQuery, CSS3 i HTML5 alata.

Nije obični alat za izradu skice. Ova stranica koristi snagu HTML platna za izradu 3D crteža. Za transformaciju platna u 3D, držite razmaknicu i povucite sliku vodoravno pomoću kursora. Također možete učiniti da crtež vibrira i dodati točkaste linije. Vrlo dobro

_________________________________________________________________

Za dizajnera ponekad može biti najteža stvar odabrati pristojan, prikladan font. Pa, sada možete koristiti ovaj novi i praktični online alat za testiranje fontova i odmah vidjeti kako će se font prikazati na vašoj web stranici. Ne morate mijenjati sve u HTML-u ili CSS-u. Iskoristite prednosti HTML5 i @font-face povlačenjem i ispuštanjem datoteka font.ttf u gornja ploča. Formatirani font odmah će se pojaviti na popisu za brzi pregled.

_________________________________________________________________

Quick Sketch jedinstveni je HTML5 online alat koji vam omogućuje brzo stvaranje dobre skice. Brzo sam nacrtao sljedeće (pogledajte slike), ali sam siguran da će talentirani web dizajner pronaći način da dobro iskoristi ovaj alat.

_________________________________________________________________

Ovaj online alat može biti vrlo koristan za web dizajnere kada je u pitanju izrada web stranica. Ovaj mrežni alat koristi snagu HTML platna kako bi vam pružio predložak sa željenom kombinacijom boja prozirnosti i dimenzija u samo nekoliko sekundi.

_________________________________________________________________

S online alat XRay vam omogućuje brz pregled detalja elemenata web stranice samo jednim pritiskom na gumb. Samo povucite i ispustite oznaku ove web stranice u svoje oznake dok posjećujete web stranicu da biste analizirali elemente, samo rendgenski označite i zadržite pokazivač iznad bilo kojeg elementa na web stranici. Ovaj alat također može raditi s HTML5 elementima i pružiti informacije o cjelokupnom dizajnu web stranice.

_________________________________________________________________

Automatoon se koristi samo za HTML5. Ova animacija će se dobro reproducirati na bilo kojem mobilnom uređaju - iPhoneu, iPadu, Android uređaju, kao iu svim popularnim web preglednicima.

_________________________________________________________________

Mislim da će s uvođenjem zvuka u HTML5 sve više i više stranica početi koristiti moć zvuka u svom dizajnu. Online HTML5 Audio Maker Alat je novi alat, koji vas može upoznati sa audio mogućnostima HTML5.

_________________________________________________________________

Na ovoj stranici većina vektorskih grafičkih paketa (Illustrator, Inkscape itd.) može se izvesti kao SVG (Scalable Vector Graphics). Pomoću ovog alata možete pretvoriti svoje SVG datoteke u HTML5 platno.

_________________________________________________________________

HTML5 je prava riznica za stvaranje online animacija i dobra alternativa Bljesak. Danas možete koristiti alate za animaciju na više platformi/formata koji rade i online i offline. Za rad s ovim alatom potrebno je samo imati instaliran preglednik Google Chrome. Mini video vodič pomoći će vam da počnete s aplikacijom.

Prijevod – Dežurna soba

Također pročitajte:

Komentari

Elena
16. kolovoza 2012. u 11:24

Došlo je vrijeme online prijava!

"Internet SVG za HTML5 Canvas Tool" - i docs.google.com?

Ilja
16. kolovoza 2012. u 11.40 sati

>Na ovaj ili onaj način, HTML5 je nova riječ u programiranju

Ispravi me ;)

Ilja
16. kolovoza 2012. u 11.41 sati

I zapečatila sam se, tuga

Moor
16. kolovoza 2012. u 13:18

Recite mi izvor s videoinformacijama o tome kako izraditi web stranicu u HTML5. Ako postoji.

Elena Odgovor:
16. kolovoza 2012. u 14:25

Ako ne govorite tečno engleski, nećete ga pronaći. Pa, ili plaćeni "čarobni" tečajevi. Možda je vrijedno naučiti html? I tada će nestati potreba za videom Sam HTML je jednostavniji od abecede. Ali popratni jezici su malo kompliciraniji.

asg
16. kolovoza 2012. u 22:50

Mmmm....Nisam mogao ubaciti kod, pokušat ću ga pokazati na slici

Asg odgovor:
17. kolovoza 2012. u 11.20 sati

Keith Jeremy

HTML5 za web dizajnere

Predgovor

Kad smo Mandy Brown, Jason Santa Maria i ja započeli knjigu A Book Apart, smatrali smo da je jedna posebna tema posebno hitna i da je postojao samo jedan autor koji se s njom mogao nositi.

Nijedna druga tema, bilo da se radi o "potpunim fontovima" ili CSS3, ne uzbuđuje zajednicu standarda više od skorog dolaska HTML5. Ova nova varijanta uobičajenog jezika weba, rođena iz frustracije polaganim tempom W3C-ova razvojna i konzervativna politika za web aplikacija (ne samo dokumenata) u jednakoj je mjeri uzbudila, razljutila i zbunila zajednicu web programera.

Jeffreya Zeldmana

1. Kratka povijest markupa

HTML5 je najnovija iteracija ove lingua franca, i iako je to najambicioznija promjena u našem zajedničkom govoru, to nije prvi put da se HTML ažurira. Jezik se počeo razvijati od samog početka.

Od IETF do W3C: put do HTML 4

U ovoj točki, HTML je došao do svog prvog račvanja.

XHTML 1: HTML prema XML pravilima

Dobro, zapravo ne. "X" je označavao eXtensible, a prekriživanje ruku općenito nije bilo potrebno.

Uvođenje strožih pravila nije bilo tako loše. To je pridonijelo činjenici da su se autori dokumenta morali pridržavati opći stil pisanje. Dok su ranije oznake i atributi mogli biti napisani velikim, malim slovima ili bilo kojom njihovom kombinacijom, kako bi XHTML 1.0 dokument prošao provjeru valjanosti, sve njegove oznake i atributi morali su biti napisani malim slovima.

Da je XHTML 1.0 – bio je jednostavan HTML, prepričavan pomoću XML-a, tada je XHTML 1.1 postao pravi XML, svesrdno i potpuno. Stoga ga poslužitelj nije mogao poslužiti s MIME tipom text/html. Ali ako su autori objavili dokument s vrstom XML MIME, tada najčešći preglednik na svijetu u to vrijeme - Internet Explorer - uopće nije mogao prikazati dokument.

Činilo se da W3C gubi osjećaj za stvarnost i što se zapravo događa s objavljivanjem dokumenata na webu.

XHTML 2: kraj strpljenju

Da je lik Dustina Hoffmana u The Graduate bio web programer, W3C bi mu rekao jednu riječ, točno jednu stvar: XML.

Iz perspektive W3C-a, razvoj HTML-a završio je na verziji 4. Počeli su raditi na XHTML-u 2, koji je dizajniran da vodi web u svijetlu budućnost temeljenu na XML-u.

Iako je naziv XHTML 2 zvučao prilično slično XHTML 1, između njih nije bilo ničeg zajedničkog. Za razliku od XHTML 1, XHTML 2 ne pruža kompatibilnost unatrag s postojećim web sadržajem, pa čak i s prethodnim verzijama HTML-a. To bi trebao biti čist jezik, neopterećen neurednom poviješću prethodnih specifikacija.

Nastala je potpuna katastrofa.

Split: WHATWG TF?

Nezadovoljni pobunjenici organizirali su vlastitu grupu: radna skupina o razvoju hipertekstualnih aplikacija za web (Web Hypertext Application Technology Working Group ili skraćeno WHATWG).

Od Web Apps 1.0 do HTML5

U teoriji, W3C proces se čini demokratičnijim i pravednijim. U praksi, političke borbe i unutarnje razmirice mogu uvelike usporiti napredak. U WHATWG, gdje svatko može dati prijedlog ili mišljenje, ali posljednja riječ ostaje s urednikom, sve ide brže. No urednik još uvijek nema apsolutnu moć: Upravni odbor, sastavljen na osobni poziv, može pokrenuti postupak opoziva protiv urednika u malo vjerojatnom slučaju da se ponaša kao dr. Strangelove.

Udruga

Dok je WHATWG razvijao HTML5, W3C je nastavio raditi na specifikaciji XHTML 2. Nije kao da je krenuo autocestom u nigdje. Vozila je nigdje vrlo, vrlo sporo.

Nikada ne razmišljam o ljepoti dok radim na problemu. Samo razmišljam kako to riješiti. Ali kad završim svoj posao, znam da ako je rješenje ružno, onda je pogrešno

R. Buckminster Fupper

Sjećate li se trenutka kada ste se prvi put zainteresirali za osobni razvoj? točno se sjećam. To se dogodilo u siječnju 1991. - tada sam sjedio u zatvorskoj ćeliji. Uhićen sam zbog teške krađe. Ovo nije bio moj prvi sukob sa zakonom i znao sam da sam u ozbiljnoj nevolji. Imao sam samo devetnaest godina.

Počeo sam krasti nedugo nakon što sam stigao u Berkeley, Kalifornija, tijekom prvog semestra na Kalifornijskom sveučilištu. Nisam krao zbog novca ili ugleda, već zbog uzbuđenja. Bio sam ovisnik o adrenalinu. Kompulzivna želja za krađom bila je toliko jaka da je krađa u trgovinama postala dio mog svakodnevnog života kao i jutarnja šalica kave. Obično me nije bilo briga za krađu. Privukao me sam čin krađe. Na standardnom izletu uzeo bih desetak bombona i ostavio ih negdje unutra javno mjesto, nadajući se da će ih netko pojesti. Ja osobno nisam jeo slatkiš - mislio sam da je štetan.

Tri dana provedena u zatvoru, kada sam se samo mogao valjati u močvari vlastite gluposti, postala su pakao. Obuzeo me sav užas stvarnog stanja stvari. U školi sam bio odličan učenik, predsjednik matematičkog kluba i kapetan akademske ekipe u desetoboju. Moja budućnost kao studenta - pripremao sam se postati stručnjak za računalne tehnologije - činila se iznenađujuće svijetlom, ali sam je vlastitim rukama razbio u komadiće. Sljedećih nekoliko godina sam morao provesti iza rešetaka!

Vrativši se u svoj stan, primio sam pismo sa Sveučilišta Berkeley u kojem me obavještavaju da ću biti izbačen. To se obično radi kada se student ne pojavi na nastavi i njegove prosječne ocjene padnu ispod osnovne ploče. U tom sam trenutku shvatio da imam dvije mogućnosti: ili odrasti, ili odustati od svega i prepustiti se struji.

Sljedećih nekoliko mjeseci, dok sam čekao suđenje, bio sam potpuno očajan. Spavao do podneva. Bezglavo je zaronio u videoigre, ponekad sjedeći za računalom i po osamnaest sati dnevno (ne govorimo o online igre s velikim brojem sudionika, ali o igranju Nintenda). Teško je živjeti u iščekivanju da ćete biti poslani u zatvor.

Napokon sam angažirao odvjetnika i sastao se s njim kako bismo razgovarali o situaciji. Prije nego što sam uspjela otvoriti usta, izlanuo je: “Steve, pogledao sam tvoj dosje. Budući da vam je ovo prvi prekršaj, uvjeren sam da ću ga moći okvalificirati kao sitnu krađu. Ako ne osporimo optužbu, izvući ćete se s minimalnom kaznom društveno korisnog rada. Ja sam za dobri odnosi s okružnim tužiteljem i mislim da će pristati. Ne preporučam proturječiti tužiteljstvu, ima mnogo dokaza - uhvaćeni ste na djelu."

U glavi mi je vrtjelo: “Prvi prekršaj? Je li bio zaveden? Zašto misli da je ovo prvi put da sam pritvoren? Ili ne zna ništa o prethodnim vožnjama? Ako on misli da mi je ovo prvi prekršaj, zar ne misle isto na sudu? Trebam li mu reći za grešku?

Dok sam pokušavao smisliti što učiniti, unutarnji glas je rekao: "Budalo, začepi gubicu i šuti!" Shvatio sam da bih si otvorenim pričanjem svega stvarao nevolje u budućnosti, iako je postojala šansa da će mi priznanje koristiti. Shvatio sam da je najgori mogući scenarij da ću se jednog dana morati suočiti s ljutitim odvjetnikom, a da je najbolji mogući scenarij grijeh odbiti. Velika krađa je teško kazneno djelo, a sitna krađa je samo manji prekršaj. Odlučio sam riskirati i šutjeti. Rizik je općenito bio moj hobi.

Nekoliko tjedana kasnije bilo je suđenje. Bio sam na rubu živčanog sloma. Moj plan je bio držati jezik za zubima što je više moguće i govoriti samo kad me nešto pitaju. Prije ulaska u sudnicu pregledao sam dokumente u svom predmetu. Tu nije spomenuto nijedno moje prijašnje uhićenje. Je li ovdje došlo do ljudske ili računalne pogreške? U svakom slučaju, išlo mi je u prilog.

Naravno, kada smo moj odvjetnik i ja ušli u sudnicu, sud je bio uvjeren da je to moj prvi prekršaj i tako ga je i smatrao. Nisam se osporavao na optužbu za sitnu krađu i dobio sam šezdeset sati društveno korisnog rada. Kad sam izjurio s terena, zavrtjelo mi se u glavi od sreće. Sljedeće dvije godine mog života opet su bile moje!

Proveo sam tih šezdeset sati kao da mi je to posao iz snova: jer sam predobro znao što mi prijeti: mogao bih izgubiti sedamnaest tisuća petsto dvadeset sati života. Teško je zamisliti radosnije vrijeme od vremena koje sam proveo skupljajući smeće u Emeryvilleu. Ne shvaćate koliko je sloboda divna dok ne shvatite da je možete izgubiti. Bio sam neizmjerno zahvalan sudbini na pruženoj šansi, a koju nikako nisam zasluživao.

Volio bih da mogu reći da je moj oporavak od ovih događaja bio brz i lak, ali nije. Unatoč nevjerojatnom daru sudbine, povratak mog života u normalu pokazao se nevjerojatno teškim. Nakon što sam se pozdravio s prijateljima na Berkeleyju, vratio sam se u rodni Los Angeles i zaposlio u trgovini. Čak i s kriminalnim dosjeom, mogao sam naći bolji posao, ali nisam htio ništa. Samo sam želio sigurnost. Željela sam živjeti bez privlačenja pažnje na sebe, bez ikakvog stresa i briga. Hrabrost je postala moj neprijatelj.

Cijelu godinu mirnog, tihog života provela sam radeći na sebi. I postupno je razvio etički kodeks za sebe, uključujući vrijednosti kao što su čast, poštenje, pristojnost, skromnost i integritet. Ovaj svjesni proces restrukturiranja osobnosti nastavio se nekoliko godina. Nakon nekog vremena osjetio sam da je vrijeme da se vratim na sveučilište. Mislio sam da ću se, ako uspijem steći diplomu iz programiranja, nekako iskupiti za svoje greške iz prošlosti.

U jesen 1992. upisao sam prvu godinu na Cal Stateu državno sveučilište Northridge (CSUN). Bilo je dosta slobodnih mjesta u grupama željnih studija elektronike. Mogao sam pohađati nastavu i nikoga nije bilo briga što sam jednom bio izbačen s Berkeleyja. S dvadeset jednom sam postao druga osoba nego što sam bio s osamnaest. Mnogo toga se promijenilo. Razvila se strast za osobnim razvojem i osjetio sam snažnu želju učiniti sve što je potrebno da to postignem.

Činilo mi se da sam izgubio tri godine i nisam se mogao pomiriti s idejom da ću još četiri godine morati studirati. Znala sam da sam za sve kriva, ali stvarno sam htjela ubrzati stvari. Stoga sam si postavio ambiciozan cilj: završiti diplomu u tri semestra uz trostruko opterećenje predmeta. Ljudi koji su me poznavali mislili su da sam luda, ali nisu mogli vidjeti u moju dušu. Bio sam potpuno usredotočen na svoj cilj i znao sam da me ništa ne može zaustaviti na putu do njega. To je bio jedini način da zaradim nevjerojatan dar koji sam dobio: slobodu.

Kako bih radio najbolje što mogu, naučio sam tehnike upravljanja vremenom i odmah ih primijenio u praksi. Svakodnevno sam slušao motivacijske vrpce kako bih zadržao pozitivan pristup. Istrenirao sam se kako upravljati stresom i pronašao izuzetno dobar način da povećam svoju produktivnost. Osjetio sam nevjerojatan nalet energije i snage jer sam znao da dajem sve od sebe. Marljivo sam radio, položio ispite s odličnim ocjenama i čak sam odabrao drugu specijalizaciju za sebe — matematiku. Na svečanoj dodjeli diploma dobio sam posebnu nagradu kao najbolji student godine u svojoj glavnoj specijalnosti.

Steve Pavlina je poznati američki bloger koji se posvetio temama kao što su: osobna učinkovitost, upravljanje vremenom, smisao života itd. Gotovo svaki njegov članak ima jednu ključnu ideju i dvije ili tri glavne misli. Ovdje ću, svojim riječima, pokušati “skinuti vrhnje”. najbolji članci Steve Pavlina, iznoseći samo ove “ključne” ideje. Time je svaki članak Steve Pavline sveden na jedan ili dva paragrafa. Za one koji su već čitali Pavlinu ovo može biti koristan podsjetnik. Prvi dio ovog “pothvata” posvećen je temi upravljanja vremenom. Evo ideja iz sljedećih članaka Stevea Pavline: “Utrostručenje vaše osobne učinkovitosti”, “Kako se probuditi uz budilicu”, “10 savjeta za studente (dva dijela)”, “Kako postati ranoranilac (2 dijelovi)”, “Načelo upravljanja” tijekom dana”, “Prestanite odgađati stvari za kasnije”, “Počnite sada (dva dijela)”, “Odustanite od TV-a”.

Princip upravljanja danom

Bitno je kako ste proveli prvih sat vremena nakon buđenja. Time se određuje ritam za cijeli dan. Ako ste u ovo doba lijeni i odsutni duhom, to će imati odgovarajući učinak na ostatak vašeg dana. Obavljanje najvažnijih zadataka ujutro daje vam energiju za cijeli dan. Zadate li si zadatak da ne provjeravate e-poštu i ne surfate stranicama do, primjerice, pet sati navečer, riješit ćete se te loše navike. Želite li današnji dan učiniti produktivnim, pokušajte započeti ujutro. Ako želite miran dan, možete prvi sat dana provesti meditirajući ili čitajući knjigu. Ako želite da dan prođe u pasivnom ljenčarenju, možete spavati duže nego inače, preskočite jutarnje vježbe, gledati TV. Ako želite da dan prođe u trivijalnostima, možete ga započeti provjeravanjem e-pošte, čitanjem foruma, vijesti itd. Ako prvi sat ne ide dobro, možete napraviti pauzu i zatim se koncentrirati na svoje uspjehe, kako biste stvorili onaj “prvi” sat koji vam je potreban za daljnju odlučnost.

Utrostručite svoju osobnu učinkovitost

Vrijeme je najvrjedniji resurs. Istraživanja pokazuju da prosječni uredski radnik radi samo sat i pol dnevno. Ostatak vremena provodi se pregledavajući web stranice, provjeravajući e-poštu, čitajući vijesti, komunicirajući, ručajući itd. Nakon analize njegovih rezultata, Steve Pavlina je vidio da je na stvarnom poslu u uredu provodio samo 15 sati tjedno, iako je ondje provodio 60 sati tjedno. Njegov stvarni prihod ovisio je o tih petnaest sati stvarnog rada. Steve Pavlina primijetio je da se većina vremena provodi na poslu koji ne želite raditi, jer... praćeno je čestim smetnjama. Zatim je Steve pokušao djelovati unazad. Svoj je radni dan namjerno sveo na pet sati. Mozak je shvatio da je preostalo vrijeme za rad malo, a zatim je Steve mogao raditi pet sati neprekidno s 90% učinkovitosti. Odnosno, pravi rad na petosatnom rasporedu trajao je 4,5 sata. Na kraju tjedna Steve je vidio da se, unatoč smanjenju radnih sati tjedno za pola (sa 60 na 30 sati), broj sati stvarnog rada povećao s 15 na 25. Kad mozak percipira radno vrijeme kao oskudan (unutar strogih vremenskih okvira), učinkovitost se značajno povećava. Možete postupno povećavati svoje radno vrijeme uz održavanje učinkovitosti od 90%.

Da biste razumjeli gdje i kako se troši vaše vrijeme, morate voditi dnevnik utrošenog vremena i čuvati ga jedan radni dan (za bolji rad tjedan dana). Tamo morate detaljno zabilježiti sve svoje radnje i vrijeme provedeno na njima. Zapisujete vrijeme početka i završetka procesa. Ovakvo pisanje pomoći će osvijestiti nesvjesne navike. Na kraju dana morate razvrstati svoje unose u kategorije. Iznenadit ćete se rezultatima. Steve Pavlina ovaj zahvat izvodi jednom u šest mjeseci i svaki put osjeti veliki povrat od njega.

10 savjeta za studente (1. dio, 2. dio)

Kad nešto učiš, ne treba trošiti podjednaku količinu energije na sve predmete, kao što to rade neki izvrsni učenici. Vrijedno je odabrati teme koje su vam najvažnije i posvetiti im više energije. Morate mudro uložiti svoje vrijeme. Ponekad je lakše učiti iz udžbenika, vlastitim tempom, nego gubiti vrijeme na predavanja. Ponekad učitelji skrenu s teme i govore o sebi. Za to vrijeme možete učiti sami. Na ovaj način možete maksimalno iskoristiti domaća zadaća točno u razredu. Tijekom programiranja, ispravljanje grešaka u hodu zahtijeva 50 puta manje truda nego na kraju izrade programa. Stoga, ako je moguće, bolje je odmah razjasniti neshvaćene teme. Između ostalog, ovakvim pristupom nema potrebe trpati predavanja prije ispita, jer ti već razumiješ temu. Čak i malo zaostajanje za tečajem izvor je stresa i krhki temelj za nova znanja. Ima smisla samostalno svladati specijalizaciju. tehnike za bolje pamćenje informacija. Čarobno, rano ustajanje (u 5-6 ujutro) omogućuje vam da učinite mnogo više ne samo ujutro, već i tijekom dana. Jutarnje vježbanje daje vam energiju za cijeli dan.

Kako postati ranoranilac (1. dio, 2. dio)

Ljudi se ne rađaju kao ševa. Možete postati jedan. Kad čovjek rano ustane, njegova se produktivnost povećava. Međutim, jednostavno ranije odlazak u krevet bila bi pogreška. Činjenica je da vrijeme spavanja potrebno za odmor varira iz dana u dan. Morate ići spavati kada vaše tijelo želi spavati. Kao “test” možete, na primjer, pročitati knjigu. Ako se pojavi stanje pospanosti, tijelo je spremno za spavanje. Ujutro morate ustati u isto vrijeme uz budilicu. Što duže ustajemo, veća je vjerojatnost da ćemo ponovno zaspati. Morate se protegnuti i ustati odmah nakon što alarm zazvoni. S ovim pristupom, do večeri tijelo počinje shvaćati što se događa i ide spavati, kada je stvarno vrijeme za spavanje.

Kako nuspojava Vrijeme potrebno za spavanje smanjuje se za 90 minuta. Ali nakon sna, tijelo se osjeća odmoreno. Ako odete u krevet bez da ste pospani, može doći do nesanice. U ovom slučaju ima smisla ustati i čitati dok vam se ne počne spavati. Osim čitanja Bilo koji će poslužiti vrsta rekreacije. Nakon prve noći možda ćete se osjećati umorno, ali onda bi sve trebalo biti u redu. Prije odlaska u krevet, naravno, ne bi trebalo biti nikakve dinamične aktivnosti. Stimulansi poput kave, energetskih pića itd. mogu ometati ovu metodu. Morate se suzdržavati od njih. Ponekad su dopuštene iznimke, a možete ustati i bez budilice ako idete spavati kasnije nego inače. Ali sljedeći dan, morate se vratiti na pravi put. Navika takvog spavanja stvara se u roku od 30 dana. Nakon toga, ponekad, tijelo će se probuditi samo od sebe neposredno prije nego što budilica zazvoni. Navika je korisna jer... daje zdrav san, te oslobađa do 15 sati tjedno koje možete potrošiti na korisne stvari.

Kako se probuditi uz budilicu

Ispod dekice je toplo i ugodno. Može biti teško ustati, tijelo je pospano i opušteno. Međutim, postoji jednostavan način da se probudite uz alarm i osjećate se puni energije. Potrebno je vježbati ustajanje na budilicu, počevši od večeri. Možete ugasiti svjetla, namjestiti alarm da zvoni za pet minuta, leći (nema potrebe zaspati) i ustati kad zazvoni. Zatim učinite ono što radite ujutro: isključite alarm, protegnite se, ustanite i obucite se. Ovaj proces potrebno je ponoviti nekoliko puta dok tijelo ne počne sve to raditi na autopilotu, tada će navika postati automatska i lakše ćete ustati nego ne raditi to uopće. Preporučljivo je pridržavati se ovog rituala 7 dana u tjednu. Iznimka može biti godišnji odmor.

Prestanite odlagati stvari za kasnije

Počnite sada (1. dio, 2. dio)

Opsežan tekst u dva dijela o metodama učinkovitog upravljanja vremenom zahvaljujući kojima je Steve Pavlina tri puta brže završio studij na institutu i pritom postao najbolji student godine na svom odjelu.

Prije svega, važno je biti jasan vlastiti cilj. U svoj plan možete zapisati željeni rezultat koji očekujete za 90 dana. Jasan cilj još je važniji od jasnog plana, jer plan rijetko odgovara stvarnosti. Ako imate mnogo različitih zadataka, radite samo na jednom od njih bez izmjenjivanja zadataka jer se puno energije troši na prebacivanje između zadataka. Iz istog razloga, ako su zadaci slične strukture (iz istog područja), ima smisla izvršavati ih jedan za drugim. Na primjer, prelazak s algebre na geometriju koštat će manje energije nego prelazak s algebre na povijest. Usredotočenost na jednu temu povećava koncentraciju. U ovom trenutku, drugi zadaci su izvan vaše pažnje i ne ometaju se. Iz istog razloga, važno je da niste ometeni. Steve Pavlina koristi 90-minutne "blokove vremena" kako bi se potpuno usredotočio na temu. Ovo je plus osobni račun. Navedite kada učinkovit rad teče sam od sebe, a vi gubite osjećaj za vrijeme, postignuto za 15 minuta. Ako vas prekidaju svakih 15 minuta, ne postižete ovo produktivno stanje. Dakle, ne bi trebalo biti prekida u radu (na web stranicama i vanjskoj komunikaciji), pa je logično prije posla obaviti sve sporedne poslove: jesti, otići na WC, isključiti telefon. Bolje je raditi na 100%, ili se normalno odmarati.

Važno je moći brzo donositi odluke. Često ljudi troše previše vremena i živaca na donošenje odluka, trošeći čak i više energije na svoju neodlučnost nego što je potrebno za provedbu odluke. Zato se Steve Pavlina služi pravilom donošenja odluka u 60 sekundi. Planiranje je bezvrijedno bez akcije. Najbolji svjetski menadžeri razvijaju visoku toleranciju na neizvjesnost, tako da mogu djelovati s ograničenim rasponom podataka.

Ako se odluka ne donese u roku od 60 sekundi, možete zakazati donošenje odluke u neko drugo vrijeme. Ali ne biste trebali provesti više od jedne minute u stanju neodlučnosti. U svakom slučaju, iskustvo pogrešaka će dati više informacija za donošenje ispravne odluke. Vrijedno je sortirati nemilosrdno, riješiti se svega što vam gubi vrijeme. Steve savjetuje pravilo: "Kad ste u nedoumici, bacite to!" Nijedan predmet nije besplatan ako vam gubi vrijeme. Vrijeme je novac. Ako ste student, ponekad je bolje dobiti peticu nego gubiti vrijeme na beskorisnu temu. Navike gubljenja vremena lako je riješiti kada postoji jasan cilj, jer cilj je motivirajući. U suprotnom, um ne vidi smisla riješiti se "ubojica vremena". „Paretov zakon“ kaže da 20% napora donosi 80% učinka. Važno je moći pravilno uložiti svoje vrijeme, oslobađajući se neučinkovitih aktivnosti.

Edukativne programe možete slušati u bilo kojem trenutku moguće vrijeme(u prometnoj gužvi, na cesti, dok pripremate večeru i sl.) Ponekad za ugodan rad možete slušati "pozadinsku" glazbu: new age ili klasiku. Ponekad vam brza, monotona glazba (techno ili trance) pomaže da brže obavite rutinski posao. Glazba s vokalima nije prikladna jer... jako odvlači pozornost od posla. Za duboku koncentraciju izazovan zadatak Najbolje je raditi u tišini. Kako biste zadržali entuzijazam, često čitajte inspirativne članke i slušajte audio tečajeve. I u ovom slučaju, vaša prehrana je vrlo važna. “Teška hrana” troši puno energije na probavu, a nakon obroka nemoguće se koncentrirati. Redovno psihička vježba, između ostalog, držati vas na nogama i razbistriti vaš um.

Odrekni se TV-a

Čitatelji Steve Pavlina podijelili su dojmove o tome kako im se, nakon što su potpuno odustali od televizije, životi značajno promijenili pozitivna strana: porasla je razina energije i inteligencije, pojavili su se novi hobiji i emocionalna stabilnost, ljudi su počeli provoditi više vremena na svježem zraku, baviti se sportom itd. Dobra opcija- ponekad pogledati unaprijed odabrani film. Međutim, emitiranje televizije je gubljenje vremena.

Priredio Igor Satorin

Također preporučujemo

Učitavam...

Dom > Stilovi

Osobni razvoj za pametne ljude. Princip upravljanja danom

Također preporučujemo