Artzstudios 11 regler for raskere jQuery

Artzstudio.com har en bloggpost med 11 regler som bør følges når det brukes mye jQuery på en nettside, for ikke å fullstendig gå berserk med en besøkers CPU-tid.

CSS: Flyte blokk-elementer uten clearfix

Unngå bruk av ekstra HTML-kode for å få blokk-elementer til å strekke seg rundt blokk-elementer inni seg selv, hvor blokk-elementene på innsiden flyter, ved en enkel regel i stilarket (CSS-filen). Jeg har tidligere brukt noe sånt som dette

<div class="clearBoth"></div>

hver gang jeg har blokk-elementer som flyter inni et annet blokk-element. Men ved bruk av :after

:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; }

er dette en saga blott! Oppdatert: Dette virker til og med i IE 6 :) (iallefalll i min multiple IP IE 6)

Her er et lite eksempel

PSD webmal: template015

Webmal template015 blir den første malen i PSD-format jeg legger ut til nedlasting her på pusle.com. Malen består av to sider,

• forside
• underside (tekstside)

20 CSS finurligheter du garantert kan

webhostingsearch.com har en artikkel som beskriver 20 CSS "short hands" teknikker du vil elske. Vel, alle er ikke CSS forkortelser, og de fleste er selvølgeligheter. Men har du, som meg, gullfiskhukommelse, og har vært borte fra HTML og CSS en liten stund, er det kanskje en grei liste å ha. Du finner CSS forkortelsene her.

iPhone kalendersynkronisering med Google kalender

På dinside.no har de en artikkel som beskriver hvordan du kan få synkronisert kalenderen på iPhone med Google kalenderen. Artikkelen beskriver ganske detaljert akkurat det man trenge å vite, bortsett fra en liten ting. Husk å ta backup av iPhonekalenderene før du synkroniserer med kalenderen på Google, for alle kalendere i iPhone blir slettet.

Etter å ha gått gjennom beskrivelsen, slått på push for den nye koblingen, så kan jeg med stor glede bekrefte at med det samme (nesten) jeg legger til en avtale i kalenderen på Google, så dukker den opp i kalenderen på iPhonen :) Har ikke testet andre veien, men regner med at det funker like bra. Stilig. Sjekk ut hvordan du synkroniserer kalenderen på iPhone med kalenderen på Google her.

Oppdatering: Joda, det funker begge veier :)

Pusle.com webmal tilgjengelig

Nå kan du laste ned Drupal temaet som er brukt på pusle.com. Temaet trenger vel ikke noe mer beskrivelse, siden du faktisk er på denne nettsiden og ser hvordan det ser ut og kan kanskje tenke deg hva det inneholder (veldig lite, det er et enkelt tema).

Temaet kan du laste ned gratis, og gjøre hva du vil med. Om du gjør det blir jeg veldig glad en e-post med link til hvor du har brukt temaet :)

Funksjonelle ikoner du kan laste ned gratis

Hos wefunction.com ligger det ute 128 funksjonelle ikoner du kan laste ned gratis. Ikonene har en glossy effekt, og siden det er hele 128 ikoner å velge mellom skulle det inneholde de fleste man kan få bruk for. Ikonene er i transparent png i størrelsen 48x48 px. Du kan laste ned alle 128 ikonene fra denne siden.

Kule fonter hos fontsquirrel

Hos fontsquirrel har de "100% gratis fonter for grafiske designere". Her kan du få forhåndsvisning av alle versjonene av fonten, og du kan til og med "prøvekjøre" fonten og se oversikten over alle tegnene. På den måten ser du raskt om de faktisk har de norske tegnene hvis det trengs. Genial plass for å finne nye fonter. Sjekk ut fontsquirrel for ditt fontbehov.

Flytende bilder

Unstoppable Robot Ninja har laget en metode for å få til variabel bildestørrelse. Fancy metode for å unngå at bilder går over sine bredder :)

Utfordret til fotoduell

En veninne av ga meg (og andre) en utfordring. Utfordringen gikk på å ta et bilde med en primærfarge og en grunnform. Jeg valgte, i ferieånden jeg var i, et påskemotiv. Bildet kan du se her.