webdesign

  • Codekit

    Jeg er for alvor kommet i gang med at arbejde med SASS. SASS er en mere programmatisk måde at skrive style sheets på, der gør det muligt i højere grad at automatisere en masse processer, man ellers måtte gentage i almindelig CSS samt i højere grad at genbruge CSS koden. SASS koden kan dog ikke

    Read More

  • Placeholder billeder til web layout

    I udvikling af HTML mock ups og layouts til webdesign, har man ofte brug for dummy billeder til visning der, hvor det færdige site skal spytte billeder ud. Der findes en del tjenester, der kan hjælpe, så man slipper for at beskære billeder i Photoshop. Fælles for dem alle er måden at sætte billeder ind

    Read More

  • Sosa – en enkel, gratis ikon font

    Sosa er en gratis ikon font, der indeholder mere end 120 ikoner i kategorierne web, tekniske enheder, medier, mediestyring, værktøjer, OS og CMS, meteorologi, statistik, sociale medier med mere. Alle de nødvendige filtyper, .ttf .eot .svg & .woff, er inkluderet, så fonten kan bruges med @font-face. Sosa kan downloades her.

    Read More

  • Cross-browser gråtoning af billeder med CSS

    Kulturstyrelsen har et nydeligt website med gråtonede fotos, der bliver til farvefotos, når man fører musen henover. Her er teknikken til at opnå den effekt på tværs af Firefox 10+, Internet Explorer 6 – 9, Chrome 19+ og Safari 6+. Og sådan deaktiveres effekten igen, f.eks. ved :hover. Mere om CSS filtre og hvordan de fungerer

    Read More

  • Brug Facebook chat som instant messenger med iChat

    Facebook chat har slugt instant messaging. MSN Messenger, ICQ m.fl. er efterhånden døde, men Facebook chat lever desværre mest på Facebook. Man kan dog godt bruge Facebook chat med instant messenger klienter. Her er en opskrift på, hvordan man sætter det op i mac’ens medfølgende chat-program iChat. 1. Hav dit Facebook-brugernavn parat. Du finder det

    Read More

  • Scout: En sass/compass app til os andre

    Det nye sort indenfor cascading style sheets (de instruktioner, der giver en webside sit layout og design) er CSS preprocessors. CSS preprocessors er en samlende betegnelse for en række sprog, der gør CSS-koden “programmerbar”, hvilket gør mange ting nemmere, fordi man ofte slipper for at skulle skrive dumme gentagelser. Man kan imidlertid ikke uden videre

    Read More

  • Underscores til WordPress

    Underscores er et blankt starter tema til WordPress, som er beregnet til at bygge nye web projekter fra bunden med. Temaet indeholder en basal HTML5 struktur, men er ellers stort set blottet for design. Hent det og hack away! Underscores | A Starter Theme for WordPress.

    Read More

  • FitWeird

    Desktop, laptop, tablet, smartphone, TV og køleskab. Der er skærme med internet overalt. Når man laver webdesign, der skal passe til flere forskellige skærmformater, er det praktisk at vide noget om, ved hvilke størrelser layoutet skal skifte fra f.eks. 3 kolonner til 2 kolonner til 1 kolonne. Det kaldes for breakpoints. Dave Rupert fra Paravel

    Read More

  • London 2012 – en visuel katastrofe

    De Olympiske Lege er i fuld gang i London. Legenes visuelle identitet er som altid et gennemgående træk og ikke til at komme udenom. Logoet, et stiliseret ‘2012’ i skiftende nuancer af blå, lyserød, grøn og orange, er designet af Wolff Olins, blev første gang præsenteret i 2007 og har angiveligt kostet den nette sum

    Read More