How do you create icons/images at address bar - firefox

This is a pretty staright question I guess,How do we create images over the left of address bar like images or icons. Few examples are mentioned here Joel whose personal image is embeded on far left of address bar and
Mashable you can see 'M'. Surprisingly these images/Icons are only displayed in Firefox. Do we need to use any special tags or something.
Thanks
EDIT
In chrome for some reason you can see the icon only if the tab is not in focus. This is not the case in Firefox.

You want to add a favicon to your project.
This in an image file (usually named 'favicon.ico') that lives in the root directory of your website.
Most browsers will automatically display this image in the address bar if it exists in the root directory.
There is lots of tools for creating a favicon. Here is one I found via a quick search for 'favicon' - http://www.favicon.cc/

Related

Underlined title in Firefox tabs

Sometimes at several webpages I have underlined title of page in my Firefox tabs (here is screenshot).
I have two questions related to this:
What mean this underline?
Is it possible, to do it from web page level (via CSS or JS)?
It's Firefox for MacOS, but I'm not sure if it does matter.
Are you using, by any chance, Firefox Multi-Account Container? If so the color of the line which underlines the title indicates the container the page is opened in.
I don't think you could change the color of the underline from unprivileged JS/CSS (web page), but I could be wrong. This is the source code for Firefox Multi-Account Container. Within that repository, you might be able to find the location where the underlining happens. For example, it could be this CSS code.

Adding a Sidebar Icon to my FinderSync extension

I'm developing a FinderSync extension based on the following documentation:
https://developer.apple.com/library/ios/documentation/General/Conceptual/ExtensibilityPG/Finder.html
I'm failing to add a sidebar icon.
I've followed the steps: Created the .iconset folder and filled it with the requested PNGs. Added the folder to my info.plist etc.
But I don't see any icon in the sidebar on my monitored folders.
Context menu, toolbar button and badges works fine.
What could I be missing? Is there any limitation that the documentation fails to mention? Anything tricky with step 4?
Apparently its indeed extremely important to obey Apple's constraints regarding the icons:
they must be
"monochromatic images that are drawn just using black and
transparency"
To my surprise, when a designer gave me pngs that complied with the mentioned above, everything worked like a charm.
Please comment if you encounter any other difficulty, as the documentation is very lacking.
The documentation mentions several exceptions where your app icon will not replace the folder's icon:
The sidebar icons you provide will replace the default folder icons in the Finder’s sidebar for any of the root folders that your extension is monitoring.
This icon does not replace the icon for any folders contained by your monitored folder.
It also does not replace the icon for any system folders that you may be monitoring (for example, Documents, Desktop, Applications, and Downloads).
https://developer.apple.com/library/archive/documentation/General/Conceptual/ExtensibilityPG/Finder.html

Joomla articles and modules not showing on small screens

I'm really quite new to Joomla and I've encountered a problem. On my homepage the article is showing just fine, but all the other modules (except for the menu bar) disappear when I switch to a smaller screen size. On my other pages the article doesn't even show anymore, just the menu bar. I'm using the purity III template. I have no idea what's going on since the settings in the layout of the template indicate that all modules that are showing on a desktop should also be displayed on a mobile device, and I've found no difference in settings in the articles itself. My site.
Thanks for your help!
It sounds like the responsive design hides them on purpose.
Just from a quick peek at your code using inspect element I can see that the class "slideshow hidden-xs" gets a display:none on smaller screen sizes and all of your main content is wrapped in that element. If all of your content is not supposed to be wrapped in that element (which I'm guessing it's not) you're most likely missing a closing tag on a div or something.
Find the missing closing tag (ie: /div, /a, etc) and it will probably solve your problem.
You can update the latest version of Joomla and check again that some problem is coming or not. I yes then download new theme for your website which is compatible with your theme.

How to show photos in Dropbox Chooser window by default?

My application accepts photographs from end-users. They will most likely select pictures that are recently taken. The initial view of Chooser, which shows the file structure of the user's Dropbox folder is therefore far less useful compared to the Photos view. Is there a parameter than can be passed to make the window opens to that view? Just a matter of saving an inevitable click.
I tried to examine the source code but the library appears to be written in Coffee.
There's no way to open a specific folder in the Dropbox Chooser. You can make the UI a bit nicer by using the extensions option to specify only image file types.

Outlook truncating images

I'm designing an e-mail template for a company and it tests great in everything besides Outlook. For some reason the bottom images of the email look like they're loading half way and then stop. I've found information online that Outlook won't load images with a height greater than 1728px, but the tallest image we have is much shorter than that. There are images beyond 1728px on the page that are loading just fine, so I'm not sure that's the issue. Does anyone have any experience with this? Any advice would be helpful.
Hi Here is a quick solution for this to be done in the outlook.
Use photoshop and follow this steps:
Once the design is over, slice up the image parts / height(1728px as per yout example).
Save this as, File->Save for web and device. click save. you will get option under save box
Under format change this to HTML and image from drop down.
Save them in one folder. A new HTML file and image file will be created in this folder.
Open this HTML file in a browser.
Just copy and paste the content in the outlook using a single cell table.
That's you are done. Now your image will load without any problem.

Resources