Posts tagged with: web-development

Proof of concept: Details tag for accordeon

For a project involving Kirby CMS I needed a way for users to add an accordeon component inside the actual content area. So I hacked together a sort of plugin based on Bastian's Column plugin. So in your kirby content text file or through the panel you can just add this: [\accordeon... open…

Proof of concept: CSS mobile menu

I created a proof of concept showing a CSS-only mobile menu (one of those hamburger icon thingies) Have a look: http://poc.nirusu.me/showhide

Proof of concept: does it blend?

UPDATED: 2014-12-29 I created a proof of concept to see how far I could go in recreating Edenspiekermann’s Utrecht City Theatre logo's blending effects (like an image editor's layer blend mode). It makes use of a proposed new feature: photoshop like blending modes. It's not exactly the same as the o…

Proof of Concept: KMM animated logo

I created a proof of concept to see how far I could go in recreating Edenspiekermann’s Kröller-Müller Museum animated logo with HTML and CSS. Have a look: http://poc.nirusu.me/km/index.html Edo van Dijk – Creative Director at Edenspiekermann and Co-Founder – wrote a blogpos…

Suits’ CSS block dissolve

This is a proof of concept to see how far I could go in recreating Suits' opening credits sequence block dissolve with HTML and CSS. Have a look: http://poc.nirusu.me/suits/index.html Of course this is just an effect, not a real block dissolve. Would be interesting to see…

Ready to Inspire

From 9 to 12 december I attended Ready to Inspire conference in Leiden, The Netherlands. The theme of all the talks was craftsmanship and how we in web design and development can relate to this. I enjoyed all the talks by every speaker and met some great people. For me personally the highlights…

Apache, htaccess & mod_rewrite

After installing Mountain Lion my local Apache setup was back to default so I had to set it up again the way I want it. Maybe it’s time I made a back up of this for future OS updates. Web sharing The system preferences check box for Web Sharing is gone, so now it's either using Terminal or some t…

Custom Kirby tag for quotes

This post is awaiting to be updated. Speaking of quotes and multiple languages: to have the different language quote signs work we need to set the lang attribute on the blockquote element. Like: <blockquote lang="en"><p>Here’s a quote for ya!</p></blockquote> or: &…