Skip to content

{ Category Archives } Webdesign

Bland to HTML-farver

Bare klik og vælg de to farver, eller skriv selv de farvekoder, du vil bruge. Som resultat får du en stribe farver, der er blandet mere og mere.

Find en lysere eller mørkere nuance af farven

Kender du det, at du har fundet en farve, du gerne vil bruge til et billede eller et webdesign, men ah … den skal lige være en tone lysere eller mørkere.

… Løsningen er en indviklet udregning, men i stedet for at finde et script, der kan gøre det for dig, eller selv lave udregningen, kan du faktisk snuppe koden direkte fra dette geniale online-værktøj, som hedder en HTML Color Picker .

Backup af din WordPress blog direkte til DropBox

Så da jeg opdagede en plugin, som tager backup af min blog, både design og database, og gemmer filerne direkte i min DropBox, ja så ville begejstringen ingen ende tage (citat: Otto Leisner).

…Dette tip skrev jeg for snart to måneder siden, men jeg kunne ikke selv bruge det, fordi vores domæner var hostet på Dreamhost, som desværre ikke fungerer så godt længere, som det gjorde, da vi startede hos dem for nogle år siden.

Tagged

Falske billeder til at teste dit nye design

Nu kan du få lorem-ipsum billeder – dvs. billeder i lige præcis den størrelse, som du skal bruge til designet, men de er uden motiv, som fx det, der pryder artiklen her.

… Ovenstående kode kan splittes op i linket til hjemmesiden (http://dummyimage.com), størrelsen på mit billede (150×150), baggrundsfarven (c0c0c0), forgrundsfarven (fff), billedtypen (jpg) og den tekst, jeg ville have på (150×150).

Lav dine HTML-formularer online med nogle enkelte klik

Det behøver jeg ikke at gøre næste gang, for min mand fandt en hjemmeside, hvor du ved hjælp af et par klik kan lave de flotteste formular med tekstfelter, check-boxe eller hvad du nu skal bruge.

…Når du er færdig – og du kan få vist formularen, før du henter koden – får du koden udleveret i zippet format, lige til at downloade og indsætte, der hvor du skal bruge den.

Hjemmeside bygget i Youtube

Dette er desværre ikke et tip til hvordan du gør det selv.. men jeg tror det kan inspirere til at tænke over hvilke muligheder forskellige medier har.

…Fx ligner “Contact Us” videoen bare et skilt med lidt muzak til, men prøv at lade den køre!

Lille SEO-trick til Blogger

<img style=”float: right; margin: 0pt 0pt 10px 10px; cursor: pointer;” src=”http://4.bp.blogspot.com/_UZl6KH1Q6pA/Rd2cn33t8GI/AAAAAAAAAAk/482RKcMKOuQ/s320/b19nature_characters_humanoids079.jpg” alt=”" border=”0″ name=”BLOGGER_PHOTO_ID_5034352167296561250″ /> SEO-mæssigt består fejlen i, at der er en tom alt-attribut. … Herefter kan du skrive en meningsfyldt billedtekst, som fx indeholder dine nøgleord, altså de ord, som du gerne vil have, at folk skal finde din blog-post med.

Sæt audio på din hjemmeside – nem lyd med denne player

Det er ekstra smart, hvis du ikke bagefter behøver at sende folk videre til deres iTunes player, eller Windows player, eller hvad de nu har på deres computer, men kan beholde dem på din side.

…<a href=”http://webside.com/example2.mp3″>Link 2</a> <a href=”http://webside.com/example3.mp3″>Link 3</a>

Hvem henviser til din side? Giv folk lyst til at linke til den

Desværre kan det give en del bøvl med, at folk linker til dig, får et link tilbage, hvorefter de fjerner deres link. … Du skal blot indsætte nogle få linjers tekst på din side, og så vil du hele tiden kunne følge, hvem der linker til dig.

Brug Stylesheets (CSS) til at ændre musemarkøren på din hjemmeside

Musemarkøren kan ligne forskellige ting, som fx et plus (crosshair), en pil (pointer), et ur eller timeglas (wait), et spørgsmålstegn eller en ballon (help), en progress bar eller timeglas (progress), et stort I (text) og så forskellige pile, som viser, at noget kan enten flyttes (move) eller få ændret størrelsen (xx-resize).

…Hvis du vil vide mere om stylesheets, og hvordan du kan bruge dem til at lave flotte hjemmesider med smarte menuer og andet, vil jeg anbefale dig min e-bog “Begynd med Stylesheets”.