Upload
webmatros
View
1.168
Download
0
Embed Size (px)
DESCRIPTION
Præsentation af Oliver Nielsen, WebMatros.dk til WordCamp Danmark 2013. Read more about Headway on: http://www.webmatros.com Læs mere om Headway på: http://www.webmatros.dk
Citation preview
webmatros
Skræddersyet websitepå 0,5 (og uden kode)
Oliver Nielsen
?Skræddersyet
“Vær unik...”Ja da, men hvorfor?
“Unik” som begreb er i sig selv en tom floskel.
Vær dig selv. Skær det overflødige bort hvis du vil i resonans med dine modtagere.
Dit website skal afspejle digog dit budskab 100%
Skil dig ud fra mængden
Gør lidt ud af dig selv (og dit website)
... og skræddersyet fordivi har set det her en million gange før...
One size fits all?
Free vs Premiumvs Framework
Free.There’s no free lunch
So-so support og dokumentation.Ikke-standardiseret kode.Too much choice.Kvalitet koster.En lille, bitte, bette investering.
twentytwelve
roblemet medpremium themesP
Bloated kode
Uoverskuelige og svære at customize.
Frameworks
Frameworks kræver lidt arbejde.Men er lettere og hurtigere end at kode et theme,helt fra bunden.
Et hyppigt problem:Rigtig mange kan ikke kode, men vil selvfølgelig gerne selv kunne lave dét website man drømmer om.
Forskellige bud på det perfekte framework.Der er et til enhver smag:Genesis, Thesis, Builder, Canvas, Catalyst, PressWork, PageLines, Headway, etc.
Endnu et hyppigt problem:Nogle frameworks kan for lidt. Andre kan for meget.
Simplicity vs. ComplexityFLEXIBILITY
Layout i Headway
Grid-baseret design
Grids skaber orden, overblik og gør design-processen lettere.
Headways grid er 100%RESPONSIVE
✔
Individuelt layout af alle sider og indlæg (inkl. 404-siden)
Landing pages.Unbounce-in-a-box.
Headway Blocks
Headway Block types:
CONTENTTEXT EMBED
NAVIGATIONHEADER BREADCRUMBS
GRAVITY FORMS SLIDEDECK 2 WOOCOMMERCE
FOOTER
WIDGET AREA
SLIDER
CUSTOM CODE
Blocks kangenbruges
“Content” block’en er
ORNLI SYG som de siger på Nørrebro
Cus
tom
Que
ries
Visual Design Editor ❀
Child themes er understøttet.
Men skins er bedre.
Meget lidt håndskrevet CSS påkrævet.
Custom CSS med Live preview. Se hvad du laver, mens du gør det.
Slip for at lede efter css classes og id’s med Firebug etc.
Styr på din CSS-kode.Standardiseret.
Træerne vokser ikke ind i himlen
Subscribe til WebMatros Podcast i iTunesFølg WebMatros på Twitter
Bliv fan på Facebook
webmatros