Netsans
Næse for design og kommunikation til nettet
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 >Linkhøst fra 20. august til 25. august
25 aug 09
Bogmærker indsamlet fra 20. august til 25. august
HTML URL Encoding Reference 25. augustURL encoding converts characters into a format that can be safely transmitted over the Internet. Enormt anvendelig, når der skal laves links til en OPAC. Site5 – Web Hosting for Webmasters 24. augustAnother web hosting company. Unlimited web space, bandwith and domains. @Spiri recommended this one. Remote File Inclusion (RFI) Attempts – Detecting, Tracking, and Mitigating or Stopping » BLOG INGENUITY 20. augustThis article is intended for readers new to RFI and will provide a short explanation of how RFI works and describe a few ways to detect, track, and mitigate Mere >Linkhøst fra 14. august til 19. august
20 aug 09
Bogmærker indsamlet fra 14. august til 19. august
Screenr – Create screencasts and screen recordings the easy way 19. augustScreenr is a web-based tool that lets you create screencasts without installing any software. You just click the record button and your screen activity is recorded along with narration from your microphone. Screenr then publishes your screencast in high-definition Flash format. Screenr makes it easy to share your screencast on Twitter, YouTube or anywhere else on the web. Even iPhone users can view your screencast. UX Booth: User Experience Blog & Free Website Usability Testing 14. augustThe UX Booth is a group that writes Mere >Linkhøst fra 13. august til 14. august
14 aug 09
Bogmærker indsamlet fra 13. august til 14. august
Paladin (0/10/61) – Talent Calculator – World of Warcraft 14. augustPopular talent build for maximum damage dealing retribution paladins in World of Warcraft. Best Talents for Patch 3.2 of World of Warcraft – WoW Popular – Filter by Talents 14. augustPopular talent builds for World of Warcraft. If you don't bother calculating your talent build yourself, this is the place to go fetch it. IE6ify Bookmarklet 13. augustAfter years of observation and reverse engineering I am proud to say I have been able to reproduce the IE6 algorithm to break even the most standards-compliant websites. 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.