Very inspiring speech by Simon Manchipp at TYPO Berlin 2013. My favorite quote “Do weird stuff - weird works”
Hello, it’s Monday.
What iOS 6 Mobile Safari Offers Front End Devs
Here’s what we know about Mobile Safari in iOS 6 so far, and what it brings to the table for front end developers. I expect there’s more to come in future betas and as people experiment with the current beta more.
Web Inspector via Remote Debugging
The pre-existing developer tools for iOS are…
Finaly! Web Inspector in iOS simulator.
Large background CSS trick
Recently I was working on project where there was no chance to use pattern, single color or any background repeat image. It was all about this silly grass, with lots of details, background on full page. Image had 2000px width and 3000px height, JPG file reached ~700kb in mid quality.
The problem is when website is loading, first CSS file loads and then the images from background properties, but they’re showed only when are fully loaded. So there is for a long time (700kb file) no background for HTML body.
The trick is super simple:
- Blur the background and compress JPG to low quality. You will get 40-50kb JPG file.
- Use this low quality image for html tag in background-image attribute.
Now when page is loading, user will get super fast this low quality, but proper background. In the mean time final background will be loaded later with no sudden ‘blink effect’, but like a ‘sharpen’ current one. It’s close to how is browser loading images from src attribute of img tag.
You can use also media queries to manage background, but you need to make more background files. It’s only worth it to add mobile version of background - save the unwanted kilobytes!
PS. You can follow me on twitter - @macpankiewicz
Beautiful story about cars and design.
Google Bot crawls arbitrary Javascript sites
Just spotted something while looking through Apache logs:
66.249.67.106 ... "GET /ajax/xr/ready?x=clcgvsgizgxhfzvf HTTP/1.1" ...This is an ajax request issued from document.ready() callback of one website’s pages. This means that the bot now executes the Javascript on the pages it crawls….
Great ESPN ad.
I’m a huge fan of F1, print by Piotr Buczkowski:
Write something on your walls.
It’s all about imagination, Lego ad campaign.
Finally got dribbble player invite! Whoa! You can follow me here
Martin Kool: How to use Firebug on your iPad and iPhone
Web developers targetting HTML5 on iDevices would really benefit from having Web Developer Tools or Firebug on Mobile Safari. Enter Firebug Lite! However, iPads, iPhones and bookmarklets don’t go well together, so I put together this little howto.
All credits to Joe Hewitt for creating…
