Menu met tussenstreepjes

Op een nieuw te maken website heeft de vormgeefster leuk van die tussenstreepjes in het menu verzonnen. Van die streepjes | die je niet met een border kunt maken omdat ze dan te hoog worden.

Het menu is een ongeordende list (UL). Het is een WordPress websites en actieve elementen krijgen een eigen class. De streepjes zitten alleen tussen twee items in. Het begin en het eind van het menu kent dus geen streepje.
Ik heb gekozen om content in het list-element te gebruiken, en wel een | voor hetmenu-item [Lees meer...]

html en vreemde tekens

Zelf maak ik op mijn weblog gebruik van de Tiny MCE advanced plugin. Moet ik ergens een kwardraat invullen, dan heb ik daar mijn knopje voor om superscript te maken. Maar er kwam een vraag binnen hoe je dat toch in WordPress en in de mail voor elkaar kon krijgen zonder dat knopje. Dat leverde even een zoektocht in google op, want daar is natuurlijk een ascii code voor, maar ik ken ze niet allemaal uit mijn hoofd. Dus bij deze twee lijsten. Eentje met de ascii codes en eentje met de html codes. Altijd handig.

Bij nadere bestudering van de knoppen in de knoppenbalk viel mijn oog ook op de knop met het Omega teken. Als je hierop klikt kun je symbolen invoeren, waaronder ook het kwardraat teken.

Lightbox

Je raakt zo gewend aan alle mogelijkheden van wordpress met over een plugin voor, dat het soms even weer wennen is als je wat moet aanpassen aan een ‘gewone’ website. Een van mijn opdrachtgevers heeft een boek geschreven en wil daarover een klein stukje op haar website, met foto van het boek. Maar wil je dat een beetje mooi in de tekst passen dan is de tekst op het boek niet meer te lezen. In wordpress maak je dan gewoon gebruik van de lightboxplugin, maar hoe gaat dat op een gewone website? Eigenlijk ook heel makkelijk. Via google kwam ik al snel op een tutorial waar ook een link staat naar alle bestanden die je nodig hebt. Tutorial volgen en ook een gewone website snel een lightboxeffect.

Testserver

Een opdrachtgever wil een database toepassing op zijn website en of ik dat kan bouwen. Nu heb ik tijdens een cursusje Adobe Webdesign CS3 wel iets met dreamweaver en database gedaan, maar heel beperkt. Het zag er daar alleen niet zo moeilijk uit, dus waarom niet gewoon proberen. Maar wat je daar wel voor nodig hebt is een testserver, lokaal op je computer en die heb ik dus niet. Even wat zoeken op Google en besloten dat ik XAMPP ga installeren. Een apache server, met php en mysql. Lijkt me precies wat ik nodig heb. Het is even zoeken, maar het lijkt allemaal te draaien. Met wat hulp van internet ook een database gemaakt en dan aan de slag met dreamweaver. Het duurt even voordat ik een verbinding hebt gemaakt tussen dreamweaver en de testserver, maar dan kan ik daadwerkelijk aan de slag. De helpfunctie van dreamweaver is daarbij ook zeer behulpzaam. En na wat gezwoeg met veel vallen en opstaan heb ik een mooi invulschermpje en komen de daar ingevulde gegevens ook netjes in de database. Dat deel is klaar. Handig zo’n testserver, want het scheelt een hoop uploaden, het werkt allemaal lekker snel lokaal. Ik vind dit ook wel leuk en zie wel toepassingen. Toch maar meer verdiepen ook in de handleidingen die dreamweaver biedt: registratie, inlogschermen… het eenvoudige werk voorlopig.

Browsers

Wanneer staat er een keer een wijze vrouw (of misschien toch nog een man) op die bedenkt dat het toch wel erg lastig is, die verschillende browsers. Zeker voor webbouwers. Er is een standaard voor html en css en daar zouden browsers zich aan moeten houden. Maar dat doen ze niet en webbouwers ook niet altijd. Want je wilt iets met de vormgeving en dat wil weer niet in een browser. En in een andere weer wel. Ik probeer dan een website te maken volgens die standaards en toch werkt het weer niet in alle browsers. Het is zo frustrerend. Een browser is een programma om een website te laten zien. Het zou toch niet zo moeilijk moeten zijn om één browser te maken waar je alle websites gewoon goed in ziet. Voor webbouwers is het dan zaak om een website te maken die je ook daadwerkelijk goed in die browser tevoorschijn ziet komen. Werk je niet volgens de regels, dan ziet die site er ook niet uit. En mensen kiezen voor een bepaalde browsers uit gemak (hij zat toevallig al bij mijn computer), uit principes (ik wil open source, want die rijke BG van MS hoeft er niet nog meer aan te verdienen) of omdat hij allerlei leuke foefjes heeft of een combinatie. Waarom niet een standaard browser en als je al die leuke extra’s wilt dan download je gewoon een plugin. Zie je alle sites dan raar, dan ligt het aan al de plugins die je hebt gedownload en geinstalleerd. Als webbouwer heb je alleen met die standaard rekening te houden. Natuurlijk kun je ontwerpen voor de extra’s, maar dan moet je natuurlijk zorgen dat je dat op je website met een knop aan of uit kunt zetten. Maar je hoeft niet meer met meerdere schermen naast elkaar de website te testen. Een oude laptop met IE6, IE7 en Opera op de twee schermen op de computer en Firefox op de andere laptop. Natuurlijk kan dat ook bijna op 1 computer, maar nu kun je met één klik per computer gelijk kijken of het goed is. Even een F5 op alle toetsenborden en vergelijk de schermen. Maar iets zegt me dat het nooit zover zal komen. Dat van die ene browser dan. En als het even tegenzit moet je ook nog de laptops van de buren gaan lenen (vergeet de apples niet)

The art & Science of CSS

The art & science of CSSDe nieuwsbrief van Sitepoint kwam binnen en ik kon het niet laten. Ik heb dus weer een boek gekocht ‘The art & science of CSS’. Het leuke van dit boek is dat er niet de standaard oplossingen in staan, maar juist allerlei trucjes en tips om meer van een website te maken. Ik ga mij daar dus eens in verdiepen. Het is zo leuk om steeds weer nieuwe dingen te ontdekken en vooral ook om iedere nieuwe site die je maakt, mooier te kunnen maken door nieuwe technieken en foefjes