Min läslista

Din läslista är tom.

Sök på capdesign.se

Så skapas iPhones ikoner – helt i css

TEXT Anders Lundberg
Annons

Det går att göra betydligt mer med css än att bara formatera text och placera objekt på webbsidor. Till exempel kan du återskapa iPhones ikoner med hjälp av enbart css – helt utan bilder.

Det är Louis Harboe på bloggen Graphic Peel som tagit fram ikonerna, med hjälp av en mängd css-tekniker och hjälpmedel som Westciv’s Tools och Border Radius. Resultatet av det hårda arbetet kan beskådas på bloggen, och kräver Safari 5 eller Chrome 5 (en bugg i Chrome för Windows gör att det strular i den webbläsaren).

Harboe påpekar att det hela handlar om att visa hur kraftfullt css har blivit och inte nödvändigtvis försöka få någon att faktiskt börja använda css till något som bilder eller vektorgrafik (svg) fungerar lika bra till.

Annons
Annons
Annons

Magasinet

magimage
magimage
2019
No4

Vi pratar med Tecken Signs | Bokstavsillustratören Sofie Björkgren-Näse | Typsnittformgivarna So-Type | Ett samtal om typografi med ATypI | Typotugg | Gutenberg till Opentype

Besök vår shop
magimage
magimage
2019
No3

Pond Designs förpackningsprocess | Tomorrow Machine och framtidens förpackningar | Avkodade förpackningar | Brobygrafiska om varumärkesbärare | Årets PIDA-vinnare | Jake Knapps Design Sprint | Laptop-test

Besök vår shop
magimage
magimage
2019
No2

Interaktiva affischer med Pangpangpang | Visual Arts resa | The Emotional Art Gallery | Galleri: The Pavilion | De formger för Times Square | Personporträtt: Åsa Kax Ideberg | TBWA moderniserar

Besök vår shop
magimage
magimage
2019
No1

Fotorealistisk 3D hos Foam Studio | Offentlig konst i 3D | Galleri med Sven Prim | Ines Alpha sminkar med 3D | The Reprap Story | Omvärldsspaning | Framtiden för 3D | Vinetiketter för världen från Karlstad

Besök vår shop
magimage
magimage
2018
No4

Personporträtt med fotografen Weroncka Gȩsicka | Illustrera med papper | Flat design | Att välja bild | Konflikt och Kreativitet | Platt formagivning tar steget in i framtiden | Så når du betraktaren | Analys av Ericssons nya logotyp

Besök vår shop
magimage
magimage
2018
No3

Så jobbar Tele2 Inhouse | Lean design för formgivare | Effektiv utomhusreklam | Galleri: Björn Persson | Inhouse: Stockholms stadsbibliotek | Anti-copying in design | Inhouse: MoMA | Intervju: Christina Knight

Besök vår shop
magimage
magimage
2018
No2

Sthlm signs handmålar | Nordblicks nya profil | Semiotik i grafiken | Galleri: Simon Hjortek | Löwengrips redesign | Designa effektiva logotyper | Att redesigna eller ej | Nystartade studion Ulmaja Wilsson | Vi testar Loupedeck

Besök vår shop