Nederdev : webdesign & stuff

Most designers will already know the famous Son of Suckerfish menus. Suckerfish is a full proof solution for creating drop-down menus that work in all major browsers. It uses a tiny piece of Javascript to mimic the :hover pseudo-class for IE and everything else you need is just some CSS for your menu's good looks.

Veel designers zullen de bekende Son of Suckerfish menu's wel kennen. Suckerfish is een beproefde oplossing om drop-downmenu's te maken die in alle browsers werken. Het bestaat uit een klein stukje Javascript om de :hover pseudo-class te imiteren voor IE en voor de rest heb je alleen nog CSS nodig voor de daadwerkelijke weergave van je menu.

Dinsdag ben ik teruggekomen van ruim 2 weken vakantie en naast de nodige literatuur had ik ook Professional Javascript for Web Developers meegenomen. Ik verbaasde me erover hoeveel informatie er in dat boek stond (echt een aanrader!), maar nog meer verbaasde ik me over de mogelijkheden van Javascript. Je kan zelfs communiceren met Java applets en Flash movies! Het klinkt vast dom als je zelf wat meer van JS af weet, maar ik wilde het toch even kwijt :P

Één van de mogelijkheden van Drupal die wat minder goed belicht wordt op het internet is de ingebouwde autocomplete mogelijkheid. Een autocomplete formulierveld geeft suggesties voor de invoer als je nog aan het typen bent. Handig als je lange dingen moet invoeren of als je niet precies weet wat je nou moet typen. Als je bijvoorbeeld iemand wil zoeken, maar alleen een stukje van de achternaam weet. Dit voer je dan in en je krijgt automatisch een lijstje te zien met alle namen waar dat stukje in voor komt.

PNG afbeeldingen zijn een veelgebruikt middel als het gaat om transparantie. Het enige nadeel aan deze techniek is dat Internet Explorer 6 niet om kan gaan met transparante PNG afbeeldingen. De afbeeldingen krijgen standaard namelijk een soort lichtblauwe achtergrond, waardoor de transparantie zelf geen nut meer heeft. Er is echter een methode om IE6 PNG's toch goed weer te laten geven: AlphaImageLoader().

Het originele artikel over de Suckerfish Dropdowns op A List Apart bewees dat het een populaire manier was om lichtgewicht en toegankelijke CSS dropdown-menu's te maken waarbij Internet Explorer een handje werd geholpen door de :hover pseudo-class na te apen.