Sean Jeronimus

Moeha Moeha 4

Sean — Sat, 07 Aug 2010 12:10:37 +0000

Deel 4 van mijn Marsupilatie heeft ditmaal wat langer op zich laten wachten door un peu besluiteloosheid, maar dat maakt ‘m er niet minder om!

Check de tracklist maar effe…

Tracklist

01 Rex – Customs
02 Quiet Little Voices – We Were Promised Jetpacks
03 Undercover Martyn – Two Door Cinema Club
04 Tighten Up – The Black Keys
05 Flash a Hungry Smile – Mystery Jets
06 Patterns – Band Of Skulls
07 Blonde Fire – The Hickey Underworld
08 Don’t Ask – Blood Red Shoes
09 I Punched A Lion In The Throa – Pulled Apart By Horses
10 Loot – Nerve (ft. Jojo Mayer)
11 Sailing To Nowhere – Broken Bells
12 Electric – Go Back To The Zoo
13 People Are Getting Old – Friska Viljor
14 Whirring – The Joy Formidable
15 Long Nights – Eddie Vedder
16 Bible School – Blithe Field
17 I Want You To Want Me – Damhnait Doyle
18 All I Want – Sarah Blasko
19 George’s Waltz(2) – A Single Man OST
20 Angel Of Death (02.08.2010 live@013) – Slayer

Triggerfinger – Zoete dromen

Sean — Fri, 18 Jun 2010 19:28:45 +0000

Waarom krijgen ze het toch altijd weer voor elkaar...

Vedute

Sean — Wed, 16 Jun 2010 20:00:20 +0000

Vedute nodigt kunstenaars, vormgevers, architecten en personen werkzaam in andere disciplines uit hun persoonlijke opvattingen over ruimte te verbeelden in een driedimensionaal werk dat in gesloten vorm 44 x 32 x 7 cm meet. Anders dan boeken, geven ruimtelijke manuscripten hun inhoud vooral prijs door het beeld te laten spreken. Sommige zijn direct te verstaan, andere laten zich letterlijk stap voor stap beschouwen; de variëteit aan mogelijkheden lijkt onuitputtelijk.
Bron: vedute.nl

De eerdere huisstijl was sterk verouderd en zo ook de website. Bij 75B hebben zede nieuwe stijl ontworpen. Het lettertype speelt hierin de grootste rol, deze is speciaal door 75B voor Vedute ontwikkeld.
Het grote probleem bij de oude website was dat deze erg onoverzichtelijk was en er geen duidelijke opsomming van de werken online te vinden was. Dat is het concept ven deze website geworden.
Op de openingspagina staan alle werken van nieuw naar oud gerangschikt en kunnen middels filters opnieuw gerangschikt worden.

De doorklik naar een detailpagina mag natuurlijk niet ontbreken.

En in dezelfde transparante stijl ook de overige contentpagina’s.

Fancybox is kapot vet!

Design door 75B.

Gebruikte techniek

HTML
CSS
jQuery
WebEdition

Bekijken?

Doe dat maar hier, vedute!

Verberg je e-mail adres voor spambots met jQuery

Sean — Fri, 11 Jun 2010 12:59:46 +0000

Je kunt bijvoorbeeld het e-mail adres niet tonen, en het vervangen voor een formulier. Wat je ook kunt doen is het adres in de HTML verbergen om het vervolgens met een kleine truc te tonen. Dat is wat we in dit geval gaan doen. Dat doen we met behulp van onze aller beste vriend jQuery.

Er zwerven een hoop van dit soort oplossingen rond op het grote boze interweb, maar ik vond het leuk om mijn eigen te schrijven. En dit is het geworden.

Hoe werkt het.

Op je website staat het volgende:

For more info, e-mail me at:
someone$example$com

Niets nieuws onder de zon, maar dat is juist de truc. De bezoeker zal niets merken van deze techniek, tenzij ze javascript uit hebben staan. Maar in dat geval hoef ik niet eens een email van ze ;-)
Wat er namelijk gebeurd is dit; In de broncode staat niet de standaard e-mail code, waardoor spambots het adres niet meer zullen herkennen.
Normaal zouden we het volgende schrijven:

href=“mailto:someone@example.com”>someone@example.com

Maar wij schrijven dit:

class=“linkhider” href=“#”>someone§example§com

