Links van 24 mei 2013 tot 1 november 2013

vrijdag 1 november 2013 in Links. Permanente link | Geen reacties

Sonos Play:1 review – gdgt
Misschien wel, maar 't is toch wel nog duur. Als het nu pakweg 100 euro zou zijn, zou ik er twee kopen. Nu: geen één. "At just $199, the Play:1 is the cheapest way to jump into the Sonos wireless music system, or just a good addition to your existing collection of Sonos speakers."

Information Architecture: Beyond Web Sites, Apps, and Screens :: UXmatters
Het blijft moeilijk: hoe maak je iets dat voor het overgrote deel aanvoelen is, respectabel genoeg voor de buitenwereld? — "Can a craft-like profession of information architecture that lacks internal theory keep up with the growing complexities of ubiquitous ecosystems that comprise both digital and physical objects? I don’t think so."

Pages 5.0 for Mac review: Apple writes a new chapter for its word processing app | Macworld
Ahem. "The new Pages is, without question, only related in name to its predecessor. The app’s list of missing features is significant: It has limited page-layout capabilities, no linked text boxes, you can’t customize the toolbar, it has almost no AppleScript support, no style drawer, and lacks file-level compatibility with Pages ‘09. Honestly, the list of what’s missing could go on and on."

Meet “badBIOS,” the mysterious Mac and PC malware that jumps airgaps | Ars Technica
Sppoky! "But the story gets stranger still. [...] Ruiu posited another theory that sounds like something from the screenplay of a post-apocalyptic movie: "badBIOS," as Ruiu dubbed the malware, has the ability to use high-frequency transmissions passed between computer speakers and microphones to bridge airgaps."

Religious Texts from Ugarit (whole) | Nick Wyatt – Academia.edu
Altijd al eens zin gehad om kleitabletten uit Ugarit te lezen? Bij deze — helemaal gratis en voor niets.

Things Come Apart, 50 Disassembled Objects in 21,959 Individual Parts by Todd McLellan
I’ll never forget the excitement I felt as a child when first disassembling a telephone on our back porch using an old screwdriver and a pair of pliers. It was like making a discovery akin to unearthing a dinosaur. The sudden knowledge that the speaker part was magnetic and contained a mile of thin copper wiring was practically miraculous.

The Floating Temple: How to Lift a Seven Million Pound, 112-year-old Building

Stealth eID

maandag 16 juni 2008 in Sonstiges. Permanente link | 7 reacties

Een mens mag daar niet mee lachen, eigenlijk.

Gebroken

zaterdag 17 mei 2008 in Sonstiges. Permanente link | 6 reacties

Kijk hé, ik vind dat ik het nog lang uitgehouden heb: ruim een maand met zo’n iPod Touch rondgelopen in dezelfde staat als wanneer ik hem gekocht had.

Sinds vanavond niet meer: gejailbroken, de iPod. Ik kan niet zeggen dat ik er al fantastische applicaties op heb staan–een Frotz, natuurlijk, en zo’n spel met een knikker die moet verrold worden, en een zandspel dat water en vuur doet en dat ik kan verdraaien, en een piano en dergelijke-maar her geeft wél meteen een gevoel van wheee! ik ben helemaal bleeding edge bezig. En alles.

Morgen eens op zoek naar toepassingen die de moeite waard zijn.

Tips?

Urgh

woensdag 26 maart 2008 in Sonstiges. Permanente link | 3 reacties

Ik sta in bewondering.


Beeps and boops from Jim Leonard on Vimeo.

Hacker!

donderdag 7 februari 2008 in Sonstiges. Permanente link | 6 reacties

Ik ben een hacker! Ik heb een tweedehands :CueCat gekocht en ik heb er in zitten knippen en doen, zodat het nu een gewoon werkende barcodelezer-via-USB is.

Dit is wat het las vóór:

/LyNwc3Nwc3N2cXB0dXt6dXNy/CgEN/enR7c3N1c3pxc3dzcA/

Dit is wat het leest nà de operatie:

0345467078

Yay!

Kunst- en vliegwerk

vrijdag 6 april 2007 in Sonstiges. Permanente link | 7 reacties

Beeld u in: een ascii-document van vele vele duizenden lijnen, met daarin een boomstructuur, in deze vorm:

