Krijg ik ‘s nachts een hypo dan verloopt het meestal volgens een van de twee volgende manieren. De eerste is dat ik wakker wordt met alle bijbehorende kenmerken van een hypo of, en dat is de minder leuke manier, ik wordt ‘s ochtends wakker met geweldige hoofdpijn die een groot deel van de dag blijft.

Gisteren had ik eindelijk een keer de volledige controle over de afstandsbediening en tijdens het zappen komt het programma Hart ik Aktie voorbij. Omdat er verder niks interessants is en het wordt hypo-hond valt besluit ik om verder te kijken. Een vrouw met diabetes schijnt haar hypo’s niet meer aan te voelen en heeft om die reden een hypohond. Ze zegt het en ik denk het: stel dat je ‘s nacht/’s ochtends niet wakker wordt? Ik krijg er werkelijk kippenvel van en herinner me een oud collega die ook een heel weekend alleen in de douche heeft gelegen met alle gevolgen van dien. Dat ik wat dat betreft meer geluk heb daar mag ik me gelukkig mee prijzen.

Zo’n hypo-hond of een van de andere helpende honden kunnen echt een uitkomst zijn voor mensen en bij de uitzending van Hart in Aktie blijkt dat Nancy moeite heeft om de stichting draaiende te houden. Ik vind dat heel erg en ik heb zitten genieten van de hulp die ze heeft gekregen via het programma. Wat ik me wel afvraag is hoe het gaat lopen op de lange termijn als de brokken op zijn en de dierenarts weer rekeningen gaat sturen.

Het leukste van het kijken naar het programma gisteren was dat ik ook een reactie had gekregen op het eerder geschreven bericht hier. Van Nancy zelf en ik zit te kijken en dat begint door te dringen: Nancy heeft op mijn bericht gereageerd! En ik heb er nooit bij stil gestaan dat zij een van de oprichters is van deze geweldige stichting!

Ik hoop dat de stichting ook op lange termijn blijft bestaan en dat er maar veel nieuwe sponsors bij zullen komen!

Website: Stichting Paqo

Related posts:

1. De Hypo hond

Geen gerelateerde bijdragen.

Ik weet ongeveer wat je kunt met CSS en CSS 2. Nu is er ook CSS 3 en daar weet ik ook van dat een heleboel niet werkt, maar een paar werken wel. En een van deze CSS 3 mogelijkheden wilde ik dus toepassen op mijn ontwerp. Mijn humeur bereikte echter een dieptepunt na het bekijken van deze website in Internet Explorer. Deze webbrowser werkte ook vandaag niet mee. De code die ik hebt gebruikt werd hier genegeerd en de opmaak zoals ik het wilde zorgde hier voor onoverzichtelijkheid in mijn lijst.

Dan ga je dus een IE hack of fix verzinnen. Een workaround om het er in ieder geval iets netter uit te laten zien in IE.

Mijn lijst

Mijn lijst wilde ik dus laten inspringen. Ieder punt een stuk naar rechts en dat kan door middel van de volgende code:

.li:nth-of-type(1) {margin-left:0;}
.li:nth-of-type(2) {margin-left:50px;}
.li:nth-of-type(3) {margin-left:100px;}

Om een beeld te krijgen twee plaatjes:

Lijst in Firefox

Lijst in Internet Explorer

Zoals je ziet geeft Internet Explorer de lijst recht onder elkaar weer en staan de onderste punten in de achtergrond, wat er niet mooi uitziet.

De oplossing

‘Conditional comments’ is mijn oplossing. Dit zet je in het head gedeelte van je html bestand.

<!--[if IE]>
Hier zet je de instructie voor IE bv.:
<link rel="stylesheet" type="text/css" href="all-ie.css" />
<![endif]-->

In mijn geval werd dat:

#background #content {
height: 500px;
width: 550px;
left: 400px;
}
ul {
margin-top:0px;
}
li {
border: 1px solid transparent;
background-color: transparent;
padding: 3px 0 3px 20px;
line-height: 19px;
}

