Css

Na 4 jaar heb ik mijn op maat gemaakte theme ingeruild voor een het standaard Twenty Twenty theme dat mee met WordPress wordt geleverd. De directe aanleiding? Een experiment rond optimalisatie voor zoekmachines. En in tweede instantie ook een aanzet om even na te denken hoe ik verder wil met mijn blog.

Alles begon dit voorjaar. Ik merkte toen al enige tijd dat dit artikel zowat alle verkeer naar mijn blog trok. Blijkt dat ik het derde zoekresultaat ben als je zoekt op “van proximus naar telenet“. Mooi, maar wat me echt opviel was dat de rest van mijn blog niet terug te vinden was in de zoekresultaten op andere trefwoorden. En een zoekactie op ‘site:netsensei.be’ leerde mij dat hoofdzakelijk de ‘tag’ overzichtspagina’s nog aanwezig waren.

• The Most Interesting Part Of The Presidential Debate: THE AUDIENCE! –
• WARP RECORDS –
• Is There Anything You Wish CSS Could Do? 15 Designer/Developers Sound Off – CSS-Tricks –
• THE BRIDGE ::: The Movie –
• Flickr: The Searcher’s Photostream –
• Flickr: Panda – puking panda!
• Big Red Angry Text –
• Pipe Scrubber – Please! Help the internet!

• Jon Burgerman – pens are my friends – coooool!
• YouTube – Sarah Palin, Tina Fey on SNL – I can see Russia from my house!
• CSS Systems –
• QuirksMode – for all your browser quirks –
• 6 Tips for Localizing Your WordPress Plugin · Pressed Words –
• Top 5 Free Linux Games –
• Groundhopping – A pictorial documentation of Belgian football grounds
• YouTube – A day in the life of a Portal Turret –
• YouTube – Portal Turret-Speak –
• 23 awesome license plates for computer geeks –
• Penny Arcade! – The Origin Of The CD-Keys, Part Two –
• Dear United States, we apologize for the following items. Love, Canada – A truly Canadian apology for all the “wrongs” they have done towards the U.S

Het werd een zeer vruchtbaar en productief weekend moet ik zeggen.

• Ik heb voor een project in Java een Subversion repository opgezet en de twee working copies op mijn laptop en mijn desktop thuis met elkaar gesynchroniseerd.
• Ik heb OpenOffice.org en Netbeans geïnstalleerd en geconfigureerd.
• Ik heb mijzelve wat ingewerkt in JAXB voor het het automatisch genereren van XML files op basis van XML schema’s.
• Ik heb nog wat foto’s weten te verwerken.
• Ik heb mijn bureaublad en de programma’s in mijn Start menu opgeruimd.
• Ik heb mijn gebruikersprofiel verhuist naar een andere partitie. Kwestie van wat ruimte te besparen.
• Ik heb wat zitten spelen met Adium en Pidgin. Vooral dan Twitter notifications in Adium toegevoegd. Ik vind eigenlijk best wel grappig om via Adium een Twitter achter te laten en dan te zien dat die in mijn browser op mijn pc naar voor komt.
• Ik heb flink wat zitten spelen met CSS en XHTML. Er staat iets levensvatbaar in de steigers.
• Ik heb heel wat blogs bijgelezen en de hele Steven Feys (Google’s a bitch, aint she!) discussie proberen te volgen.

Ik ben een tevreden mens. Ik hoop de lijn de komende week verder te kunnen trekken…

Toen collega F. mij gisteren vroeg om op een klein halfuur (oké, hij gaf mij eigenlijk 15 minuten) een uitklapbare menustructuur in HTML te programmeren, was dat voor mij een uitdaging. Ja, ik kon van die ingewikkelde DHTML toestanden downloaden en daarmee aan de slag gaan. Maar het moest eenvoudiger kunnen.

Met wat slim spelen met HTML, CSS en DOM had ik op goed 20 minuten de oplossing uitgewerkt. Eén HTML pagina en één CSS file. Meer niet. Waarmee ik gelijk mijn verwachtingen over mijn eigen kunnen en over de mogelijkheden van CSS/DOM flink heb overtroffen.

