03 Oct 19 by Administrator 314

2019 standards thanks to faviconit

I use faviconit.com for the best browser and device support possible. You upload an image and this site gives you the code, the converted images and a browserconfig file.


We could simply upload a favicon manually to our website of 16x16 and it will probably show up in almost any browser.

But when you will mark it as one of your favorites on your smartphone or tablet, we will need larger images (60x60 to 144x144).

And lets say one of our users creates a shortcut on their desktop. In that case a 196x196 looks better!


Example code of what faviconit would give you, next to all the converted images:

<!-- place this in your <head></head> -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" sizes="16x16 32x32 64x64" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="196x196" href="/favicon-192.png">
<link rel="icon" type="image/png" sizes="160x160" href="/favicon-160.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png">
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" href="/favicon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon-144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon-60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon-120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon-76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">

Since Windows 8

But that is not all. Since windows 8 we are able to create shortcuts to websites with tiles!

<!-- place this in your <head></head> -->
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="/favicon-144.png">
<meta name="msapplication-config" content="/browserconfig.xml">

Browserconfig.xml

Upload a file named browserconfig.xml (to enable the tiles in windows >8)

<browserconfig>
    <msapplication>
        <tile>
            <square70x70logo src="/favicon-70.png"/>
            <square150x150logo src="/favicon-150.png"/>
            <square310x310logo src="/favicon-310.png"/>
            <TileColor>#FFFFFF</TileColor>
        </tile>
    </msapplication>
</browserconfig>

Tags:

Share Post
03 Oct 19 by Administrator 275
16 May 20 by Administrator 63

sanjeewan alumni

by 389
For sanjeewan alumni there are reference sites are https://www.iitbombay.org/ https://iitmaa.org/

Owl Options

02/12/2019 05:29:00 by Administrator 235
Options List including all options from built-in plugins video, lazyload, autoheight and animate. items Type: NumberDefault: 3 The number of items you want to see on the screen. m

Simplcity Global Services Google Analytics Code

by 379
<!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-70404856-1"></script><script>window.dataLayer = window.da

New Portal Image Dimension

15/09/2019 13:37:00 by Administrator 278
For every news portal use dimension as 100, 480, 800 Approximage Image Sizes  : 2.8, 36.3, 83 Total: 140 kb for single news use 800 for multiple news use 480 and for thumb and lazy load us

ismobile javascript code

14/04/2020 20:06:00 by Administrator 96
ismobile javascript code added to admin and master page at the top 

Form Code Base List

16/04/2020 21:33:00 by Administrator 78
0 a\Account1 a\Account12 a\Account23 a\AccountActiveDeactive4 a\AccountActiveDeactive15 a\AccountActiveDeactive26 a\AccountActiveDeactive37 a\AccountAssignment8 a\AccountAttendance9 a\AccountBank10 a\

Category vs Tags

19/09/2019 17:38:00 by Administrator 289
A tag is more specific and addresses items you discuss in a particular blog post. A tag is usually only a word or two and reflects the keywords or points of your article.

Creating a quick and dirty jQuery contentEditable Plugin

17/08/2019 03:38:00 by Administrator 328
Here is the link for Creating a quick and dirty jQuery contentEditable Plugin https://weblog.west-wind.com/posts/2009/May/25/Creating-a-quick-and-dirty-jQuery-contentEditable-Plugin

Youtube Channel Custom Url Requirements

28/11/2019 02:18:00 by Administrator 238
Custom URL eligibility To create a custom URL for your channel, your account needs to: Have 100 or more subscribers Be at least 30 days old Have an uploaded photo as a channel icon Have uploa

Form Entry List Types

by 366
Add the following nos to the data-formview="1" etc to the link View Only List and View Only Entry Only Entry First on update go to List List Only List First on Edit or Add go to Entry Show Bo