Mijn content vak wilde ik opschuiven naar rechts dus left is veranderd (mijn content is relatief geplaatst) en ook de maat van het vak is veranderd. Omdat ik ruimte nodig had om de lijst niet in de achtergrond te hebben heb ik de margin-top van de ul op 0 gezet. De li had een achtergrondkleur en een border maar dat ziet er niet uit dus dat is ook verwijderd. En de padding en line-height zijn iets anders zodat de tekst niet in het achtergrond plaatje staat. Met dit in een stylesheet ziet het er nu zo uit:

Lijst in Internet Explorer met CSS hack

De lijst loopt niet meer in de achtergrond.

Er zal vast wel een andere manier zijn om dit te doen. Iets wat ik misschien niet ken of waar ik (nog) niet op ben gekomen. Echter, op dit moment vind ik Internet Explorer waardeloos.

Een voorbeeld

Ik heb een voorbeeld gemaakt en die kun je hier downloaden. Het is niet helemaal hetzelfde als mijn voorbeeld, maar misschien wel handig.

Lijst met CSS 3 (43)

Related posts:

1. 6 Firefox Addons die je moet hebben

Update:

Ik krijg een notificatie binnen op mijn eigen emailadres, dus als geregistreerde werkt het. Alleen het andere emailadres werkt niet. Das best balen.

Update 2:

Ik ben er verder mee gaan stoeien, omdat ik deze plugin misschien op een andere website wil gaan gebruiken. En ik heb wat ontdekt of eigenlijk gelezen. Zo zie je maar weer dat het heel slim is om eerst het readme.txt bestand te lezen en daarna met de plugin te gaan werken. Er zijn vier plekken waar je deze plugin terug kan vinden in het admin gedeelte.

• Onder instellingen: wil je tekst of html? En wat staat er in verzonden emails. Etc.
• Onder gebruikers: dat is persoons gebonden dus van welke categorien wil je een email/notificatie?
• Onder tools: had ik niet gezien en daar moet je ingeschreven mensen even ‘confirmen’ anders krijgen ze niks.
• Onder een nieuw bericht: hier kun je de notificatie ook uitschakelen voor dat bericht.

Related posts:

1. WordPress upgraden naar 2.6.2

Voor mensen die zoals ik niet helemaal weten hoe en wat dan moet je gewoon steeds op next klikken. Na het opstarten van je server zie je een mooi half cirkeltje in je taakbalk die als het goed is wit moet zijn. Bij mij was het gedeeltelijk geel. Crap!

Via google (we kunnen niet meer zonder hè) dan maar zoeken en op deze website wordt iets verteld over ISS (ook een webserver?), maar dat kreeg ik niet gevonden dus dan maar een forum doorlopen. Daar werdt door iemand verteld dat Skype voor problemen kan zorgen dus ik heb in Skype -> Instellingen -> Geavanceerd -> Verbinding -> “Gebruik poort 80 en 443 als alternatief voor inkomende verbindingen” uitgeschakeld.

WAMP opnieuw opgestart en TADA!!! Een draaiende en werkende server om van alles te testen en te ruïneren. Geen online extra wordpress installaties meer! Niet meer langzame uploads, maar gewoon hier thuis op mijn eigen pc. Dat ik dat niet eerder heb ontdekt zeg…..

Related posts:

1. Windows … Maker
2. WordPress upgraden naar 2.6.2
3. Einde XHTML tijdperk?

Wat blijkt? Er zijn er een heleboel! Niet alleen WordPress, Joomla en Drupal. Nee, véél meer!!! En mijn nieuwsgierigheid is gewekt. Welke, wat kunnen ze en waarom kleef ik zo aan WordPress terwijl er zoveel andere zijn die ik niet ken?

Mijn eerste klik via Google bracht me op de website van Packt Publishing met informatie over de Open Source CMS Award. Interessant dus om eens door te kijken!

Overall Best Open Source CMS Award

1. WordPress
2. MODx
3. Silverstripe
4. DotNetNuke
5. XOOPS

Hall of Fame Award

1. Drupal
2. Joomla

Most Promising Open Source CMS Category

1. ImpressCMS
2. Pixie
3. Pligg
4. Manahli
5. Redaxscript

