Monthly Archives: September 2011

Touch-Icons for Android-Devices: Y U No Working?

by

Sven asked me some stuff about the HTML5 Boilerplate Favicon PSD-Template while he was using it for a project. He discovered one problem I was not aware of and I don’t know how to work around: Android does not use one of the apple-touch-icons as a bookmark or as a shortcut on the home-screen in Android 2.3.

I do not know of any other usage of the icons in prior versions of Android. But this article by Rob Flaherty stats that it is working for Android 2.1 and 2.2 with some minor changes.
He also set up this demo-page. Feel free to test with this and share your results in the comments. It was not working for me though.
Android 2.3 uses the standard favicon for shortcuts on the home-screen and screenshots for bookmarks.

As always I’m linking back on one of Mathias Bynens great articles. He writes about touch icons and stuff. Read this for more information how to use icons properly.

Do you have any suggestions how to get the icons working, at least for the home-screen icon? This works very nice with the Apple devices (iPhone and iPad).

Is it only me or do you also think that there is pretty good stuff going on with Android in general but there’s a but pretty often when it comes to some minor thinks like for example touch icons. That’s bad :(.


Text-Shadow in Internet Explorer

by

This mothereffin shit is worth a blog-post. Even if it’s just a short one. At this very moment I’m celebrating the fact that Internet Explorer 10 now supports text-shadows kinda excessively! Finally! Even Internet Explorer made it! Yayyyy! For more details on this, please go and check out the Internet Explorer 10 Guide for Developers. Microsoft developers explain the usage of text-shadow here. But I guess it should be pretty clear how to use them as other browsers support them like forever. Thanks goes out to Louis Lazaris for his tweet about it. Also @IE tweeted about this. There are also

Read more


HTML5 Boilerplate Favicon PSD-Template

by

No longer maintained Version 3.1 – Update 25.11.2012 Add current 16x16px favicon. Version 3.0 – Update 25.05.2012 And again Daniel updated the template with some great things. It now features the “new” HTML5 Boilerplate icons, you get a better overview of what icons are present and how the output of images is. Apart from that Daniel made a bug-fix for the 144×144px touch icon where the PNG wasn’t saved by default. Version 2.0 – Update 21.03.2012 Daniel has updated the favicon template with a 144×144px touch icon. This icon is needed for the high-resolution iPad Retina displays which are built

Read more


Pseudo-Elements in Print-Styles for References in Links

by

This morning @t3node asked me about something CSS-related. This was kinda new for me because he never did this before I guess… He showed me a website he had printed and asked me to explain him, how it is possible to show links in printed websites with their reference printed next to it. He was kinda upset why not every frontend-developer includes this in his/her stylesheet when it comes to designing a new website. I wanted to explain everything that’s related to this topic that I’ve ever heard of but he asked me to write this blogpost as he is not pretty used to CSS

Read more


Add Style-Syntax in Comments with `, _ and *

by

You may be familiar with the syntax of writing code-Tags like `some code here`. This is what is used by Github for example. At Daring Fireball they wrote up the syntax. Not only for code-Tags but for various features that are connected to style and semantics. In the comments of this blog it is possible to use some of the rules to add some markup to them. For instance when you write: Some fancy text with **styled _markup_** and `code`. It will be transfered to Some fancy text with <strong>styled <em>markup</em></strong> and <code>code</code>. I really like to use these tags

Read more