Naar aanleiding van dit postje bij Smetty werd ik curieus naar mijn eigen Pagerank. Ik heb er een aantal tooltjes op los gelaten en blijkt dat ik een nette PR:6 heb. Mooi!

Net als Smetty doe ik geen speciale moeite met allerlei SEO technieken om een hogere pagerank te halen. Wat ik wél doe laat zich samenvatten als:

• Een valide XHTML/CSS design (met aandacht voor doctype, structuur, etc.)
• Regelmatig nieuwe content plaatsen
• Indien mogelijk, relevante linkjes plaatsen in mijn teksten.
• Belangrijk: regelmatig comments plaatsen bij anderen! Dat heeft een dubbel doel: je toont je interesse voor wat anderen schrijven, en je krijgt de kans zelf je URL te verspreiden.

Maar net zoals Smetty zou ook ik het nog een stuk beter kunnen: oog hebben voor waar content terecht komt, een beter linkmanagement, meer gebruik maken van Technorati, Feedburner,…

Sinds enige tijd heeft Mark van Gigadesign met Gigastyle een vlaamse CSS garden of Zen gemaakt naar een idee van Dave Shea.

Het idee is simpel: je krijgt een plat XHTML document voorgeschoteld. Aan jou om er het zaakje volledig te stijlen. Alleen mag je niets aan de HTML veranderen; alle veranderingen moet je doorvoeren met CSS. Een mooie uitdaging die ik allang wilde aangaan. Vandaag is het er eindelijk eens van gekomen. Het resultaat mag er best wel zijn. Valid CSS én het tovert mooi in Opera, Firefox en Internet Explorer.

Zo. Ik heb mijn weblogje in een nieuw kleedje gestoken. Ik wilde er aan het begin van het nieuwe jaar eens werk van maken en dus heb ik de voorbije week af en aan wat zitten pleuren met HTML, CSS en PHP. Als je de blogosfeer een beetje kent, dan zal je wel zien dat ik de mosterd ook bij anderen heb gehaald voor een aantal zaken. Beter goed gekopieerd dan slecht uitgevonden en al. Ik hoop dat het resultaat bevalt.

Net als Michel wil ik een beetje een originele theme voor mijn blogje. Geen afgezaagde, met bijgewerkte header Kubrick of K2. Neen. Ik wil iets dat helemaal van mezelve komt. Expres heb ik zelfs niet gekeken naar de themes van anderen om inspiratie op te doen. Niets goeds kan daarvan komen! Alleen maar een “hé, zo’n hippe dinges wil ik ook” samenraapsel. Neen, ik wilde er eens hard tegenaan gaan. Hoge, schier onrealistische eisen en al. Een tweetal weken geleden heb ik de handen uit de mouwen gestoken. Elke avond achter het scherm. Ik had gehoopt om het tegen Blogcom op straat te kunnen gooien, maar ’t had niet mogen zijn. Daarvoor was het nog net te vroeg.

Waarschuwing: veel techneutengepraat!

Kijk, Dit is waarom ik van CSS hou.

Voor:

-rwxr--r-- 1 matthias matthias 4130 Oct 8 22:14 style.css

Na:

-rwxr--r-- 1 matthias matthias 3852 2006-10-09 23:11 style.css

Een goede 278 bytes verschil. Jeuj! Hoe, wat? Moet ik daar zo enthousiast over doen? ‘Tuurlijk. Door gebruik te maken van enheritance kunnen selectors hun eigenschappen met elkaar delen of zelfs van elkaar erven. Daardoor kan je op een heel hoog niveau fiddlen met één selector en meteen een pak onderliggende elementen in je pagina beïnvloeden. Een beetje zoals een waterval. Geen toeval dus dat ze het Cascading Stylesheets hebben genoemd. Op zo’n moment komt de kracht van CSS naar boven en is het werkelijk een plezier om te coderen.