Best Open Source PHP CMS Category

1. Drupal
2. WordPress
3. Joomla
4. MODx
5. TYPOlight

Best Other Open Source CMS Category

1. Plone
2. dotCMS
3. mojoPortal
4. DotNetNuke
5. WebGUI

Al deze lijstjes zijn heel aardig om tegenaan te kijken, maar wat zijn dan de verschillen? Op The CMS Matrix kun je een hele waslijst aan programma’s vergelijken. Nadeel vind ik wel dat er wordt vergeleken met WordPress 2.2 terwijl we of ik in ieder geval werk met 2.9. Dus in hoeverre klopt de vergelijking en wordt er bij andere programma’s ook vergeleken met oudere versies.

Op CMS Review kom ik niet echt ver. WordPress en Joomla, dit zijn de twee programma’s die ik ken, staan niet in de lijst. Een vergelijking tussen Drupal en Plone gaf een heleboel niet aanwezige informatie, dus dat schiet niet op. Op drupal.org is een bericht geplaatst met resultaten van een zoekmachine (Alexa), het geeft aardige grafiekjes weer die je met een korrel zout moet bekijken, maar misschien zie je hier wel wat populair is en wat minder. De korrel zout veranderen we even in een klont zout, want het bericht is uit 2005. Aangezien we in 2010 zitten heb je daar weinig aan. Na nog een pagina met een vergelijking tussen vier cms-en waarbij geen versienummers vermeld staan of een datum waarop het is gemaakt, staak ik met mijn zoekactie. Ik richt me op mijn eerste zoekresultaat en kijk vandaar uit wel verder.

Op The CMS Matrix kun je maximaal 10 systemen vergelijken. Ik heb ze niet allemaal gepakt maar mijn eerste vergelijking leverde het volgende op:

CMS vergelijking

Het is een beetje een lastig plaatje, maar je kunt ‘m vergroten en/of opslaan. Ik heb alleen naar de WordPress kolom gekeken en het valt me eigenlijk tegen. Er zijn een aantal rode vlakken die inmiddels groen zijn of geel.

Ik denk dat ik het daarom maar op mijn eigen manier aanpak: ik pak er eentje uit die me wel aardig lijkt en installeer deze om het eens van dichtbij te bekijken. Over een jaar of tien weet ik meer te vertellen…

Related posts:

1. WordPress of Joomla!?

Related posts:

1. De accu en het weer

Intro

Het blijkt helaas dat iedere browser iets anders omgaat met de @font-face declaratie. De laatste browsers ondersteunen het gebruik van truetype of opentype fonts, maar dit heeft voor discussie gezorgd met betrekking tot de licenties van de fonts.

Internet Explorer was de eerste browser, al vanaf IE4,  die ondersteuning van de @font-face declaratie bood. Ze ondersteunen dit nog steeds op dezelfde manier door het gebruik van een bestandsformaat EOT ofwel Embedded Open Type. EOT bestanden kunnen bepaalde beveiligingen hebben. Op deze manier kunnen problemen met licenties e.d. worden opgelost. Zo kan een EOT bestand worden gekoppeld aan een domein en kunnen andere websites niet hotlinken naar je font bestanden of ze downloaden voor eigen gebruik. Ze bieden ook ondersteuning voor font subsetting en bevatten dan alleen de karakters die op jouw website van toepassing zijn. Dit laatste kan de grote van het bestand drastisch verlagen, wat altijd belangrijk is als je iets ontwerpt dat ook weer moet worden gedownload over het internet.

Er zijn pogingen geweest om een specifieke web font te maken dat door alle browser wordt ondersteund en de licentie problemen zou oplossen, maar zoals bij alle nieuwe web standaarden kosten deze initiatieven veel tijd en omdat niet iedereen daar op gaat zitten wachten kun je @font-face gebruiken. Hieronder een lijstje met verschillende bestandsformaten en door welke browser ze worden ondersteund.

Web Typography

Bron: Wikipedia

Vind je font

