You can make four icons (as of today) for your app and they can all have a different look – not necessarily based on the 512×512 image. corner radius for the 512×512 icon = 80 (iTunesArtwork) corner radius for the 1024×1024 icon = 180 (iTunesArtwork Retina) corner radius for the 57×57 icon = 9 (iPhone/iPod … Read more
The site you linked uses a combination of CSS tricks to pull this off. First, it uses a background-image for the <input> element. Then, in order to push the cursor over, it uses padding-left. In other words, they have these two CSS rules: background: url(images/comment-author.gif) no-repeat scroll 7px 7px; padding-left:30px;
iOS Icons Set AppIcon in Images.xcassets. Add 9 different size icons: 29pt 29pt*2 29pt*3 40pt*2 40pt*3 57pt 57pt*2 60pt*2 60pt*3. Images.xcassets will look like this: Android Icons Put ic_launcher.png in folders [ProjectDirectory]/android/app/src/main/res/mipmap-*/. 72*72 ic_launcher.png in mipmap-hdpi. 48*48 ic_launcher.png in mipmap-mdpi. 96*96 ic_launcher.png in mipmap-xhdpi. 144*144 ic_launcher.png in mipmap-xxhdpi. 192*192 ic_launcher.png in mipmap-xxxhdpi. Update 2019 Android … Read more
Given that they’re simply fonts, then you should be able to style them as fonts: #elementID { color: #fff; text-shadow: 1px 1px 1px #ccc; font-size: 1.5em; }
Windows can only show a limited number of Overlay Icons (15 total, 11 after what Windows uses). Programs like Office Groove, Dropbox, Mozy, Carbonite, etc, will hijack a bunch of the 11 possible overlay icons (boy would it be nice if Microsoft upped the number of these as the number of applications that use them … Read more
If you intend on your application being available on a large range of devices, you should place your application icon into the different res/drawable… folders provided. In each of these folders, you should include a 48dp sized icon: drawable-ldpi (120 dpi, Low density screen) – 36px x 36px drawable-mdpi (160 dpi, Medium density screen) – … Read more
There are actually two ways to add a favicon to a website. <link rel=”icon”> Simply add the following code to the <head> element: <link rel=”icon” href=”http://example.com/favicon.png”> PNG favicons are supported by most browsers, except IE <= 10. For backwards compatibility, you can use ICO favicons. Note that you don’t have to precede icon in rel … Read more
Unicode arrows heads: ▲ – U+25B2 BLACK UP-POINTING TRIANGLE ▼ – U+25BC BLACK DOWN-POINTING TRIANGLE ▴ – U+25B4 SMALL BLACK UP-POINTING TRIANGLE ▾ – U+25BE SMALL BLACK DOWN-POINTING TRIANGLE For ▲ and ▼ use ▲ and ▼ respectively if you cannot include Unicode characters directly (use UTF-8!). Note that the font support for the smaller … Read more