Netsans » Småtips

Google Fonts API – Det her er stort!

Morten Brunbjerg Bech — Wed, 19 May 2010 21:07:53 +0000

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 Lobster

Smæk dette link ind i head sektionen i dit HTML dokument.

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 ret begrænset, men mon ikke, der med tiden bliver lavet om på det?

Via Nettuts.

Er du front end-ninja på udkig efter nyt job?

Morten Brunbjerg Bech — Mon, 17 May 2010 08:46:32 +0000

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 et job kan du få i Herning. Er du interesseret?
Se hele jobbeskrivelsen her.

Virtual hosts på mac under MAMP

Morten Brunbjerg Bech — Fri, 13 Nov 2009 11:17:24 +0000

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 af virtual hosts under MAMP:

Sawyer McFarland Media, Inc.: Setting Up Virtual Hosts for MAMP

Samme site har en fin indførsel i, hvordan man slipper for MAMP’s default porte 8888 og 8889 i sine lokale URL’er (Se artiklens figur 3).

jQuery i WordPress

Morten Brunbjerg Bech — Thu, 29 Jan 2009 14:51:42 +0000

jQuery er allerede indbygget i WordPress, så der er ingen grund til at downloade og implementere det i hvert nyt tema, du går i gang med. Bare indsæt referencen til jQuery før kaldet til “wp_head()” i header.php. Referencen til jQuery indsættes nemt med følgende tag:
< ?php wp_enqueue_script('jquery'); ?>

Apropos enestående webtypografi

Morten Brunbjerg Bech — Tue, 16 Dec 2008 21:26:05 +0000

Fornylig skrev jeg lidt om typografi på nettet. WebDesignerWall har en glimrende artikel om emnet, Fonts and the Web af Juul Coolen. Artiklen kommer omkring 4 forskellige metoder til at spiffe de typografiske muligheder i webdesign op.

Image Replacement – hvor teksten erstattes af grafik med CSS.
sIFR (Scalable Inman Flash Replacement) – hvor typografien erstattes af Flash.
FLIR (Facelift Image Repalcement) – hvor teksten erstattes af grafik on the fly vha. PHP.
CSS3 – hvor der i fremtiden vil kunne gøres brug af @font-face reglen.

Læs Fonts and the Web af Juul Coolen på WebDesignerWall.

Julekalender for webnørder

Morten Brunbjerg Bech — Tue, 16 Dec 2008 14:46:21 +0000

Min favorit-julekalender i år er absolut 24 Ways. 24 Ways er julekalenderen for webnørder. Hver dag i december frem mod jul publiceres her en daglig dosis webdesign- og udviklingsgodter i form af artikler om emnet, skrevet af nogle af branchens førende designer og udviklere.

Årets foreløbige favoritter er:

Making Modular Layout Systems af Jason Santa Maria
Om hvordan man udvikler ekstremt fleksible layouts med CSS.
Rocking Restrictions af Tim Van Damme
Om produktivitet, go’s og no-go’s som webdesigner.
Geometric Background Patterns af Veerle Pieters
Om sømløse baggrundstapeter.

Inspiration til design af søgeboksen

Morten Brunbjerg Bech — Fri, 05 Dec 2008 10:01:47 +0000

Når brugeren ikke kan finde rundt på websitet, er søgeboksen ofte sidste udvej? Men hvordan designer man en effektiv søgeformular? Smashing Magazine har en god artikel om emnet med eksempler på dos & don’ts, bud på designovervejelser og masser af inspirerende screen dumps.

Designing The Holy Search Box: Examples And Best Practices.

Hvordan designer man en effektiv 404 side?

Morten Brunbjerg Bech — Fri, 05 Dec 2008 09:00:53 +0000

Fejl 404 sider er ikke altid lige hjælpsomme. Tallet 404 siger formentlig de færreste brugere noget som helst. Hvordan designer man en 404 side, som kan hjælpe brugeren videre?

Hongkiat.com har samlet en liste over 404 sider. De er ikke alle lige gode, men her er nogle kreative bud på fejlbeskeder og under alle omstændigheder god inspiration.

Se Hongkiat’s “60 Really Cool and Creative Error 404 Pages”.