Als je kijkt naar de 2 grootste verschillen, valt je op dat het doel in de link er niet staat -van een “mailto:” naar “#”- en is een class -”linkhider”- aan toegevoegd. De class is de Hans Klok in het hele verhaal. Hij roept namelijk de volgende code aan.

$(document).ready(function(){
// als links niet in markup mogen ivm worst-in-blik.
$(‘a.linkhider’).each(function(){
var hiddenLink = $(this).text(),
splitLink = hiddenLink.split(‘§’),
emailLink = splitLink[0]+‘@’+splitLink[1]+‘.’+splitLink[2];
$(this).attr(‘href’, ‘mailto:’+emailLink);
$(this).text(emailLink);
});
});

Laten we de code even opbreken zodat iedereen begrijpt wat er gebeurd.

Nerd-alert paragraaf

Eerst zorgen we ervoor dat de code pas werkt als de volledige pagina geladen is.

$(document).ready(function(){
});

Daarna zeggen we dat elke link met de class “linkhider” iets moet gaan doen.

$(document).ready(function(){
$(‘a.linkhider’).each(function(){
});
});

Vervolgens doen we de mise en place voor de actie van de link middels wat variabelen.
De variabele “hiddenLink” pakt de tekst die in de link staat. Vanuit het voorbeeld is dat “someone§example§com”. De variabele “splitLink” gaat “someone§example§com” in stukken opbreken. We hebben een waarde aangegeven die fungeren als breekpunt. Ik vond “§” wel een goede waarde, deze komt namelijk zelden voor in e-mail adressen. Het resultaat is dat we een aantal stukjes tekst krijgen die we in de variabele “emailLink” weer opvragen. Binnen deze variabele gaan we alle stukjes tekst weer lijmen en voegen de benodigde tekens er aan toe zodat we weer een correct adres krijgen.

$(document).ready(function(){
$(‘a.linkhider’).each(function(){
var hiddenLink = $(this).text(),
splitLink = hiddenLink.split(‘§’),
emailLink = splitLink[0]+‘@’+splitLink[1]+‘.’+splitLink[2];
});
});

De volgende stap is dat we de linktekst -de “href”- neerzetten. Wat we zeggen is “Dit href-attribuut is ‘mailto:someone@example.com’.

En als finishing touch maken we de tekst in de link ook leesbaar.

Installatie

Voordat dit alles werkt zul je een tweetal bestandjes moeten aanroepen vanaf je webpagina.
Om te beginnen de jQuery bibliotheek, en het javascript bestand waarin het bovenstaande linkhider script staat.

Sommige onder ons zullen denken “waarom zet je het script niet gewoon in je webpagina?”. Dat doe ik niet, omdat de webpagina zelf dan zo schoon mogelijk blijft en dus overzichtelijk.

Kanttekening

Dit script is gebaseerd op de situatie dat het e-mail adres zelf leesbaar is voor de bezoeker. Je kunt dus niet een afwijkende tekst in de link zetten ten opzichte van je href. Wil je dit wel, dat zul je de laatste regel van het script moeten aanpassen.

$(this).text(emailLink);

Zou dan bijvoorbeeld worden:

$(this).text(‘Stuur mij een email’);

En nu jij

Download de bestanden(.zip)

Heb je misschien opmerkingen of suggesties dan hoor ik dat graag in de commentaren!

Aloha Friday

Sean — Tue, 11 May 2010 21:14:09 +0000

We schrijven dinsdag avond 11 mei 2010. De locatie: http://alohafriday.org. De gebruikelijke 7 liter koffie is reedsch verorberd. En wat ziet mijn lodderend oog? Juist ja, een fijne collectie foto’s. Wacht, er is meer! hieronder een paar fijne plaatjes gevonden op Aloha Friday, Photo Is A Feeling, & Keggers Of Yore.

Foals – Blue Blood

Sean — Wed, 21 Apr 2010 16:19:45 +0000

Het album waarvan dit nummer afkomt is Total Life Forever, die 10 mei pas uit komt. Dusch je zult nog heul even geduld moeten hebben…

Apple April Fools

Sean — Sat, 03 Apr 2010 13:46:05 +0000

Check deze link maar eens.

ZUS [Zones Urbaines Sensibles]

Sean — Fri, 02 Apr 2010 13:26:33 +0000