Product
» Bron
» » Source:Intranet|Type:Productbeschrijving|Title:Onze dingen|Date:??|URL:http://www…
» » Source:Intranet|Type:FAQ|Title:xyz|Date:2/4/07|URL:http://www…
» Tarief
» » Bron
» » » Source:Procedure|Type:Tarief|Title:??|Date:??|URL:http://www…
» » Rooster
» » » Optie één
» » » » Suboptie
» » » » » Bron
» » » » » » Source:Intranet|Type:Tarief|Title:Suboptie tarief|Date:??|URL:http://www….
» » » » Nog een suboptie
» » » » » Bron
» » » » » » Source:Intranet|Type:Tarief|Title:Nog een tarief|Date:21/10/2006|URL:http://www…

…en dat moet aanschouwelijk voorgesteld worden. Vele véle duizenden lijnen.

Het is gestructureerd, en de structuur is (meestal) consistent aangehouden, zelfs al is het document met de hand aangemaakt, dus er moet iets uit te krijgen zijn. Maakte ik me sterk, toen het document in zijn eerste vorm voorbijkwam. Mar ‘t is vandaag het uur van de waarheid, en time to put my money where my mouth was, als het ware.

Stap één is beslissen waarin het te visualiseren. Een Access-database met een formpje erop lijkt op het eerste gezicht het snelste: de boomstructuur in een treeview steken, de rest in een lijstje met bronnen, en dan is het meteen mogelijk te navigeren en dergelijke, én te kijken welke bron waar in de boom gebruikt wordt. En als niet iederee Access heeft, dan trek ik toch gewoon Visual Studio boven?

Maar: heb ik wel zin in programmeerwerk? Ja, ik heb zin in programmeerwerk. De betere vraag is: heb ik zin in onderhoud van een quick & dirty ding, tot het inde van mijn dagen?

Neen, daar heb ik geen zin in.

MindManager dus: iedereen heeft die hier staan, het kan omgaan met grote en complexe bomen, én het is mogelijk om op de nodes nota’s te hangen.

En het importeert gestructureerde tekst. Er moet wel gerommeld worden met het document, want alles wat Bron is, moet in een nota bij een node komen en niet als een sub-node. Dus, met andere woorden, ik moet tot iets in deze zin komen:

Product
» Tarief
» » Rooster
» » » Optie één
» » » » Suboptie
» » » » Nog een suboptie

…met dan op de juiste plaatsen, bijvoorbeeld bij die “Nog een suboptie”, in een nota telkens iets in deze zin:

Intranet
Type:Tarief
Title:Nog een tarief
Date:21/10/2006
URL:http://www…

Vroeger zou ik daar snel een script tegen geplakt hebben, in ColdFusion of in PHP of ASP of C# geschreven bijvoorbeeld, maaar ik heb het tegenwoordig veel meer voor de semi-automatische aanpak. Notepad++ en Excel en Word zijn mijn vrienden. En regexen, natuurlijk.

Dus!

Stap één. Document openen in Notepad++. Alle “» » » » » » »” vervangen door <h7>, alle “» » » » » »” door <h6>, etc. Dat geeft me een document dat er zo uitziet:

Product
<h1>Bron
<h2>Source:Intranet|Type:Productbeschrijving|Title:Onze dingen|Date:??|URL:http://www…
<h2>Source:Intranet|Type:FAQ|Title:xyz|Date:2/4/07|URL:http://www…
<h1>Tarief
<h2>Bron
<h3>Source:Procedure|Type:Tarief|Title:??|Date:??|URL:http://www…
<h2>Rooster
<h3>Optie één
<h4>Suboptie
<h5>Bron
<h6>Source:Intranet|Type:Tarief|Title:Suboptie tarief|Date:??|URL:http://www….
<h4>Nog een suboptie
<h5>Bron
<h6>Source:Intranet|Type:Tarief|Title:Nog een tarief|Date:21/10/2006|URL:http://www…

Al die broninformatie moet op paragraafniveau komen onder de heading waar ze thuishoren, dus alle <h[1-7]>Bron mogen weg, en alle <h[1-7]>Source: mogen vervangen worden door <p>. Dat geeft dit:

Product
<p>Intranet|Type:Productbeschrijving|Title:Onze dingen|Date:??|URL:http://www…
<p>Intranet|Type:FAQ|Title:xyz|Date:2/4/07|URL:http://www…
<h1>Tarief
<p>Procedure|Type:Tarief|Title:??|Date:??|URL:http://www…
<h2>Rooster
<h3>Optie één
<h4>Suboptie
<p>Intranet|Type:Tarief|Title:Suboptie tarief|Date:??|URL:http://www….
<h4>Nog een suboptie
<p>Intranet|Type:Tarief|Title:Nog een tarief|Date:21/10/2006|URL:http://www…

