03 Oct 19 by Administrator 451

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 402
16 May 20 by Administrator 204

CSV file add double quotes

06/03/2020 06:46:00 by Administrator 255
import-csv C:\Temp\Myfile.csv | export-csv C:\Temp\Myfile_New.csv -NoTypeInformation -Encoding UTF8

thefire data migration to new program

02/10/2019 01:26:00 by Administrator 414
insert into posts select companyid, ptypeid, postid, langid, lpostid1,lpostid2,plink, forid, ppostid,ptitle,pshort,pfull,postedby,metakey,metadescription,metadata,sortorder,postdate,postrate,totalview

AOS Effects

01/12/2019 18:37:00 by Administrator 616
 Set animation using data-aos attribute: <div data-aos="fade-in"></div> And adjust behaviour by using data-aos-* attributes: <div data-aos="fade

Database Update

03/01/2020 04:54:00 by Administrator 293
ALTER TABLE Item ADD ILink varchar(3500)ALTER TABLE Item ADD IDImages varchar(7000) ALTER TABLE generalsettings ADD GLink varchar(3500) GO ALTER VIEW [dbo].[vItem]ASSELECT i1.ILink,i1.CompanyId, i1

Sessions Defined in Application

by 1158
dtuser = dataset of user query for login check return userid = Accountid of current login user usertypeid = AccountTypeId of current login user username = First NAme and LastName of current login u

reCaptcha Google

09/05/2020 17:51:00 by Administrator 195
https://www.google.com/u/2/recaptcha/admin/site/351527026/settings$("form").submit(function(event) { var recaptcha = $("#g-recaptcha-response").val(); if (recaptcha === "") { event.pr

Country Flag api

by 1405
We can get country flag using following file apis https://www.countryflags.io/

Form Entry List Types

by 493
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

General Master List

11/01/2020 14:01:00 by Administrator 352
$(function() { $('#glist').off('click','div').on('click', 'div', function(e) { var s1 = $(this).text().split('-'); var g1='a.GTypeId='+s1[0]; $('#gtitle').text(s1[1]); $('#gslist').data('condition'

Bootsnav Menu New Implementation

07/01/2020 03:31:00 by Administrator 409
file:///G:/Downloads/bootsnav-master/index.html# This plugin like implementation is required in website. Try