Næse for design og kommunikation til nettet
Småtips
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 >
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 >
jQuery i WordPress
29 jan 09
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
16 dec 08
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-facereglen.
Julekalender for webnørder
16 dec 08
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
5 dec 08
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.
Hvordan designer man en effektiv 404 side?
5 dec 08
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”.
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.