Excellent. Alle tags moeten wel gesloten worden op het einde van de lijnen. In twee keer: eerst <p>([^$]*)$ vervangen door <p>\1</p>, en dan <h([1-7])>([^$]*)$ vervangen door <h\1>\2</h\1>. Resultaat:

Product
<p>Intranet|Type:Productbeschrijving|Title:Onze dingen|Date:??|URL:http://www…</p>
<p>Intranet|Type:FAQ|Title:xyz|Date:2/4/07|URL:http://www…</p>
<h1>Tarief</h1>
<p>Procedure|Type:Tarief|Title:??|Date:??|URL:http://www…</p>
<h2>Rooster</h2>
<h3>Optie één</h3>
<h4>Suboptie</h4>
<p>Intranet|Type:Tarief|Title:Suboptie tarief|Date:??|URL:http://www….</p>
<h4>Nog een suboptie</h4>
<p>Intranet|Type:Tarief|Title:Nog een tarief|Date:21/10/2006|URL:http://www…</p>

Hoera! We zijn er al bijna! Nu die paragraafjes een beetje opleuken. Het eerste item is telkens de naam van een bron, dat mag in het vet: vervang <p>([^|]*)| door <p><strong>\1</strong>|. En ze mogen op aparte lijnen, da’s gewoon |Type: en zo vervangen door <br />Type:. Ik zet er voor de properheid nog een <html><head><title> en zo rond, en dan importeren in Word.

Het eerste item stond zonder niveau. Snel opgelost in outline view, en dat ziet er dan zo uit:

Wordboom01

Dit bewaren als een Word-document, en dat document importeren in MindManager, geeft dit:

Mmgrboom01

Hey presto!

Amateurs

donderdag 24 augustus 2006 in Sonstiges. Permanente link | 14 reacties

<rant alert, sla gerust over>

Boo! Hiss! Schande! Viezerd!

We hebben hier op het werk een website in xhtml en css, gemaakt door iemand extern. Daar liepen een aantal dingen mee verkeerd. Beweeg over de links van de hoofdtekst en de navigatie–floeps!–verdwijnt. Waar de navigatie links eindigt, is de tekst van de hoofdkolom naar links ingesprongen. Dergelijke dingen.

Als ik erbij vertel dat de problemen alleen optreden in Internet Explorer 6 voor Windows, dan weet al wie al een tijdje op tinternet zit en wat zuivere html-ontwikkeling achter de kiezen heeft, meteen waar het over gaat: de guillotine-bug, de driepixeltekstjog, van die typische onbegrijpelijk-waarom-bugs.

Het is dan alleen wat zoeken hoe het precies op te lossen, en waar precies.

…en dan komt het allemaal uit natuurlijk. Het is helemaal niet de schuld van Internet Explorer.

Ja natuurlijk: IE6 heeft zijn bugs, en IE6 doet raar, en die twee dingen hierboven zijn inderdaad zeer vieze bugs van IE6, en ja, IE6 gaat in de fout, en ja het zijn smeerlappen daar bij Mickey$oft, en Intervis Expl0der zuigt, en tralala… maar!

Als we er nu eens van uitgaan dat IE6 een incontournabel probleem is, en dat al bijna vijf jaar is, dan gaan we toch niet de problemen opzoeken?

Die lay-out staat stijf van de om-miserie-vragende dingen. Overal floats die tot op de pixel naast andere elementen staan (denk na voor je twintig elementen gebruikt als drie ook voldoende is), hacks binnen hacks binnen hacks, Holly hacks, html * hacks (gebruik conditionele comments verdorie, ze zijn er voor!), prutserijen met hardgecodeerd <li class="first">...</li>-dingen (gebruik unobtrusive javascript en DOM om die er automatisch bij te zetten), <li id="current"><a href="#"><span>...</span></a></li>-monstrositeiten (“current” is nauwelijks geschikt als ID, die <span> staat daar voor de één of andere hack, doe dat dan ook via DOM als het echt moet, of liever: vermijd het altogether), …

