webdesign

Placeholder billeder til web layout

Af

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 … Læs mere

Sosa – en enkel, gratis ikon font

Af

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.

Cross-browser gråtoning af billeder med CSS

Af

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 … Læs mere

Brug Facebook chat som instant messenger med iChat

Af

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 … Læs mere

Scout: En sass/compass app til os andre

Af

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 … Læs mere

FitWeird

Af

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 … Læs mere

Buffer: Systematisk kommunikation på sociale medier

Af

Hvis Twitter og Facebook er til lidt mere end bare hyggelig chat med vennerne, skulle du prøve Buffer af. Buffer er en web app, der kan regne ud for dig, hvornår dit publikum er online og hvornår på døgnet, du får mest respons og flest klik. Men det rigtig smarte er, at Buffer kan stille … Læs mere

London 2012 – en visuel katastrofe

Af

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 … Læs mere

Læser-apps stripper dit indhold

Af

Readability, Instapaper og Pocket er eksempler på læser-apps, der stripper dit website for alt andet end det primære indhold. De gør det nemt at gemme en næsten hvilken som helst artikel, man har fundet på nettet, til senere læsning. Men ikke mindst gør de artiklen læsbar ved at skære alt det overflødige, såsom sidebar, navigation … Læs mere