Comments (11)
Yes @volosovich, but it's because they are using Jekyll custom (generator-jekyllrb), it's something I'll probably use instead of default template by Github soon. 😉
from front-end-checklist.
Hi @chris-morgan, maybe for the example, I need to add a subfolder like <link rel="icon" type="image/x-icon" href="https://example.com/img/favicon.ico" />
. Indeed, pointing to the root is not necessary.
I hesitated to put PNG as recommended but I found on canisue.com:
- While all browsers support the .ico format, the PNG format can be preferable (I provided the link on the checklist)
And on CSS-Tricks:
- Altough all desktop browsers support favicon.ico, this file is mostly deprecated. Yes, you can still rely on this file and it will work as expected. But seriously, it's an old deprecated format. It is not used anywhere else in web technology. PNG is much more consistent.
It's why it seems to be better to use PNG instead of .ICO. What do you think?
from front-end-checklist.
Hey!
Your site http://frontendchecklist.com doesn't have favicon :)
from front-end-checklist.
http://yeoman.io/
https://github.com/yeoman/yeoman.github.io/tree/source/app
has favicon :)
from front-end-checklist.
There are other HTTP clients (bookmarking services etc) that will look for favicon.ico in the root.
And if there's not one there they'll get a 404, and if you serve a custom error page then they'll get that instead (seen sites where they were serving a 40KB error page rather than a tiny icon)
So I recommend to clients they have a favicon.ico even if they don't link to it in the page
It's worth mining server logs to see what other icons are being requested for the same reason
from front-end-checklist.
Ahahaha @volosovich! Indeed but it's because it is generated by Github Pages and they don't give the possibility to add a Favicon. 😀
from front-end-checklist.
@chris-morgan what do you think, regarding my previous response?
from front-end-checklist.
Thanks @andydavies for your feedback. I'll change the rule to take that into consideration. Don't hesitate to do a PR.
from front-end-checklist.
Hi @chris-morgan, @andydavies, regarding that page https://en.wikipedia.org/wiki/Favicon it seems to put the favicon at the root, is not the best option compared to <link rel="shortcut icon" href="http://example.com/myicon.ico">
for example. What do you think? What you propose as an alternative to the current text?
from front-end-checklist.
Iff you have no other rel=icon
links, then <link rel="shortcut icon" href=/favicon.ico>
is completely superfluous.
from front-end-checklist.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you have any question, please contact me directly at [email protected]. Thank you for your contributions to that project!
from front-end-checklist.
Related Issues (20)
- Title of videos in details are bigger than other docs/tools titles HOT 3
- Add theme color meta tag (Feature request). HOT 5
- frontendchecklist.io links to NSFW content (thedaviddias.me) HOT 3
- FE_Checklist HOT 1
- Front-End-Chacklist
- Dark Mode for the website HOT 11
- favicons can be SVG HOT 12
- CSS Grid HOT 11
- Image elements do not have explicit width and height HOT 7
- ..
- sudan
- Buttons HOT 13
- Site performance HOT 1
- Extra css category HOT 1
- Suggestion: Add a table of contents for easy navigation. HOT 3
- The Arabic Language HOT 4
- Persian Translation HOT 3
- GA Checker link under SEO->Google Analytics seems to be invalid HOT 2
- Paragraph repeats in README.md HOT 2
- Frontend checklist
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from front-end-checklist.