Netsans
Næse for design og kommunikation til nettet
Google Fonts API – Det her er stort!
19 maj 10
Som bekendt har man relativt begrænsede typografiske muligheder i webdesign. Der findes en del workarounds, såsom Cufon og sIFR og de går an, men det bliver aldrig helt godt. Nu vender Google hele møllen på hovedet med hosting af fonts og en API, der gør det sindssygt nemt at implementere.
Et lille eksempel:
Skrifttypen LobsterSmæk dette link ind i head sektionen i dit HTML dokument.
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
Så er du klar til at bruge Lobster i din css som enhver anden font.
Det skulle efter sigende fungere helt tilbage til IE6. Skulle man endelig være negativ, kunne man sige at udvalget af skrifttyper stadig er Mere >
Er du front end-ninja på udkig efter nyt job?
17 maj 10
Mine gamle kolleger hos Midt Marketing Interactive søger en erfaren front end-ninja, der kan bøje en Photoshop-fil om til et færdigt website.
Du skal stå for opsnitning i HTML over implementering i CMS til undervisning af kunden eller redaktionelt arbejde med tekster og billeder. Du skal samarbejde med Midt Marketings webdesignere om at finde den bedste løsning til kunden i forhold til pris, brugervenlighed og høj teknisk kvalitet.
Er du lidt af en pixel-pusher, har udpræget kvalitetssans og sætter en ære i at levere løsninger i høj kvalitet? Er du en haj til HTML, CSS, Javascript og kender jQuery ud og ind?
Sådan Mere >
Øg maximum upload filstørrelse på 2 mb i WordPress
22 mar 10
Som udgangspunkt kan man kun uploade filer op til 2 mb i WordPress. Ikke nødvendigvis et problem for garvede brugere, der er i besiddelse af et billedbehandlingsprogram, men absolut et problem for brugere, der tror, et billede er et billede, og ikke har begreb om filstørrelser. Fotos fra et 5 megapixel kompaktkamera fylder nemt et par mb, og visse brugere vil undre sig over at være ude af stand til at uploade sådan en svend direkte fra kameraet.
Det har egentlig ikke noget med WordPress at gøre, men derimod indstillingerne i php.ini. Det er imidlertid ikke alle webhoteller, der tillader sine Mere >
Sådan fixes IE7′s z-index bug med jQuery
9 feb 10
Det er sædvanligvis Internet Explorer, der kræver ekstra opmærksomhed, workarounds og udviklingstid, når man skal gøre et website kompatibelt på tværs af webbrowsere. Jeg har lige spenderet en del tid på at komme omkring en grov renderingsfejl i IE før version 8, der rammer den orden hvori CSS positionerede HTML elementer stables. Jeg er rendt ind i IE’s z-index bug.
Opgaven: En lang række list items skal udstyres med forklaringer i form af drop downs. HTML koden ser således ud.
<ul class="linklist">
<li>
<h4>Overskrift 1</h4>
<a href="#" class="dropdown-trigger">Vis beskrivelse</a>
<div id="beskrivelse-1">
Beskrivende note der falder ned, når man klikker på linket "Vis Mere > Adgang til Apache på mac fra et virtuelt OS
20 jan 10
Jeg har lige installeret et virtuelt gæsteoperativsystem i form af Windows XP via VirtualBox på min mac for at kunne teste web-produktioner i diverse versioner af Internet Explorer. Men det kneb lidt i den virtuelle Win XP med at få fat på de sites, jeg har kørende i virtuelle hosts under MAMP på mac’en.
Løsningen skal findes i hosts filen på gæste OS’et (den virtuelle Windows). Hosts filen ligger her:
c:\windows\system32\drivers\etc\hosts
Her tilføjes en linie for hver virtuelle host, man har sat op i MAMP’s Apache config fil:
10.0.2.2 sitenavn.tld
Hvor IP-adressen bruges som DNS-resolver af VirtualBox til at identificere værtscomputeren, og sitenavn.tld er navnet på det Mere >
Sådan kaldes javascripts i WordPress
30 nov 09
Da version 1 af stylesheets og templates til Horsens kommunes biblioteker i sin tid blev kodet op, havde jeg hentet javascript-biblioteket jQuery + diverse plugins, placeret dem i wp-theme mappen og kaldt dem manuelt i theme’ets header.php script. Det var før jeg fandt ud af, at jQuery + plugins faktisk er inkluderet i WordPress og kan kaldes med indbyggede funktioner.
Den “rigtige” måde at kalde javascripts på i WordPress er med fuktionen wp_enqueue_script. Med denne funktion kan man kalde en række indbyggede javascript biblioteker, heriblandt jQuery, Scriptaculous og Prototype. For at kalde jQuery, skriver man således følgende i header.php:
<?php wp_enqueue_script('jquery'); ?>
Har man samtidig Mere >
Virtual hosts på mac under MAMP
13 nov 09
Jeg roder i øjeblikket med en testinstallation af Magento på min mac. I den forbindelse havde jeg brug for at rette i etc/hosts/ filen, men den er ikke umiddelbart til at finde på en mac, da den er skjult. Det findes der heldigvis råd for. Jeg fandt en glimrende vejledning her:
Foundation PHP: Creating a virtual host in Mac OS X 10.5 (Leopard)
Jeg bruger imidlertid ikke mac’ens indbyggede Apache server, men MAMP. Derfor kunne jeg ikke rigtig bruge ovenstående vejledning til opsætning af virtual hosts i Apache’s konfigurationsfil, httpd.conf. Det findes der også råd for. Her er en fin vejledning i opsætning Mere >
WordPress hacked, defaced og inficeret med en grim iframe
26 aug 09
For 1½ års tid siden skiftede jeg webhotel til Gigahost efter i flere år at have været kunde hos Unoeuro. Det tillokkende var funktionaliteten og muligheden for flere domæner og databaser på samme konto. Jeg havde aldrig sikkerhedsproblemer hos Unoeuro, men siden skiftet til Gigahost er jeg blevet hacket 3 gange. I sidste uge måtte mine sites så ned og ligge igen.
Hvad var blevet hacket?
Mine WordPress sites havde fået nye forsider og alle index og default filer havde fået tilføjet en iframe, der sendte evt. besøgende hen et sted, hvor de kunne få inficeret deres computer med malware eller virus.
Det Mere >
Dagens linkhøst, 26. august
26 aug 09
Bogmærker indsamlet den 26. august fra 11:29 til 11:58
Web fonts and standards – Jeffrey Zeldman Presents The Daily Report 26. augustAs far back as 1998, CSS2 provided a way to link to real fonts from your style sheet. Nice round up on how to implement fonts with @font-face. Fonts available for @font-face embedding – Webfonts.info 26. augustNice collection of fonts for the web. PDF doc search II – Meta 26. augustI edited includes/SpecialSearch.php to make the saved PDFs searchable. This contribution is limited to a small amount of PDFs. When creating the PDFs don´t use compress text and images in e.g. acrobat distiller. Mere >
Mit navn er Morten Brunbjerg Bech. Jeg er webdesigner, front end udvikler og bibliotekar på Horsens kommunes biblioteker. Netsans er min porteføljemappe, sandkasse og huskeseddel.