UPDATE: Want to get a solid introduction to Ionic? I recommend reading Learning Ionic, a book I tech reviewed. Ionic offers a library of mobile-optimized HTML, CSS and JS components for building highly interactive apps. Built with Sass and optimized for AngularJS. Whilst Sass is just an extra (you don’t really need it), the true …
Author Archives: Bramus!
FlipClock.js
JavaScript countdown (or up) script with split-flap flip effect. Used it in a recent project and works like a charm. Only downside is that it’s px based, but that can be overcome. Be sure to also click that “Developer API” link on the site, as the main page itself does not hold all needed information …
FF Franziska
FF Franziska is a typeface suited for long text: discreet, functional and modern, but with real personality. To give you lots of flexibility in your design and production, FF Franziska provides not only good legibility in the body text, but also interesting characteristics in larger point sizes. Lovely typeface, with a lovely site covering its …
Navdy feels like driving in the future
Navdy is a breakthrough HeadUp Display (HUD) aftermarket car console that allows drivers to access their smartphone’s apps while keeping their eyes on the road. Navdy combines a high quality projection display with voice and gesture controls to create a safer, highly intuitive driving experience. Combining advanced display technology with touchless controls means drivers no …
Koh Yao Noi
Shit Showreels Say
The Design Process at GDS
Behind the scenes at The British Government Digital Service (GDS): Lots of people ask me what our design process is like at GDS. I thought I’d write some of that down in a place I can point to. It’s worth saying that we don’t follow this slavishly. We’re flexible and we optimise for meeting user …
GitHub’s CSS
I’m always interested in the development details of other products, particularly their styleguides and approach to CSS. Given my penchant for the otherwise inane CSS details, I decided to write a bit about GitHub’s CSS. Always great to see how a company organises its code. It’s an honest piece, also covering stuff that should improve. …
Speed in Software Development
Every single CEO of any IT company wants to build software faster. Time is the most expensive and valuable resource. You can’t waste it on re-work, refactoring, meetings, physical activities. Right? It depends… Many companies grow up, slow down, and die. Good development pace is essential for surviving. Unfortunately options 1 (Extreme Sprint) and 2 …
Icons changing colors on scroll
Quite a simple technique: use :before and :after to inject two colored panels, each taking up 50% of the height. Then lay your inverted icons on top of them, and presto. Icons Filling Effect → Icons Filling Effect Demo → If you like this, you’ll definitely like these too: Skrollr – CSS animations linked to …