I recently noticed that some of the images on my website are the pages with the most visits according to Google Analytics. The pages could be accessed by clicking them. The result was the pages being opened in a separate tab. I now deactivated this so now one has to right-click and say "open image in new tab" to get the same results as before. Still I'd like to know how this happens? I don't find the images anywhere on top ranked image searches. Also I would like to use this traffic for "real" purposes, instead of linking to images.
Related
I was just watching some street view images in this website where if you refresh everytime it loads up a new image. Then I realized a image was too beautiful and I was trying to save that image somehow, and it is when I came to know that I can't right click and same street view (Panorama) images. I thought maybe going to developer tools then network might help but it requires to be opened before I load up the page or I have to refresh the page which is disasters in this case.
I know the images loads up on browsers gets saved in the data folder of the browser. But I don't know how to retrieve them or is there any other ways I can save the image?
The tiles in the "new Tab" window of the recently used websites consist sometimes of a small logo and a website screenshot and sometimes of just one big logo?
What is the algorithm for the creation of the tiles?
My own website is displayed as small logo (favicon) in bottom right corner and a totally blank screenshot. What's wrong?
The component responsible for doing that is called activity-stream and is developed on GitHub here. The code is then mirrored into the Firefox codebase when a new release is created.
As far as I can tell, the code responsible for fetching a website's icon for the tiles is this which, in order, tries:
checks if the website provided a favicon which has an high enough resolution (currently it's 96x96);
verifies that there's a tippy-top fallback icon (probably from here);
tries to request a rich-icon from here;
if all the above fails, it tries to get a screenshot of the page and pin it in the tile.
As far as I can tell the easiest fix is to provide a good enough favicon from your website.
I am testing a web page and specifically a web button. In order to get a helping answer I'll provide all of the information I can on it. I am specifically testing the "Like" button on a website (Webstagram.com) that is meant for you to view and operate your Instagram page from your desktop. 20 different pictures are displayed on a page and each picture has its own "like" button assigned to it. I can't identify it by "like" and in the outerhtml there are different values for each one. How do I write a script to identify each one. Please help I would GREATLY APRECIATE IT!!
When ever I earn a reputation, firefox understand and refresh my thumbnail. I want to know how it works and when does firefox take website screenshot for its home page?
Is there any meta tag or something like this to force firefox to take screenshot?
When you earn reputation firefox has no idea. The javascript code (that stackoverflow loaded into firefox when you loaded the page) does. If you don't have the page loaded and the javascript code running nothing will ever see the change. Look up AJAX if you want to know more.
You can force the images to update but it involves loading the page.
From https://support.mozilla.org/en-US/kb/thumbnails-on-new-tab-page-are-missing?esab=a&s=new+tab+thumbnails&r=1&as=s
Make Firefox create new images for the new tab page
The images will get re-stored as you use the new tab page to go to
those websites again.
Open the new tab page by clicking the + button on the tab strip.
Click on one of the blank images to go to a website. Note, that it works only for left-click, opening in new tab doesn't do the trick.
This is important - let the website finish loading (wait for the spinning green loading icon in the tab to stop).
Open the new tab page again and you will see a new image for the website you just went to.
Repeat this process for the rest of the missing images.
In my mini web application, I wonder whats the best way of serving the 600+ fonts from google web fonts library to my users, primary concerns are the font file sizes, ajax calls delay.
Two possible options that come to mind are:
Ajax calls to download the font when the user scrolls through the dropdown list of those 600 fonts.
Create & store images of fonts on server, only retrieve those images when the user scrolls down the drop down list, subsequently, when the user clicks on a particular image, only then does the font file download locally.
Edit: To put the question more clearly forward, I am wondering whats the best option I have of serving 600+ fonts to a user of my font web app?
Thanks