Simurai - simurai.com - simurai
General Information:
Latest News:
Sprite sheet animation with steps(). If you don’t wanna... 3 Dec 2012 | 05:49 am
Sprite sheet animation with steps(). If you don’t wanna use gifs on your site and rather PNGs for better colors, but still be able to animate them, here an option: CSS keyframe animations have a pro...
Vertical flex:1 with overflow scrolling 27 Nov 2012 | 04:03 pm
I started to use the new Flexbox syntax in a couple places and often needed something to be vertically flexible, but when content starts to overflow, it should add a scrollbar. First I tried it like ...
My short talk how CSS Flexbox will help creating... 23 Oct 2012 | 08:04 am
My short talk how CSS Flexbox will help creating “flexible” Web Apps. It was recorded at this years Fronteers Jam Session. Quick note: @kizmarh actually did the header example with floats alone by re...
Flick Scrolling You might wanna watch the video above, but in... 13 Sep 2012 | 06:55 pm
Flick Scrolling You might wanna watch the video above, but in short: When scrolling content on a touch-screen, instead of letting momentum stop the scrolling, you can decide exactly where it should s...
Media Query splitting 29 Aug 2012 | 06:26 pm
When Media Queries got introduced and people started out with Responsive Web Design, I used to overwrite my Desktop styles to make it fit on Mobile. Later I shifted to “Mobile first” where you start o...
dutchlaunch: simurai on Tumblr - simurai.com In this third... 29 May 2012 | 07:42 am
dutchlaunch: simurai on Tumblr - simurai.com In this third episode of our series on awesome Dutch Tumblr users, we visit UIX designer and tech blogger simurai (not actually Dutch, but based in the N...
Small demo of animated CSS Mask Icons. Note: It uses the... 9 Apr 2012 | 08:32 am
Small demo of animated CSS Mask Icons. Note: It uses the non-standard CSS masks that are only implemented in WebKit without a spec. I don’t wanna go into discussing if that’s ok or not, instead I just...
SVG Stacks 1 Apr 2012 | 10:46 am
Image sprites are wildly used for downloading lots of icons or UI elements all at once with just a single HTTP-Request. But they are somewhat cumbersome to use because you have to calculate the backgr...
We're in an icon-sharpness limbo 26 Mar 2012 | 03:47 am
With the rise of Retina displays people are looking for resolution independent alternatives to PNG icons. Some fell in love with font-icons, some are shouting “SVG”. But I’m sorry, if you’re looking f...
What is Responsive Web Design? 7 Nov 2011 | 08:07 am
Yesterday I tweeted this: My excitement for Responsive Web Design is fading a bit. It’s great for simple websites, but not enough for more complex web apps. On mobile you don’t just wanna shrink and...
