HTML5 és CSS3 összefoglaló PDF-ben


Egyik kedves látogatónk – Orsi – küldte be az alábbi, PDF formátumban letölthető html5 és css3 összefoglalót.

Frissítés: Orsi elküldte mail-ben és a 6., frissített, szerkesztett és kibővített kiadást is úgyhogy mostantól azt is le lehet tölteni

HTML5 és CSS3 összefoglaló letöltése

Letöltés: HTML5 és CSS3 összefoglaló PDF v6.0 (5.4MB)

A dokumentum egy munkapéldány, a későbbiekben még finomítva lesz. Így is nagyon sok munka van már benne, ezért ha van időtök és írnátok 1-1 visszajelzést róla, annak Orsi, a szerzője is örülne.

A PDF nem csak a HTML5 és a CSS3 újdonságokat tartalmazza, ennél jóval többet ad. Így kezdőknek, a nyelvekkel most ismerkedőknek is bátran ajánlható.

Az előző verzió elérhető itt: HTML5 és CSS3 összefoglaló PDF v5.0 (4.5MB)

Jó olvasgatást mindenkinek és egy kérdés a végére:

Te már használod, vagy tervezed használni a HTML5-t és a CSS3-t?

Szerző: Harder (http://blog.harder.hu)

 

53 hozzászólás
a HTML5 és CSS3 összefoglaló PDF-ben c. bejegyzéshez

  1. Tamás Csaba (http://tonyo.hu)

    Hali!

    Nekem nagyon bejön ritka a jó magyar nyelvű írás ebben a témában fölég ilyen részletes és ráadásul teljesen ingyenes.
    Mondjuk Én a címe alapján kicsit másra számítottam, mert a HTML 5 és CSS3
    csak egy kis részét alkotja a műnek de így is nagyon franko, csak így tovább Orsi :D

  2. codee47 (http://www.code-art.hu)

    Gratulálunk Orsinak, szép, részletes összefoglaló.

  3. Virág János (http://www.zenetars.hu)

    Kedves Orsi!

    Elsőnek is gratulálok az elég hosszú összefoglalónak! De ami nekem kicsit “rosszul” esett, hogy a leírás harmada a sima HTML-ről és CSS-ről szól, így a címe egy kicsit megtévesztő lehet, de ami szó volt az új változatokról, azt szívesen olvastam!

    Egy javaslatom a formázásnál: A kódokat én jobban kiemelném, mert így sajnos beleolvad az írásba, és így átláthatatlanabb lesz az egész.

    Üdvözlettel, Virág János
    Webmester

  4. Virág János (http://www.zenetars.hu)

    Válaszolva a tutorial-os kérdésre:

    Egy ideig még nem fogom biztosan alkalmazni az újításokat. Ennek oka, hogy még nem terjedt el annyira, hogy ezt mindenki, minden egyes böngésző ki is tudja használni.

    A W3C szerint is, egyelőre ne csináljunk HTML5-ös oldalakat. :)

  5. Icebob ()

    Szép. Sok munka lehet mögötte. Csatlakozok az előttem szólóhoz, és szerintem is a kódokat ki kéne emelni a kódból. Legalább egy Courier betűtípus, meg egy kis bekezdés.

    Amúgy gratula hozzá!

  6. Icebob ()

    Jah és a kérdésre a válasz….. igen használom…. vagyis próbálok az újabb oldalakba mindig valami újat belevinni a HTML5-ös és CSS3-as fícsörökből. De persze csak módjával :)

  7. Harder (http://blog.harder.hu)

    Köszi a válaszokat. :)

    Én eddig még nem csináltam olyan oldalt, amely kimondottan a HTML5-re épült volna, nagyrészt azért amit már írtatok is: nem kiforrott, nem minden által támogatott.

    Ám ha kicsit utánaolvasgat az ember, azért találni jó dolgokat: HTML5 Boilerplate – A rock-solid default for HTML5 awesome

    Azt én sem mondom, hogy most aztán ezzel és ezután minden kódot erre alapozva írnék, de mindenképp figyelemreméltó és jó kiindulási pont lehet azoknak, akik szeretnek ilyesmivel kísérletezni, kicsit játszani. :)

    Amire még kíváncsi leszek a jövőben de nem igazán olvastam utána, hogy az angol nyelvű oldalakon erről mit írnak: a HTML5 és a SEO kapcsolata. Vajon hatással lesz-e a keresőoptimalizálásra a HTML5-ben megjelenő új elemek, vajon figyelembe fogja-e venni a google (és ha igen, milyen súllyal) ezeket?

    Más …
    Kicsit keresgettem, hogy HTML5 és CSS3 újdonság, összefoglaló terén van-e valami jó anyag a neten. Kutatás közben találtam ezeket, szerintem jók és talán tetszeni fog neked is:

    Up to Speed on HTML 5 and CSS 3

    Build a HTML5/CSS3 Website Layout Without Images – Part 1

    Ez utóbbinak van folytatása is, érdemes azt is megnézni.

  8. Orsi ()

    A HTML5-nek vannak kevésbé és jobban látható vonásai:

    1.) A HTML a 4.01-es verzióig az SGML-en alapult, az 5-ös verzió eltávolodott tőle. Amikor a webszerkesztő egy a 4-es és 5-ös verzióban egyaránt meglévő tag-et használja, számára nem tűnik fel és nem is kell tudnia, hogy az másként működik a 4-esben mint az 5-ösben. Ez csak a DTD-ből látszik: miután az 5-ös verzió nem SGML-alapú, nem kell egy konkrét DTD-verziót megadni, csak a konvenció miatt maradt a általános alak, amit a használatban lévő böngészők megfelelően értelmeznek ).

    2.) A HTML5-ben a tag-ekhez rendelhető, megjelenítéssel kapcsolatos jellemzőket kivették a szabványból, és CSS-tulajdonságokká váltak. Miután a visszafelé kompatibilitás miatt ezeket azonban továbbra is értelmezik az új böngészőverziók, a webszerkesztő elhatározásán múlik, hogy mennyire követi a tartalom és forma szétválasztásának elvét – alkalmazási kényszer nincsen.

    3.) A záró pár nélküli elemeket is le kell zárni a 4.01 verzió szerint, az 5-ös verzióban ez nem szerepel.

    Az 1.)-3.) pontokra a “HTML5 összefoglaló” c. fejezetben próbáltam felhívni a figyelmet. A HTML5 leírást akkor gondoltam teljesnek, ha a látszólag változatlanul hagyott korábbi verziós témák az új, aktuális ajánlással összhangban, egységes szerkezetben kerülnek bemutatásra.

    Nem úgymerül fel a kérdés, hogy támogatja-e egy böngésző a HTML5-öt, hanem úgy, hogy a HTML5 mely funkcióit támogatja.

    4.) Az igazán látványos újdonságot hozó audio és video funkciók a nyilatkozatok szerint kb. 1 év múlva lesznek kvázi szabványos és versenyképes állapotban, tehát itt legfeljebb a versengő codec-ek és befoglalási módjuk felsorolásáról lehet ebben a stádiumban írni.

    5.) Ami az új strukturális és csoportosító tag-eket illeti, ezeket vagy már most is értelmezik, vagy a megjelenő böngészőverziók ( IE9,Opera 11 )fogják értelmezni, és ekkor persze marad a szokásos “graceful degradation” feladat a régebbi böngészőknél ragadtak számára: div-ezés,vagy együttműködésük esetén a Chrome Frame.

    6.) A CSS3 részben bőven van pótolnivaló még már működő funkciókról.

  9. Psysoul (http://psysoul.hu)

    Sok mindenről írsz, de vicces, hogy a HTML5-ös dolgok, kb. a 60. oldalon kezdődnek, ráadásul a legérdekesebb elemekről nem írtál (audio, canvas, video, css3 animáció stb…).

    Nyilvánvalóan még sok fejlődés van ezen a területen, végleges video codec sincs, sőt, a szabványból kiszedték a codec definiálást, tehát gyártóspecifikus megvalósítások lesznek majd.

    János: Miért ne használjunk HTML5 dolgokat? Tehát várjuk meg míg minden böngésző támogatni fogja? Kb 5-7 év lenne…Egyszerűen csak olyan megoldást kell alkalmazni, ami visszafele kompatibilis (lásd HTML5 a youtubeon, vagy canvas javascript mely fut a régi IE alatt is).

    Egy adag HTML5 link nektek:
    http://www.delicious.com/psysoul/html5

  10. András Zsebe (http://www.facebook.com/profile.php?id=100000812835449)

    Nagyon köszönöm ezt az írást!

  11. Gades ()

    Gratula Orsi! Részletes és tartalmas leírás!

  12. Péter ()

    Gratula Orsi!
    Szép munka, de a karakterlapoknál hiányoltam az UTF-8 megemlítését. Pl.: magyar és (helyes) román karaktereket hogy lehet egy oldalra tenni másképp?

  13. Psysoul (http://psysoul.hu)

    Péter: A legjobb, ha UTF-8at használsz, abban jók a magyar karakterek.

    Esetleg az iso-8859-2 charset-et is használhatod, régebben ezt használtuk, de mindenképp próbáld meg az UTF-8-at használni, az szerintem a román karakterekhez is jó.

    (persze figyelj, hogy a fájl amit mentesz, az is UTF-8 legyen, és adott esetben a PHP headert is be kell állítani, ha a szerver nem teszi meg).

  14. Ottó ()

    Kedves Fodorsi!
    Megemelem klavimat felkészültséged, szaktudásod és teljesítményed előtt. Én, aki a napokban kezdtem el foglalkozni a CSS-sel, ennél jobb “tankönyvvet” nem is kívánhattam volna.
    Köszönöm írásodat!

  15. Harder (http://blog.harder.hu)

    Orsi elküldte a frissített, kibővített HTML5 és CSS3 összefoglaló új verzióját, amit kiraktam a cikkbe. :) Köszönjük Orsi!

  16. turkey ()

    Hasznos anyagnak tartom. Jól, profin összeállítottad!
    Köszönöm(köszönjük).

  17. GerBea (http://www.gerbea.com)

    Kedves Orsi!
    Köszönet a leírásért – bár még csak belenéztem, de nagyon használhatónak, és lelkiismeretes munkával készült írásnak tűnik, és hogy mindezt ráadásul ingyen elérhetővé tetted, az csak még tökéletesebbé teszi! Köszönet érte még egyszer!

  18. gyuri (http://nincs)

    Hát igen ez az ami nekünk kel ügyi vagy köszönjük szépen.

  19. Harder (http://blog.harder.hu)

    Orsi ma elküldte a 3. változatot, ami frissített, szerkesztett, bővített (többhasábos kialakítás, színátmenetek, marquee) verzió és letölthető a cikkben megjelölt URL-ről.
    Köszönjük Orsi!

  20. Novatech (http://penzkeresesazinterneten.hu)

    Köszönöm ezt a nagyszerű hiánypótló anyagot.

  21. Koronczi Péter (http://www.facebook.com/profile.php?id=1281461626)

    Nagyon jó írás! Respekt Orsi!

  22. Bb ()

    Üdv!

    Köszönöm szépen Orsi!!

    A boltokban lévő “tankönyvek” csak jelenthetnek!

  23. Mouse22 (http://localhost/)

    Hello!

    Remek egy iromány, tényleg szép munka!

    Egy észrevételem van amiben szívesen segítenék is.
    A pdf fájl mint olyan nem tartalmaz bookmarkokat(pdf olvasókban bal szélen kis könyvjelző alatt dokumentum térkép), emiatt picit nehézkesebb benne a navigálás, bár itt megjegyezném, hogy a tartalomjegyzék perfekt.

    Belehet állítani, hogy a tartalomjegyzék bejegyzések bookmarkokká alakuljanak kimentésnél, bár nem biztos, hogy az a progi amivel kimentetted pont meg tudná ezt csinálni, mivel úgysejtem “nyomtatad”.
    Wordben készült mint látszik, azzal is ki lehet menteni pdfbe, van hozzá egy ingyenes plugin, saveasxpsandpdf a neve, az tudja is erre a megoldást(egy options gomb alatt lapul az opció), a file mérete pedig feltételezem, hogy nem fog érdemileg megváltozni, max kissebb lesz.
    Nagyon szívesen segítenék, hogy tudok kapcsolatba lépni Orsival? :)

    Balázs

  24. Orsi ()

    Mouse22: Köszönöm a tippet, a következő verziónál figyelembe veszem.
    Orsi

  25. VIktor ()

    Hali!
    Nem tudok újat mondani, felettem már mindent elmondtak. Ez tényleg egy nagyon ritka szép munka, aki ennyit dolgozik vele, azt már ki szokták adni könyvben. Én webprogramozást tanulok, és eddig azt hittem ismerem a html-t, de már az első 60 oldalban találtam nem egy újdonságot. Köszönöm. Szeretnék annyit kérni, hogy ha van újabb kiadás, akkor arról valami email értesítést küldjetek lécci, mert akkor leszedném. Különösen érdekel a html5, és a refencia oldal kicsit túl száraz nekem.

  26. Harder (http://blog.harder.hu)

    Szia Viktor,
    ha a hozzászóláskor megjelölöd, hogy kérsz értesítést az új hozzászólásokról, akkor fogsz értesülni arról hogy ha frissül az anyag, mert jelezni fogom itt is, nem csak a cikket frissítem.

  27. Szántó Gábor (http://szantogabor.com)

    Hatalmas gratula!
    Eddig a weblaboros css alapjai volt az ajánlott alapmű a css-hez a drupal.hu-n, asszem mostantól cserélünk.

  28. aboros (http://aboros.com)

    hát ez jó részletes :) gratulálok!

  29. Harder (http://blog.harder.hu)

    Sziasztok!
    Orsitól megkaptuk a 4. verziót, amit kibővített az űrlapokkal, elérhető a cikk frissített tartalmában! :)

  30. pogi ()

    húha, szépen össze van foglalva jó sok dolog :)))

    külön tetszésnyilvánítás, amiért nem a tipikus összehasonlítós módon van tárgyalva a HTML5, hanem úgy ahogyan kell. a legtöbb szakmabeli sem veszi figyelembe (fenntartva ezáltal a régi káoszt), hogy a HTML5 nem a HTML 4.01-et követő verzióugrás, hanem egy (teljesen) új nyelv! a laikus* olvasó számára könnyebbséget jelenthetne egy vázlatos történeti áttekintés a “nyelvcsalád” legismertebb tagjairól, így a legegyszerűbb megérteni, miért is van egybeírva a “HTML” és az a bizonyos “5″-ös. ;) (*laikus az, aki jobban szereti a felületet kapirgálni, aki elhiszi az állításokat utánajárás nélkül, aki nem mélyült el a tények mögötti fölöslegesnek tűnő apróságokban…)

    GML -> SGML
    az 1960-as években fejlesztették ki a GML (Generalized Markup Language) nyelvet, amelynek 1986 októberében született meg általános felhasználásra szánt szabványos utódja, az SGML (Standard Generalized Markup Language). nem érdemes túlzottan belemenni, hogy mi is ez, mondjuk úgy, hogy egy leírónyelv forma, amelyben nincsenek meghatározott jelentésű tag-ek, a lényege az egymásba ágyazható, átlátható, értelmezhető adatok írása.

    SGML -> HTML
    az első HTML specifikáció az SGML szintaktikáját alapul véve készült el 1993 júniusában (1991 végén volt hallható először a “HTML tag” fogalma). gyakorlatilag az történt, hogy konkretizáltak néhány tag-et (és hozzájuk tartozó attribútumokat), amelyek az adatok különféle megjelenítését tették lehetővé. (megjegyzendő tehát, hogy a HTML megjelenést biztosít az adatnak – “displays data”.) a HTML minden későbbi verziója (HTML 2.0, 1995; HTML 3.2, 1997; HTML 4.01, 2000) SGML alapú.

    SGML -> XML
    1996-ban jelent meg az XML (majd 1998 februárjában lett szabvány). ugyancsak az SGML nyomdokain jött létre. a HTML-lel ellentétben nem megjelenést biztosít, hanem körülírja az adatot (“describes data”). a feladata tehát mondhatni megegyezik a klasszikus SGML-ével, viszont egy precízebb, pontosabban behatárolt nyelv. ennek köszönhetően manapság is igen elterjedt.

    HTML + XML = XHTML
    a HTML 4.01 idején találkozott a két SGML utód. az XML precizitását szükségesnek látták a webböngészőknek szánt nyelvben is. 2000 januárjában jelent meg az XHTML 1.0, ami a HTML 4.01 XML-es újragondolása, “pontosítása”. a “well-formed” az az XML-ből kölcsönvett fogalom, ami a legnagyobb újdonság; továbbá a tag-ek az adatok körülírását látják el (ez is az XML-re volt jellemző), a megjelenítési elemek és attribútumok elavulttá lettek. (az XHTML 1.1-ben – ami az XHTML 1.0 Strict moduláris továbbvitele – már egyáltalán nem szerepelnek az elavult elemek és attribútumok.)

    CSS
    a CSS 1996. decemberi megjelenése tette lehetővé, hogy a megjelenés kikerüljön a web nyelvéből. ezidőtájt kezdte meg ugyanis hódító útját egy erre a célra szánt új (stílusleíró) nyelv, a CSS. a korábbi HTML-es megjelenítésnél sokkal többet tudott (és persze jobban). a tartalom és a megjelenés tehát két nyelvre külön tudott válni.

    összegezve: az SGML-ből kiindult a HTML és az XML, majd az XHTML-ben egyesültek, időközben megjelent a CSS, és azóta is boldogan élnek együtt… a w3c legutóbbi ajánlása értelmében az XHTML-CSS páros jelenti a jelen webes megoldásainak csúcsát. (a 2000-es években a hangsúly a dizájnra fektetődött, a CSS újabb verziójának megjelenésén kívül tehát nem sok újat kaptunk. persze ez volt a web mindennapjainkba való betörésének ideje, a WEB 2.0 genezise pedig eléggé felforgatta a meglevő technológiákat, kirajzolta az új igényeket…)

    HTML -> HTML5
    a HTML5-tel jött/jön el egy új korszak (a “jövő”). az egybeírás oka, hogy ez nem csupán egy verziószám változás, ez a webre szánt jelölőnyelvek legújabb generációja, ami “szakított” az SGML-lel. (a webböngészők sosem voltak SGML böngészők, hanem HTML értelmezők, ezért egy új szerializáció került bevezetésre HTML néven. a HTML5 már ezen alapul. az 5-ös a névben tehát nem a folytonosság, hanem a megkülönböztetés miatt szerepel.) a HTML5 magában hordozza a HTML verziók legjavát, a lehetőséget, hogy az XHTML-hez szokott sitebuildernek se kelljen lemondania szokásairól, na meg még egy sor újdonságot (és néhány az SGML alapú HTML-t támogató böngészők miatt kényszerűen örökölt dolgot is).

    HTML5 + XML = XHTML5
    ez már csak a ráadás. ahogyan a HTML-nek lett egy XML alapú párja, úgy a HTML5-nek is. ez az XHTML5. ez nem az XHTML korábbi verziójának továbbfejlesztése, hanem a HTML5 és az XML új közös gyermeke. (az XHTML 2.0 verziója fejlesztés alatt áll, és egy teljesen más irányba tart…)

    (csak megjegyezném, hogy egy olyan világban, amiben nem tudsz tökéletesen működő XHTML dokumentumokat közzétenni – hisz az application/xhtml+xml-ként kiszolgált lapokat az ie nem biztos, hogy hajlandó renderelni, a text/html-ek pedig nem igazi XHTML-ek, stb… – az XHTML5 létezése fölösleges. a legjobb választás véleményem szerint az XHTML szintaktikájával írt HTML5, tehát well-formed elekkel, rövid doctype-pal, HTML5-ös meta charset meghatározással. és egyelőre akár section és article ésatöbbi elemek nélkül, div-ekkel. így problémamentes, valid kóddal dolgozhatunk.)

  31. Orsi ()

    Pogi: Precíz áttekintés a nyelvcsalád tagjairól (én a Függelék I.-ben utaltam röviden a történeti fejlődés korábbi fázisaira). Két észrevétel:
    1. Úgy tudom, hogy az XHTML2.0 verzió fejlesztése a W3C vonatkozó munkacsoportjának 2010. dec. 17-i feloszlatásával (végleg?) abbamaradt.
    2. W3C használja a HTML5 kifejezést, WHATWG viszont azt állítja, hogy csak egy folyamatosan fejlődő HTML van, ezért a jövőben semmilyen verziószám nem indokolt (legalábbis ők nem fognak használni – majd meglátjuk).
    Orsi

  32. Gaál Robert ()

    Sziasztok!

    Én 2 nap alatt átrágtam magam az egész anyagon, és biztosan állíthatom, hogy több könyv tartalma sem fedi le teljesen mindazt, amit ez a “könyv” tökéletesen bemutat. Számomra nagyon érthető felépítése van, amit a könyvek keresése közben gyakorlatilag egyetlen helyen sem találtam még meg.
    Eddig CSS nélkül csináltam pár weboldalt, de most teljesen világossá vált, milyen elavult módszerekkel (táblázatos képek és elhelyezés…) igyekeztem látványos és egyedi külalakot elérni, ami most lényegesen könnyebben megvalósíthatóvá vált, ráadásul a keresők számára is látható a tartalom.
    Kedves Orsi, csak gratulálni tudok, és hatalmas köszönettel tartozom Neked mindazért a munkáért, amit beletettél ebbe a tudásanyagba. Az már csak hab a tortán, hogy mindezt ingyen elérhetővé tetted.
    PHP tanulás közben találtam meg a könyvedet, de az elmúlt két napban le sem tudtam tenni a Te anyagodat!

    Még egyszer: ezer gratula és köszönet!

    Robert

  33. Tibor ()

    Kedves Orsi! Először is gratulálok az íráshoz. Nagyon részletes és jó összefoglalás. A másik kérdésem/kérésem az lenne, hogy én tanfolyamokon és középiskolában is tanítok HTML/CSS alapokat, forrás megjelöléssel kizárólag oktatási célra egy-az egyeben felhasználhatnám, közkincsé tehetném a dokumentumot?

    Köszönettel: Tibor

  34. Orsi ()

    Tibor: Örülök, ha segít a tanulásban. Még nincsen készen – részben időhiány miatt, részben mert még maga a téma sem lezárt. Júniusra tervezek egy tovább bővített/aktualizált verziót. Ha lesz olyan észrevétel, mellyel javítható a leírás, köszönettel veszem.
    Orsi

  35. Tibor ()

    Nagyon várom és természetesen átolvasom. Nagyon köszönöm, hogy ilyen nagy lelkesedéssel foglalkozik a témával és sok kitartást kívánok.

  36. hossszu ()

    Tényleg nagyon igényes!

  37. f_andras ()

    ez kellett nekem, Köszönöm!

  38. Laci ()

    Üdv!

    Stíluslapban kimentettem a következőt és a html-fájlban megadtam hivatkozásnak a stíluslapot amiben ez állt:

    1
    2
    3
    4
    5
    6
    
    body
    {
    background-image: -moz-linear-gradient(red, white, green);
    background-image: -webkit-linear-gradient(red, white green);
    background-image: -o-linear-gradient(red, white, green);
    }

    Ki szerettem volna próbálni a színátmenetet háttérnek. Igaz három felé osztotta el, de ezt a három színt sok csíkban jeleníti meg.

    Mit ronthattam el? Tudnátok esetleg tanácsot adni?

  39. Deli Gábor ()

    Szép munka!

  40. Orsi ()

    Laci: A háttérnek jelen esetben nincsen színváltozás irányú mérete, ezért nem tudja a böngésző kiszámítani a kívánt színeloszlást. Add meg a háttér magasságát abszolút értékben ( pl: height:600px; – a szélesség nem érdekes ebben az esetben ),és background-repeat:no-repeat; – hogy ne ismétlődjön a színátmenet a háttérméret után ( ha nagyobb a háttered mint a display magassága, akkor a background-repeat-nek nincs is jelentősége, mert a görgető sáv úgyis csak a megadott méretig mutat ).

    A webkit-es kódban a white után tegyél vesszőt, mert különben semmit nem mutat a Chrome és a Safari a háttérből.

    Valószínűleg már közben rég rájöttél Te is, bocs a lassú reakcióért, de nyár van, kerültem a számítógépeket….
    Orsi

  41. Laci ()

    Orsi!

    Igen rájöttem közben! :) Semmi baj a késői válaszért! Érthető, hogy nyáron inkább máshol van az ember, én is kerülöm a gépet nyáron ha lehet. :)

    Köszönöm szépen még egyszer a választ! :)

  42. Bosi ()

    Először a kérdésre válasz: Igen, tervezem!

    Másodszor. Minden tiszteletem a Tied Orsi. Remek munka, gratulálok.
    Amennyiben azonos vagy a Fix.tv-s Fodorsival (márpedig könyveket ebben a témában kevés fodorsi ír), akkor büszke vagyok, hogy ismerhetlek.

  43. Kalló Iván (http://mégnincs.)

    Kedves, ismeretlenül is igen tisztelt Orsi!
    Ilyen érthető, racionálisan leíró (részletes elmagyarázást nem sajnáló) munkát, amiből az olyan suta agyú alak, mint én vagyok,-is simán megtudja tanulni az anyagot, csak egy nő írhat, meggyőződésem.Nagyon köszönöm, rám fért, mert két hét múlva be kell adnom az első honlapom vizsgaként, de a suliban nagyon nagyvonalúan adták le az anyagot, ez AZ ami kellett nekem! Köszönöm! Kalló Iván

  44. Stichelbaut (http://toll.columbanet.com)

    Kedves Orsi!
    Talan megis van remeny egy szebb és jobb vilagra…
    Az ilyen alkotasok es ezek kozkinccse tetele mindenkepp ezt sugallja!

    Koszonom!

  45. szpigy (http://hobbiinformatikus.blogspot.com/)

    Mostanában kezdtem el komolyabban érdeklődni a weboldal készítés iránt, miután néhány éve kísérleteztem FrontPage-el, ami elvette a kedvem az egésztől. Inkább indítottam egy blogspotos blogot. Hiánypótló alkotás lett ez a könyv, ami a rengeteg megfizethetetlen könyv közt aranyat ér egy kezdő vagy újrakezdő számára.

    Minden elismerésem az alkotónak, aki áldozott rá az amúgy is drága idejéből.
    Köszönöm szépen.

  46. Tilos (http://www.csmdesign.hu)

    gyakorlás , gyakorlás , gyakorlás , tutorialok , forráskódok tanulmányozása sem árt a profizmus eléréséhez , én is folyamatosan tanulok valami újat :)

  47. Sándor ()

    Tisztelt Orsi!

    Egy javítást eszközölnék az általad irtakhoz: a box-shadow résznél a színkódot az “inset” elé kell tenni, nem pedig a box-shadow után elsőnek.
    Helyesen a kód: “box-shadow: 4px -4px #800000;”. A CSS3 validálásánál hibának dobja ki, ha a szín nem hátul van.

    Tisztelettel

    Szikora Sándor

  48. Sándor ()

    Tisztelt Orsi!

    Elnézést kérek, de lemaradt az elöző hozzászólásomból: Gratulálok, nagyon tanulságos összefoglaló! :)

  49. Orsi ()

    Szikora Sándor: Köszönöm az észrevételt, a következő kiadásban javítom. Mentségemre szolgáljon, hogy korábbi w3c anyagokban is előfordult ez a sorrend, és a böngészőkkel való ellenőrzéskor is működött így.

  50. Tailor ()

    Kedves Orsi!

    Gratulálok a művedhez. Kiváló stílusban megírt, kezdők számára is jól érthető, számomra pótolhatatlanul hasznosnak bizonyult munka. De ahogy látom a hozzászólásokból, a profik is örömmel forgatják.

    Minden nagyrabecsülésem mellett lenne egy apró nyelvi észrevételem. Ez az 1.verzióban fel sem tűnt, a most felfedezett, még sokkal jobb 6.verzióban viszont minduntalan belebotlottam.

    Az egyenlőre azt jelenti, hogy valamit egy másik dologgal egyenlő nagyságúra, súlyúra stb, tehát vele valamilyen szempontból azonosra alakítok. Az egyelőre pedig azt jelenti, hogy most és még egy ideig.

    Ha elég figyelmesen olvastam, akkor az összes egyenlőre helyett azt kellene írnod, hogy egyelőre. Bocsi, de annyira tetszett, amit írtál, hogy úgy éreztem, kár ezt így benne hagyni.

    Tisztelettel és üdvözlettel

    Tailor

  51. Orsi ()

    Tailor: Köszönöm az észrevételt – igaz. Javítom.

  52. nazinorbi ()

    Szeretnék csatlakozni az előttem szólókhoz, a mű nagyszerűségét ki emelve.

    Egy pár építő hozzászólást szeretnék megosztani a későbbi verziókhoz.

    Űrlapok részletes ki emelése, az új elemekkel együtt.

    Főleg a kezdőknek lenne egy nagyon jó kiegészítés ha a tag-eket csoportosítva részletesen felsorolva benne lenne a könyvben. Mihez miket használjunk, mit jelentenek.

    Köszönöm szépen.

  53. B (http://axiomer.com)

    Nagyszerű. Pár javaslat első átfutás után:
    -kompatibilitási táblázat nem kell, legtöbb böngésző (Chrome, FF) gyakran frissül, így ha nincs 100%-on, nem érdemes berakni, mert folyton bővítik
    -olyan, hogy a HTML5-tel kapcsolatban az IE/egy böngésző régebbi verziója MÉG nem értelmez valamit, olyan nincs, nem is fogják. (de ilyen van a dokumentumban pl. itt: “Az Internet Explorer régebbi verziói ( IE 6/7/8 ) még nem értelmezik a HSL/HSLA színmódot, ezért egy hasonló RGB színt is célszerű megadni.”)
    -az egész eleje egy kicsit HTML-tutorial jellegű, szerintem nem kéne bele (vagy külön dokumentumként lehetne kiadni), mert szerintem a HTML5-tanulás értelmetlen már meglevő HTML-tudás nélkül. Lehetne az egész 2 dokumentum, egy HTML és egy HTML5

    Első ránézésre ennyi, majd ha részletesen végigolvasom, lehet, hogy még többet is írok.

Szólj hozzá Te is
a HTML5 és CSS3 összefoglaló PDF-ben c. bejegyzéshez

Connect with Facebook

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>