Het hele concept van die pagina is doodeenvoudig: header, middenkolom, linkerkolom, rechterkolom, footer. En toch staat het bol van de nutteloze crap. Volg even mee wat er onder de header gebeurt:

<div id="main">
   <div id="columns">
      <div id="content">
          <div id="leftcol">
             <div>
               <div class="section">
                  <h3><span>...</span></h3>
                  <ul><li>...<li></ul>
               </div>
               <div class="section">
                  <h2><span>...</span></h2>
                  <ul><li>...<li></ul>
               </div>
             </div>
          </div>
          <div id="maincol">
             <div>
                <h2><span>...</span></h2>
                ...
             </div>
          </div>
      </div>
   </div>
   <div id="rightcol">
      <div>
         <div class="section">
            <h3><span>...</span></h3>
            <ul><li><span>...</span><li></ul>
         </div>
         <div class="section">
            <h3><span>...</span></h3>
            <ul><li>...<li></ul>
         </div>
      </div>
   </div>
</div>

Bon, ik wil nog even voorbijgaan aan de keuze voor

<dummy>
  <links />
  <main />
</dummy>
<rechts />

als er eigenlijk niets is tegen

<main />
<links />
<rechts />

…maar: àl! die! divs! Gniii! Allez, dat is nu toch om miserie vràgen? En waar is dat voor nodig?

En pas op, ik bespaar u de css nog: alles (àlles!) expliciet in pixels. En uiteraard: eerst alle stijlen op niets zetten (ul li table tr td th p blockquote div img etc. allemaal expliciet op één fontgrootte geen margins geen padding geen niets ten duvel) en dan enerzijds twaalfentachtig keer overal een font aan koppelen, en anderzijds “details” vergeten: stijlen voor <h2> en <h3> in de lopende tekst bijvoorbeeld, of voor <dl>/<dt>/<dd>, of voor <ul> en <ol> en <li>. Of voor <td> en <th>. Gemakkelijk hoor. En o ja, in het algemeen <a> de stijl geven zoals die in de navigatie moet komen, maar er geen rekening mee houden dat niet noodzakelijk alle <a>‘s graag als display:block getoond worden. En <img> voor het gemak overal en altijd display:block, met een kadertje errond, met 5 pixels erboven en 15 eronder, en margin: 0 auto, toe maar.

Fucking amateurs. Heeft die mens ergens een paar artikels op ALA gelezen in de zomer van 2004, denkt hij dat hij het allemaal kan.

Ik zie Internet Explorer 5.5 en 6 een beetje als de oude televisies van het internet. Nieuwe televisies, daar kun je een logo helemaal in de hoek zetten, daar zijn rechte lijnen rechte lijnen, zelfs als ze langs de randen lopen. Oude televisies, daar lukt dat niet mee. Een logo helemaal pal in de rechterbovenhoek, dat wordt afgesneden. Rechte lijnen aan de rand van het scherm, als ze er al op komen, staan bol en zijn dikker in het midden. Op oude televisies zijn kleuren niet zo scherp. Schimmert het als de nieuwslezer een streepjespak aandoet.

Ja, wel, inderdaad: IE6 heeft problemen met CSS.

Houd daar dan verdomme rekenening mee! Als televisiemakers dat kunnen, waarom is dat dan zo moeilijk voor websitelayoutmakers? Dedju!

En dan maar zagen, zagen, zagen: Internet Explorer boehoe! Firefox joepie! Microsoft awoert! Open source r0olz! [met de occasionele opera is nóg veel beter en 't is niet eerlijk dat niemand ons gebruikt waaaa]

Fuckers.

<end rant, regular programming will resume in a sec>

Vriendjes

Zoek

<insert standard disclaimer>

Alles wat hier staat is mijn eigen opinie. Het wordt niet nagelezen of goedgekeurd door mijn werkgever voor het on-line komt, en ik bied geen enkele garantie voor kwaliteit of correctheid.

Mijn werkgever is het niet noodzakelijk eens met wat ik schrijf, en het spreekt vanzelf dat hij dan ook op geen enkele wijze aansprakelijk kan zijn voor wat ik hier publiceer.

Ter info

Eén van mijn e-mailadressen is michel [at] zog punt org. Normaal gezien antwoord ik daar, buiten de kantooruren, onmiddellijk op.

Valideert, in principe: css & xhtml.
Gemaakt met WordPress.
Syndicatie: Entries (RSS) en commentaar (RSS).



ISSN 1780-1338