Nieuwe voordeur
En met een beetje geluk wordt morgen ook de hele binnenhuisinrichting op de nieuwe voordeur afgestemd. Met een beetje geluk, want met dat werkvolk van tegenwoordig weet je natuurlijk nooit.
Weetjes voor de geeks
Er worden enkel nog zuivere CSS Hovers gebruikt voor alle elementen buiten de beelden. Dat maakt dat u voor volledige appreciatie best een volledig CSS2 compliant browser gebruikt... u weet ondertussen wel welke browser ik hier dus vooral niet bedoel. Als ze in Redmond te lui zijn om na twee jaar nog geen correcte Hover support in te bouwen, zie ik niet in waarom ik tijd en bytes moet opofferen aan JavaScript workarounds voor mijn weblog.
Het tab menuutje maakt gebruik van de Sliding Doors techniek. Heeft u er nog niet mee gespeeld: doén. Het is een pareltje van CSS coding op het scherp van de snee. Een hover status staat op stapel — weer dat werkvolk weet u.
Animated gifs zijn weer helemaal in. Met een beetje geluk vindt u er drie.
Uiteraard valideert deze pagina als XHTML 1.1 strikt en CSS2 — noblesse oblige, n'est-ce pas?
Ook terug van weggeweest: relatieve font-sizes. Dankzij de bovenstaande DTD bijft alles redelijk consistent binnen de geteste browsers.
U mag al foutjes beginnen melden hieronder of via het contactformulier. Rest mij nog u een welgemeende slaapwel toe te wensen.
Slaapwel,
frédéric
http://druppels.be/movableType/mt-tb.cgi/793
Hieronder links naar websites die naar dit stukje verwijzen: Nieuwe voordeur:
» Verandering van thema van de taalspeeltuin
geachte Dames en Heren auteurs;
de onderhoudsmonteur heeft zich gestort in het bouwen van een nieuw thema.
dit thema heeft de koosnaam “gras” mee gekregen
en wordt tussen nu en zes uur uit het clubhuis gehaald.
... [Lees meer]
Reacties (17)
Mooi mooi! Mogen we even binnenkomen?
sprak Inferis op March 9, 2005 1:34 PMmooi gedaan!
@ Inferis: goed volk is altijd welkom, mijn waarde.
groen hu!
het moest maar weer eens voorjaar worden.
V6 heeft ook wel iets.
er moet tenslotte gespeeld worden, hè Frédéric
Schoon en fris. Jammer van die teller onderaan je page. :-)
Opbouwende kritiek op http://druppels.be/oudedruppels/002239.shtml#reacties (gevonden in Firefox 1.01 op WinXP SP2):
1. Je zoek invoerveld en knop verspringen 1 pixel van elkaar in hoogte.
2. Breadcrums zijn orgineel maar verwarrend op deze manier.
3. lijntje onder je menu tabs sluit niet aan op de onderline van het groene vlak.
4. Je favicon.ico is niet meer zichtbaar in het adresfield van firefox.
5. Je knoppen en invoervelden voor het posten van een comment zijn nog niet volgens je nieuwe huisstijl (mist de afgeronde hoek)
@JW:
1. Inderdaad een probleem; ik vind geen manier om de achtergronden van de button en het invoerveld cross browser op mekaar af te stemmen.
2. Stoorde mij ook; is opgelost
3. Is echt wel de bedoeling :)
4. ? Bij mij wel, op identiek dezelfde platform/browser combinatie
5. Is ook niet de bedoeling. Enkel de search in de header heeft die afgeronde hoeken nodig, vind ik.
En waar zijn nu plots de groene titels naartoe? Ik vond die mooier dan de grijze.
Helemaal mee eens. Die groene titels waren juist mooi afstekend. Zeker niet te.
@Frodo: Andere pc, ook winXP Firefox. Zelfde problemen als eerder geschertst.
Inputveld, buttun probleem. Probeer het eens te trukeren met een pixel (transparant) in hoogte verschil tusen de twee.
@JW & LIbrarian: Leuk om vast te stellen dat jullie zo goed kijken: dank daarvoor. Maar zelf vind ik de titels zo toch beter.
@ JW: het icoontje wordt sowieso veranderd, dus ik hoor dan nog wel of het goed zit.
Voor de laatste suggestie verdien je daarentegen onmiddellijke executie zonder maaltijd vooraf! Het wordt hier met CSS gedaan of niét gedaan. Die 'methode' zou er overigens enkel voor zorgen dat het in FireFox juist is, en in de andere browsers verkeerd rendert.
Deze conversatie is echt niet niét te begrijpen, en nochtans is het Nederlands...
sprak Griet op March 12, 2005 5:29 PM@frédéric: Ik zie dat je voor het hover-effect van de afbeeldingen rechts gebruik hebt gemaakt van animated gifs. Vraagje hierbij: hoe heb je het 'zoom-effect' in die animated gifs gemaakt?
Ik heb er even eentje van naderbij gekeken. Hoe heb je de beweging zo vloeiend gekregen?
@Librarian:
Mooi opgemerkt.
Vrij eenvoudig te maken: met ImageReady kan je 'tweenframes' maken tussen twee frames.
ImageReady, maar dat is een onderdeel van Photoshop CS(?), dus een klein beetje onbetaalbaar voor mij (toch zeker omdat grafiek niet mijn broodwinning is).
Zal eens zoeken of er geen goedkoper of gratis alternatief is dat ongeveer hetzelfde doet.
sprak Anonymous op March 12, 2005 10:27 PMWat "tween frames" betreft denk ik dat ik in Fireworks met de zogenaamde 'onion skinning' ongeveer hetzelfde effect kan bereiken.
Executie zonder maal vooraf. Amai. Ik dacht dat ik 't strikte web standards evangelie aanhing, maar we hebben hier te maken met een fundementalist. :-)
Mijn excuses, ik zit te lang in de commerciele business, waarbij de opbrengst van een site nog steeds boven het volgen van web standards staat. Gelukkig komen we vaak tot een compromie.
Jammer van de titels. Groen had mijn voorkeur.
Icoontje is veranderd en nu zichtbaar op m'n beide systemen. Doet me een beetje denken aan Kottke.org op een of andere manier.
@Griet: web nerd talk is in elke taal moeilijk te volgen.
@ Libririan: tween frames is volgens mij ook 't zelfde als onion skinning in fireworks.
@JW, dat is geen excuus; ik zit in hetzelfde schuitje. Maar het is je allemaal vergeven :)
@Griet: er staan in deze versie rubrieken bij de stukjes - naast de datum. Zo kan je direct zien of het een stukje naar je bek is.
@Frederic: duhuh
sprak Griet op March 14, 2005 9:54 PMPlaats zelf een reactie