ZUS researches the contemporary urban landscape with productions ranging from political research to specific design of an object.
ZUS works with a belief that every place has the potential to becoming unique and thrilling.
A spatial intervention should therefore always be inspired by the specific qualities of the situation or, in case of large scale projects, with a critical but optimistic attitude.
Bron: zus.cc

Nadat ZUS bij 75B een nieuwe huisstijl had laten maken, zijn wij bij PMS72 hard aan de slag gegaan om deze website te bouwen.

Stel je nou eens voor dat ik alle features van dit project zou vertellen… dat zou een enorm verhaal zijn, want er zijn er een hoop! Het is beter als je de website gewoon bezoekt.

Gebruikte techniek

HTML
CSS
jQuery
WebEdition

Bekijken?

Yes or no?

Gull

Sean — Sat, 27 Mar 2010 11:41:51 +0000

GULL is een one-man-band van Nathaniel Rappole. Met links speelt hij gitaar en met de rest van zijn ledematen de drums. Zingt hij ook? Ja. Door de microfoon die in ziijn masker zit verwerkt. Best druk in je eentje.
Naast dit project is gitarist in de band “Ultra Dolphins” en drummer in de band “Snack Truck”. Ook twee projecten waar je, als je experimentele muziek trekt, zeker even naar moet luisteren.

Meerrrr!

Gull
Ultra Dolphins
Snack Truck

Rijnmondband Schiedam

Sean — Wed, 24 Mar 2010 19:46:47 +0000

De oude website was lichtelijk uit zijn voegen aan het groeien, mede doordat deze nog voor 800×600 beeldschermen ontworpen was. Ook de implementatie van de diverse sociale netwerken ontbrak nog…

Het verschil zit vooral in de manier van de menu opbouw. In tegenstelling tot de oude heeft de nieuwe website als basis de diverse divisies binnen het korps, waarbij de oude uitging van algemene koppen die later werden verdeeld naar de divisies.

Naast een nieuw en frisser uiterlijk, is de nieuwe website een aantal handige functies rijker.
Ik kan het je wel allemaal gaan uitleggen, maar misschien kun je het beter zelf gaan bekijken.

Gebruikte techniek

XHTML
CSS
jQuery
ModX

Bekijken?

Dat doe je hier.

Coffeeeeeaahhhh!!!

Sean — Thu, 18 Mar 2010 10:31:41 +0000

Als je de regel onderaan mijn webzijde leest, kun je zien wat ik veel doe. Een van mijn favoriete drummers zou dit waarschijnlijk ook op al zijn CD's kunnen zetten.

Anouk van Mil

Sean — Wed, 17 Mar 2010 08:38:35 +0000

Een exacte kopie van mijn template, maar dat wilde ze ook. Ze heeft wel een mooier fontje vind ik zelf.
Bezoek de website en blijf ook op de hoogte!

Anzeigen?

Dat doe je hier!

Customs – Rex

Sean — Wed, 03 Mar 2010 09:42:49 +0000

Goed bezig, die gasten. Vind je dit net zo wuft als ik het vind? Dan moet je zeker even de langspeler “Enter The Characters” luisteren!

Web Fontfonts bij Fontshop

Sean — Wed, 03 Mar 2010 09:16:23 +0000

Zomaar een font gebruiken dat je hebt gekocht, kan absoluut. Het is wel zo dat je bezoekers het fontje zonder probleem kunnen downloaden en vervolgens gebruiken. Sommige fontshops leveren fonts met DRM. Wat voor problemen kan zorgen omdat de gebruikte fonts gedeeld worden op het internet. De Web Fontfonts zijn anders, om de dødeenvoudige reden dat er een nieuwe extensie voor is verzonnen. Helaas kan op dit moment alleen Firefox er nog mar wat mee, maar met goede hoop op dat de rest ook meegaat. Zodra dit gebeurd ben ik ook om. Tot die tijd ben ik niet overtuigd van het te komen succes.

Lees hier de uitleg van Fontshop zelf.

“Danzk” door Chopeh

Sean — Tue, 02 Mar 2010 21:03:28 +0000

Dit is nou een geval waar ik het meteen warm van krijg. Door toevallig een beetje te surfen stuit je op dit beeld. En het mooie is dat de persoon in kwestie er ook nog een fijne case-studie bij geschreven heeft! Leest u mee?