Vanwege de licenties kun je niet iedere font embedden op je website. Het beste is om een gratis font te zoeken. Er zijn vele fantastische fonts te vinden en veel websites hebben lijsten met gratis fonts die je kunt gebruiken met @font-face. Fontex.org is er een en je zult er wel een vinden die bij je website past.

Converteer je font

Vanwege de verschillende bestandsformaten die ondersteund worden door de populaire browsers, zul je tenminste drie font bestanden moeten creëren om zo cross-browser ondersteuning te krijgen. Als eerste heb je een TTF of OTF font nodig voor Firefox 3.5 en Safari. Gelukkig zullen de meeste gratis fonts in een van deze formats zijn. Vervolgens heb je een EOT bestand nodig voor Internet Explorer.
Microsoft heeft een programma WEFT dat gebruikt kan worden om EOT files te maken, maar het is gemaakt tijdens de Windows 98 periode en het kan zijn dat het niet eens op je computer draait. We zijn dus heel blij met online tools die ons hetzelfde bieden. Een voorbeeld is de Font Squirrel @font-face Kit Generator. Hier kun je een aantal bestandsformaten genereren inclusief EOT. Het enige wat je hoeft te doen is je font uploaden, selecteren wat je wilt hebben en op downloaden klikken. Een folder met alle geconverteerde font bestanden, een demo pagina met CSS wordt opgeslagen op je computer als Font Squirrel klaar is met converteren.

Naast het EOT bestand voor Internet Explorer kan Font Squirrel ook SVG fonts genereren en WOFF fonts. Een WOFF font is een van de nieuwe voorstellen voor een web font bestands type en zal worden ondersteund door Firefox in versie 3.6. Het is dus (nog) niet echt nodig om deze te genereren. Bij SVG denk je misschien aan grafische vector bestanden maar SVG kan ook worden gebruikt om fonts te maken. Alle browsers die SVG ondersteunen, ondersteunen SVG fonts in SVG bestanden, maar sommige browsers ondersteunen ook het gebruik van SVG bestanden in @font-face. We gebruiken SVG fonts om ondersteuning te krijgen in Google Chrome, Safari voor de iPhone en de Opera browser. Font Squirrel kan SVG bestanden genereren, maar ze eindigen vaak twee keer zo groot dan het origineel. Als je om weet te gaan met de command line, dan zijn er een andere tools dat je kunt gebruiken om SVG bestanden te genereren die dezelfde maat hebben als het origineel. Eentje is ttf2svg tool van Batik.

CSS

Als het goed is heb nu alle font types die je nodig hebt om cross-browser ondersteuning te krijgen. Nu hebben we alleen de CSS nodig om ook daadwerkelijk de fonts te embedden. Bulletproof @font-face Syntax door Paul Irish is de manier. Hier is de code:

@font-face {

font-family:
'Comfortaa Regular';
src: url('Comfortaa.eot');
src: local('Comfortaa Regular'),
local('Comfortaa'),
url('Comfortaa.ttf') format('truetype'),
url('Comfortaa.svg#font') format('svg');

}

Deze code linkt alle verschillende font bestandsformaten die we hebben gemaakt en zal ervoor zorgen dat de font cross-browser zal werken. Eerst geven we de font een naam (font-family) die we in de rest van de CSS zullen gebruiken. Vervolgens hebben we twee src eigenschappen: eentje voor Internet Explorer en de andere voor alle andere browsers. We willen dat Internet Explorer het EOT bestand gebruikt dus vullen we deze link eerst in. De tweede src declaratie zal door Internet Explorer worden genegeerd omdat het denkt dat we ongeldige syntax gebruiken. De tweede src declaratie is een lijst met alle andere formats in de volgorde dat we willen dat ze worden gebruikt. De eerste twee local verwijzingen is om te kijken of de font locaal op de computer is geïnstalleerd. Als dat zo is dan hoeft de font niet te worden gedownload over het netwerk. Er zijn er twee omdat Safari alleen de postscript font naam (font format for single-byte Roman fonts)  ondersteunt, dus als de postscript naam anders is dan de normale naam, moet je ze beiden insluiten. De volgende verwijzingen na de local code is de TTF of truetype font. Als je een OTT of opentype font gebruikt dan zet je dat hier. De truetype of opentype font wordt gebruikt door Firefox 3.5 en Opera 10. De volgorde bepaal je zelf. Bij de SVG zie je een #font staan. Dit is omdat je meerdere fonts kunt embedden in hetzelfde SVG bestand en je zult moeten aangeven welke je wilt gebruiken. Als je de bestandsgenerator van Font Squirrel hebt gebruikt dan zal de ID de fonts postscript naam zijn (de tweede local in je @font-face declaratie van je CSS).

