Du har utan tvekan sett lite buzz om en ny bok från Jon Duckett med titeln HTML & CSS: Design och Build Websites. Böcker om hur man bygger webbplatser är ett dime ett dussin. De fyller hela sektionerna i varje bokhandel, medan många av oss ignorerar de flesta eller alla av dem till förmån för webbaserat lärande.
Så vad gör den här boken så annorlunda? Varför blir det så mycket uppmärksamhet? Lever det upp till alla hype? Läs vidare för att ta reda på hur Duckett förändrar hur vi tänker på webbutvecklingsböcker och varför det är händerna ner den bästa boken jag någonsin har läst erfarenhet av introducerande HTML & CSS.
Status Quo
Din genomsnittliga nybörjarbok om lärande av HTML och CSS är lite mer än en teknisk manual. Designen och layouten är baserade på trötta och tråkiga förlagsmallar. Innehållet är typiskt svartvitt med ett fåtal färgsidor om du är särskilt lycklig och skrivstilen är torr nog att det fungerar briljant som en sänghärdighet för sömnlöshet.
Kanske är det största problemet med det typiska formatet att det tjänar till att vända bort så många individer som det drar in. Otaliga människor vill lära sig webbdesign och kan till och med få så långt att hämta en bok om ämnet för att bara skrämmas av det inre innehållet inne.
Detta gäller särskilt för många designers som vill expandera sin kompetens med en liten kodningsupplevelse. Visuella människor är kända för att bli slagna med ett plötsligt fall av ADD när man tittar på en textbok. Vi älskar rika, strukturerade och väldesignade upplevelser och inget borrar oss snabbare än oändliga tekniska drivlösa och livlösa kodexempel.
En nypa frisk luft
Den första tanken som kom i mitt ögon när du öppnade Ducketts bok var, "det här är något annorlunda."
Jag skriver om webbdesign för ett levande, så jag har sett min rättvisa andel av böcker om HTML och CSS. Den första tanken som kom i mitt ögon när du öppnade Ducketts bok var, "det här är något annorlunda."
Detta uttalande är inte en exxageration eller ett vilseledande första intryck som snabbt dör bort. Den här boken riktar sig verkligen för att uppnå något nytt och jag tror fast att det lyckas, men mer om detta senare. För nu låt oss hoppa in och prata om själva boken.
Design
Det är här HTML & CSS verkligen sätter sig ifrån varandra. Den här boken är vacker. Varje sida är färgstark och innehåller en fantastisk minimal layout som du inte brukar se i webb dev böcker. Det är så snyggt att det kan kvalificeras som en soffbordsbok.
Det är så snyggt att det kan kvalificeras som en soffbordsbok.En av mina favoritfunktioner är hur Duckett visar de levande exemplen på hans kodtutorials. I stället för att helt enkelt använda skärmdumpar som alla andra visas varje exempel på skärmen på en MacBook Pro, iMac eller till och med ett Dell-skrivbord placerat i olika inställningar. Dessa fullfärgsbilder är en behandling; en enkel idé som gör att boken känns mer som en rik artisitisk upplevelse och mindre som en tråkig kodmanual.
Ett annat reoccuring-tema är de fullständiga tvåsidiga sprickorna som bryter ner ett enkelt kodprov, ofta en enda rad eller tagg. Hur många utgivare runt skulle tillåta författaren att ägna en hel två sidor till ett enormt färgat diagram över en HTML-tagg? Jag misstänker väldigt få.
Samma princip för design och kvalitet över tryckkostnader tas i hela boken. Ett avsnitt om bildformat dedikerar fyra hela sidor till stora, attraktiva bilder av olika slag med liten eller ingen beskrivning. Är dessa sidor absolut nödvändiga? Förmodligen inte, men ur visuell designers perspektiv tjänade de som en annan anledning att jag inte kunde lägga ner boken.
Det är roligt, många böcker om webbdesign tar inte riktigt egna råd. Denna bok är dock sida efter sida med utmärkt innehållspresentation. Även om du inte läser ett ord, fungerar det fortfarande som en stor del av designinspiration.
Innehåll
Visst boken ser bra ut, men är det bara bara glasyr på en annars typisk kaka? Design åt sidan, den viktigaste försäljningsstället för en HTML & CSS-bok bör vara huruvida den genomsnittliga personen kan förvänta sig att hämta upp den och gå iväg med en gedigen kunskap om webbdesignpraxis när de lägger ner den.
Lyckligtvis fungerar Ducketts bok som en fantastisk men välkommet kort introduktion till ämnet. Det är en tjock, rejäl bok, men mycket av det beror på hur innehållet presenteras. Det faktiska skriftliga materialet är inte så lång som du skulle gissa och är alla väldigt tilltalande och relevanta.
html
Duckett slösar inte bort två kapitel på Tim Berners-Lee liv och tider, istället sparkar han upp boken med en inblicklig diskussion om hur webben fungerar och övergår till hur denna funktionalitet drivs av HTML.
Ungefär hälften av boken är avsedd för en gedigen översikt över HTML-strukturen och de element som varje utvecklare ska bli bekant med. Längs vägen skapar du exemplar av live-kod, som lär dig vad du behöver veta utan att bränna en halv dag av din tid. När du går igenom det här avsnittet hittar du en del diskussion om organisatoriska tekniker, textredigerare och andra olika stödämnen.
CSS
Den andra halvan av boken är dedikerad till CSS. Duckett spenderar tid för att diskutera visuell styling, men det verkliga köttet i CSS-sektionen verkar vara reserverat för layoutkod, tekniker och till och med fraweworks. Jag uppskattar verkligen detta, eftersom CSS-baserad layout är ett av de viktigaste grundläggande grundämnena som så många tycks missa.
Boxskuggor och avrundade hörn är lätta att hämta, men skillnaden mellan relativ och absolut positionering, hur man arbetar ordentligt med flottor och trådlösa gridbaserade layouter är ämnen som nybörjare absolut behöver sätta i sig och Duckett presenterar allt i ett lätt att greppa mode.
Design Talk
Bokens visuella utseende visar att Duckett självklart är en formgivare, och trots att hans bok i stor utsträckning handlar om kod, kan han inte låta bli att låta den designersidan visa sig i innehållet.
Under hela boken finns det stora lilla diskussioner och råd angående den faktiska designsidan för att skapa webbplatser: från hur man beskär foton till vilka typsnitt som är bäst för vilka inställningar.
En bok som ska upplevas
Jag har nyligen fått en bok som en present som täcker ämnet att introducera läsaren till HTML och CSS. Jag tummade igenom det i några minuter, insåg att jag redan visste och förstod det mesta av vad det innehöll och sätter det på min hylla för att samla in damm.
På ett sätt var Ducketts bok liknande. Hans kunskaper om hans ämne är stora och jag kommer inte att låtsas att jag kan matcha det, men jag har redan en stark förståelse för det mesta av vad boken täcker (jag har skrivit handledning på hälften av det). Men trots detta har boken inte slagit på hyllan ännu.
Första gången jag plockade upp det spenderade jag flera timmar att hälla genom innehållet. Som en bra roman griper den här boken dig och släpper inte. Den vackra designen och kortfattad men till den punkt som skrivstil ger dig en unik läsning. Faktum är att kanske? Läs? är fel ord. Denna bok är verkligen? Erfaren? och förmedlar samma känsla att jag hade surfat genom fotografiska vetenskapsböcker om rymd- eller dinosaurben när jag var barn.
Gå nu, nu
Jag skriver sällan bokrecensioner för Design Shack. Det beror på att jag sällan imponeras av webbdesign och utvecklingsböcker. Jag samlade massor av komplimanger på den här boken just nu, så mycket att du utan tvivel tycker att det är allt oförtjänt exxageration. Tänk på att det här är i ljuset av det faktum att jag typiskt skriver om varför webbdesignböcker suger. De är platta ut tråkiga och unengaging. Jag brukar hellre spendera min tid ihop med en bra webbaserad handledning och en textredigerare.
Det finns just två webbdesign böcker som har dragit mig in tillräckligt för att hålla sidorna vända ivrigt istället för genom sin fulla viljestyrka. En av dem var The Book of CSS3 och Duckett's HTML & CSS var den andra.
Om du är en formgivare som uppskattar en solid visuell upplevelse och inte verkar få din hjärna att uthärda en bok om HTML och CSS, kan du få den här boken direkt. Med bara $ 29,99 är det hälften av kostnaden för andra böcker som du hittar i web dev-sektionen. Trettio dollar för att äntligen hämta en ny skicklighet som kan leda till en fantastisk ny karriär? Vad väntar du på? Kolla in webbplatsen för mer info.