Webdesign 101

Billedvisning med Lightbox

Sun, 1 Nov 2009 18:05:25 +0100

Mine artikler om billedvisning med DOM JavaScript er nu suppleret med et eksempel på anvendelsen af det berømte "Eye Candy" JavaScript Lightbox.

Layout med CSS table-egenskaber

Sun, 17 May 2009 14:27:17 +0200

Efter frigivelsen af Internet Explorer version 8 er det attraktivt at overveje at bruge CSS-table egenskaberne til layout.
I denne artikel gennemgår jeg disse egenskaber og demonstrerer, hvorledes de kan bruges til layout af websider. Jeg beklager på forhånd: artiklen er frygtelig lang. Hvis du er hip på ideen kan du måske nøjes med eksemplerne.

Avanceret float-layout

Mon, 11 May 2009 17:39:49 +0200

To eller flere lige høje spalter med layout med float-metoden. Tutorial med 6 modellayouts.

Banner Rotator

Mon, 6 Oct 2008 15:44:35 +0200

Jeg har fået et par forespørgsler om, hvordan det lige er man laver sådanne, når det ikke lige er et slideshow, man vil lave. Så det har jeg lavet et par eksempler på

Billedgallerier

Mon, 29 Sep 2008 16:43:41 +0200

Der er efterhånden et utal af online tjenester, hvor du kan uploade dine fotos. Men der er dog stadig behov for at at fabrikere det individuelle billedgalleri, hvadenten det drejer sig om at vise interiørbilleder fra sommerhuset, feriefotos eller billeder af malerier til salg.

Webside-layouts med float

Thu, 17 Apr 2008 19:04:12 +0200

Ny supplerende artikel om 2 og 3-spaltede webside-layouts med float-egenskaben.

DHTML fanebladsmenu

Wed, 12 Mar 2008 15:29:26 +0100

En gammel konstruktion, jeg har haft beskrevet i nogle år, er nu definitivt nedlagt.
Artiklen gennemgår en mere moderne konstruktion, der er baseret på at alle artikler vises på en og samme side, alt efter hvilken fane der klikkes på.

Modellayout 2006

Wed, 27 Dec 2006 14:46:28 +0100

Denne webside repræsenterer mit modellayout 2006, hvor jeg endelig tager stilling til dilemmaet omkring websidens bredde i relation til browservinduets bredde vs. længden af tekstlinierne.
Løsningen ligger lige til højre fod, så jeg må være kejtfodet, når løsningen har været så længe undervejs. Det er simpelt: Lad brugeren selv bestemme, om hun vil lade websiden udfylde hele bredde af browservinduet, og måske døje med meget lange tekstlinier, eller om hun fortrækker tekstlinier med et komfortabelt og letlæst antal tegn per linie.

Float'ede elementer i en wrapper

Wed, 6 Dec 2006 14:45:19 +0100

Floatede elementer, der er indlejret i et container-element kan byde på nogle overraskelser i Internet Explorer 7.
Hvis dit layout bryder sammen i denne nye browser fra Microsoft, har du forklaringen i denne artikel.

Grafiske JavaScript rollovers

Wed, 6 Dec 2006 14:42:04 +0100

Jeg har opdateret og moderniseret artiklerne om, hvordan du laver flotte grafiske rollovers.

Ny Webdesign håndbog

Wed, 22 Nov 2006 16:00:00 +0100

Webdesign med stylesheets er skrevet af Jørgen Farum Jensen for dem, der ønsker at lave hjemmesider efter de mest moderne metoder og som lægger vægt på at lave robuste websider, der er fremtidssikrede, brugervenlige og kan læses af alle apparater/programmer/browsere. Bogen forudsætter et vist kendskab til websideopmærkning med HTML. Af indholdet kan nævnes:
Skrifttyper og skriftstørrelser på websider, Smarte menuer og navigationsbjælker,
Dropdown og foldeud dynamiske menuer uden JavaScript,
Lækre layouts med stylesheets, Stylesheets til udskrift,
Giv læseren valget mellem forskellige stylesheets, Hvordan du får din webside til at se ens ud i alle browsere, Hvordan du laver det sådan, at søgerobotter let kan indeksere de vigtige nøgleord på dine websider. Bogen kan købes i boghandelen og hos forlaget Globe A/S.

Menueksempler i IE7

Thu, 16 Nov 2006 15:00:00 +0100

De fleste af mine eksempler til artiklen om CSS-formaterede menuer er nu opdateret, således at de omfatter en mere korrekt metode til passere særlig formdeklarationer til IE5 og IE6. Udrulningen af Internet Explorer 7 betyder, at vi i højere grad bør anvende Microsofts betingede kommentarer, beskrevet i artiklen http://www.webdesign101.dk/artikler/conditionalcomments.php til at lave særlige formdeklarationer for ældre versioner af Internet Explorer.

Stylesheet hacks: Drop dem

Sun, 12 Nov 2006 18:00:00 +0100

Med nogle få undtagelser vil de stylesheet hacks nogle af os har vænnet os til at bruge, ikke fungere sammen med Internet Explorer 7. Det er derfor bedre at droppe dem helt, og i stedet bruge Microsoft betingede kommentarer. Linket refererer til den artikel, jeg har skrevet om denne teknik.