Om de font te gebruiken die je zojuist hebt opgegeven in de CSS, zul je ernaar moeten refereren zoals je met een normale font ook doet. De naam correspondeert met de font-family naam dat je hebt gegeven in de @font-face declaratie. Denk eraan om een web veilig font toe te voegen om op terug te vallen. Dit voor mensen die oude browsers gebruiken. Een voorbeeld:

h1, p {

font-family: 'Comfortaa Regular', Helvetica, Arial, sans-serif;

}

Het resultaat bekijken

Nu je font in alle belangrijke browsers werkt moet je wel bekijken hoe het eruit ziet. En dat hangt af van het systeem dat je gebruikt. Op oudere versies van Windows zien ze er misschien niet zo geweldig uit. Dit komt omdat bij de weergave van fonts Microsoft geen gebruik maakt van antialias. Dit zorgt voor een verschrikkelijk uiterlijk. In Windows Vista heeft Microsoft een eigenschap ingeschakeld dat wel aanwezig is in Windows XP maar niet standaard ingeschakeld:  ClearType. Dit wordt gebruikt voor de weergave van de font en zorgt ervoor dat het er mooier uitziet.

Je zult zelf een beslissing moeten maken of je wel of geen gebruik maakt van de @font-face declaratie. Veel hangt ook van de font af. Sommige fonts zien er groot prima uit en andere kun je beter gebruiken voor kleinere tekst. Test van te voren (op oudere Windows computers), voor je de website live zet en maak dan een beslissing. Omdat niet iedereen meerdere besturingssystemen heeft en verschillende browsers geïnstalleerd, zijn er online in ieder geval deze twee sites te vinden waar je de website kunt testen: Browsershots en Browserlab van Adobe. Hiermee kun je een aardig idee krijgen hoe het eruit ziet. Als je oudere versies van Internet Explorer wilt testen kun je ook IEtester downloaden en installeren.

Conclusie

Niet alles van deze bijdrage is van mijzelf. Ik heb gebruik gemaakt van Engelse artikelen en deze voor een groot gedeelte vertaald naar het Nederlands. Dit leek me voor de mensen die niet volledig thuis zijn in de Engelse taal een aardig idee. Voor de mensen die dat wel zijn kunnen de oorspronkelijke en complete Engelse berichten lezen. Deze staan onderaan vermeld. Er wordt daar dieper ingegaan op o.a. het converteren van TTF naar SVG en de tools die nodig zijn. Omdat ik daar geen kennis van heb, leek het me niet zinvol iets te vertellen waar ik geen kennis van heb en ook bestaat de kans dat ik de tekst verkeerd vertaal.

Er is verder veel informatie over dit onderwerp te vinden. Met alle voordelen en nadelen die er aan vast zitten. Ik voeg een aantal links toe naar Engelse artikelen die interessant kunnen zijn om te lezen. Zelf heb ik de @font-face declaratie nu in een website gebruikt en in meest gebruikte browsers functioneert het. Daarmee bedoel ik dat ze of de embedded font te zien krijgen of mijn tweede font-family keuze.

Ik hoop tot slot dat het een aardige bijdrage is die je wat meer kennis geeft over hoe je een font kunt embedden in je website!

Artikelen:

• How to achieve cross-browser @font-face support
• @font-face and performance
• Beautiful fonts with @font-face
• Cufon

Related posts:

1. Flock browser!

Fatal error: Call to undefined function get_flickrRSS() in /blabla/bladiebla/wp-content/themes/zinzin-theme/sidebar.php on line 41

