I have been intrigued by the idea of making a typographic scale out of a musical scale that would not only be very readable, but also aesthetically pleasing. This whole idea started after the launch of my new site. At first, I ignored to see it, but weeks later I started to notice that the textual content of the site is actually pretty harsh for the eyes and the reading experience isn’t that great.
Read postI created another responsive jQuery plugin during Christmas holidays. It’s called TinyNav and it converts navigation to a dropdown for small screen.
TinyNav.js is a tiny jQuery plugin (304 bytes minified and gzipped) that converts <ul> and <ol> navigations to a select dropdowns for small screen. It also automatically selects the current page and adds selected="selected" for that item.
While you can find two dozen blog posts and articles about various image replacement techniques using Google, I couldn’t find any article that would help when you want the replacement to be fluid.
Read postI created this plugin while I were developing my own site and decided few days ago to release it as an open source version. Its basic function is to create responsive slideshow using images inside a container. The interesting thing is, that this is actually the very first JavaScript plugin I’ve done and that’s why I thought that I should write down some notes while I’m at it.
Read postWeb inspector for iOS is something I’ve wanted for ages, and after short testing this seems to work very well for the job.
iWebInspector is a free tool to debug, profile and inspect web applications running on iOS Simulator (iPhone or iPad). You can check resources, see and change HTML & CSS, use breakpoints on JavaScript code, create charts and more just as if you were on Safari for Desktop, Chrome or Firebug.
Since you are here, you have probably noticed that there’s a new design which I have been working on for some time now. I wanted to focus on the content and make something much more simple. I also wanted my site to work with various devices from smartphones to TV’s. That’s why I used the so called Mobile First technique and made the whole site responsive from about 240px and up.
Read postI wrote a blog post about making responsive jQuery slideshow on 18 May 2011 (You can read it on Kisko Labs’ blog). Since then much has happened and there’s now quite a lot of options where you could choose from. I did a short summary for this blog post about the options out there right now.
Read postMark Boulton has written an interesting piece about responsive advertising. You should go and read it.
Here’s the problem as I see it:
A large number of sites rely on advertising for revenue. Many of those sites will benefit from a Responsive Web Design approach. Web advertising is a whole other industry. Ad units are fixed, standardised sizes. They are commissioned, sold and created on the basis of their size and position on the page. Many ads are rich (including takeovers, video, pop-overs, flyouts and interactions).