In de php is dan gebruik gemaakt van de volgende code:

<?php get_flickrRSS(); ?>

Dat werkt dus niet. Niet iedereen heeft Flickr. Dus die code moet anders en dat heb ik inmiddels door:

<?php
if (function_exists('get_flickrRSS')) {
get_flickrRSS();
}
?>

Iemand zoals ik krijgt dan wel zijn plaatjes te zien en iemand die geen flickrRSS plugin heeft krijgt geen foutmelding en ook de rest van de pagina te zien.

MAAR…  De titel blijft wel staan!!!

En dat was nou niet de bedoeling!

Wat moet iemand zonder de PlickrRSS plugin nou met een Flickr titel?  Ik ben op zoek naar de oplossing. Ooit kom ik er wel achter. Mocht iemand me kunnen helpen dan graag!

Oh ja… het is geen dynamic sidebar dus niet aankomen met: “Gebruik de widget dan!!!” of iets in die geest.

Related posts:

1. Wantrouwen

“Van Glasstad naar Glazenhuis”

Hoi lieve familie, vrienden en kennissen,

Voor mijn 2^e jaars stage organiseer ik samen met Manon (klasgenoot) een evenement genaamd ‘Van Glasstad naar Glazen Huis’!

Jullie kennen vast wel de jaarlijkse actie van 3FM, waar dj’s zich op sluiten in een glazen huis en 6 dagen niet eten & drinken om zoveel mogelijk geld op te halen voor het goede doel. Dit jaar gaan de dj’s op 18 december het glazen huis in en komen er op kerstavond (24 december) weer uit. Zo proberen ze geld op te halen voor millenniumdoelstelling 6: ‘Malaria de wereld uit!’

Net als vele andere Nederlands willen wij ze helpen met geld inzamelen en dat doen we doormiddel van een sponsortocht door het land, richting het glazen huis dat dit jaar in Groningen staat. We beginnen in Leerdam, dé Glasstad van Nederland en vanaf daar gaan we in 5 dagen fietsen, steppen, skaten, skiken (on wheels) naar Groningen. (Vandaar de naam: Glasstad naar Glazen Huis) Om zoveel mogelijk geld in te zamelen hopen we op zo veel mogelijk deelnemers! Omdat 280 km behoorlijk wat is, kunnen deelnemers zelf het aantal dagen bepalen dat ze mee willen doen. Deelnemers laten zich, per kilometer of met een totaal bedrag, sponsoren door familie, vrienden, collega’s etc.

Op onze site vind je nog veel meer informatie over de 5 dagen en ook op de site van 3FM Serious Request zijn we te vinden. We zouden het super vinden als jullie 1 of meerdere dagen mee willen doen! Opgeven kan via onze website. Mocht meedoen niet mogelijk zijn, maar willen jullie ons toch helpen met dit project kan dit ook op andere manieren.

1. Een vast bedrag doneren. Via de site van 3FM kunnen jullie nu al geld overmaken. Op https://www.komzelfinactie.nl/Site/Pages/Action/View.aspx?ID=244 kun je geld doneren aan ons project. Dit geld gaat rechtstreeks naar 3FM en uiteindelijk komt het totaal bedrag bij het Rode kruis terecht.
2. Mij per kilometer sponsoren, of mij voor een bepaald bedrag sponsoren. Dit kan door mij een mailtje te sturen.
3. Misschien hebben jullie zelf nog leuke ideeën waarmee jullie ons kunnen helpen. Dat horen we heel graag!

Mochten jullie nog meer informatie willen mogen jullie altijd mailen of bellen!

Ik hoop dat jullie op één of andere manier ons willen steunen met dit project. We doen het allemaal om malaria te bestrijden en dat is hard nodig!

Groetjes,

Irene

www.glasstad-glazenhuis.nl

Volg ons ook op onze hyves: www.leerdam-groningen.hyves.nl en op twitter: http://twitter.com/glazenglas en geef ons een duim op: http://www.groningengeeft.nl/nl/content/initiatieven/van-glasstad-naar-glazen-huis.

Geen gerelateerde bijdragen.