Archive for the ‘Web development’ Category


Firefox: Hide the downloads panel

March 10, 2022

A recent (since January 2022?) update to Firefox means that anything you save from the internet (e.g. an image) pops up a download box as the item is downloading. If you want to turn off this box, you’ll need to change a configuration setting in Firefox.

  1. Open a new tab in Firefox.
  2. Type about:config in the address bar (no spaces).
  3. Click the Accept the risk… warning bar to proceed.
  4. Click Show all at the top of the next page. This will open the configuration settings.
  5. Search for
  6. Click the far right icon for this setting to toggle it from True to False.
  7. Close the tab.

You’ll still get a small icon on the toolbar to indicate when something is downloading/has downloaded, but you won’t get the popup box.


Chrome: Ctrl+f works intermittently

May 4, 2021

Something that’s bugged me about Chrome for ages is that Ctrl+f (to find) only works sometimes. It tends to work the first time after opening Chrome, but if you go to another page or tab or refresh the page you’re on, it doesn’t always work. I hate intermittent bugs because they are hard to replicate and find a pattern for. Anyhow, this inconsistent behaviour bugged me enough that I went off to the internet to see what others do to get it working, and I found these possible solutions:

  • Ctrl+g, which reopens the Find box (Note: The official function for Ctrl+g is to go to the next matching item in the find, but it seems to work even if you haven’t been able to run Find on the current tab)
  • Click the 3 dots at the top right of Chrome then click Find—yes, it’s more cumbersome than Ctrl+f, but it seems to work every time, not just occasionally (the 3 dots are Google’s answer to a traditional menu bar; personally I’d prefer a menu bar!)

Facebook and FB Purity

October 29, 2020

Facebook (FB) and FB Purity (FBP) are having a bit of a war at the moment. Since FB introduced the ‘new look’, which most people seem to hate, FBP has been trying to revert to the classic look via one of their options. It initially had some some success, and then not, and then again, and then not, as FB closed loopholes in its code.

One of the things I noticed when viewing FB via Chrome on a desktop was that if I had classic look turned on in FBP and even if it wasn’t displaying the classic look because of this skirmish, the screen would refresh and jump OFTEN, and I’d get duplicate posts from some people.

Then this morning when I deliberately refreshed FB in Chrome, FB redirected me to the mobile site (GRRR!) and told me I was using an unsupported browser!!

I figured all these issues might relate to the FBP skirmish, so I turned off the classic look option under the FBP toolbar icon in Chrome (it wasn’t working anyway), and all of a sudden I could get the usual FB desktop site, the auto refresh thing disappeared, and I don’t see duplicate posts.

I’ve still got that horrible new look—I can live with that for now, and hope that FBP can figure out how to get the classic look back.

Meantime, I hope this post helps someone else who has had the same issues.

(As an aside, you don’t want to ask me how much I HATE the new block editing stuff in—I just want to write a blog post, perhaps add a screenshot or two, not sell hipster dude coffee!)


Change browser bookmarks toolbar to icons only

May 7, 2020

If you’re lucky, you learn something new every day, and today I learned that you can change your browser’s bookmarks toolbar to display just the icons, thus saving space on that toolbar for all the icons that have slipped off the edge because you have too many! Now, you may not want to change them all, but just changing those whose icons you’re really familiar with will free up extra space.

Full instructions for each browser are here:

In essence, you right click on the icon, select Edit or Properties or similar, then delete the name and save. That’s it.

If you still need the name because the icon they use is generic [I’m looking at you, Macquarie Dictionary!], then you can always use an abbreviated name—e.g. I use ‘MD’ for Macquarie Dictionary.



All about hex

August 12, 2017

My friend Dave Gash has written a GREAT article on understanding hex colors – long, but worth it!:

[Link last checked August 2017]


What year is it?

February 3, 2016

I spotted this notice on a website I visited today (Feb 2016). I guess it takes some organizations a long time to adapt to change… (BTW, Microsoft announced end-of-life support for IE 10 in January 2016 [])



Firefox: Can’t open PDF in Acrobat

September 16, 2014

Firefox allows you to set options for how you’d like to deal with a linked file (Tools > Options > Applications). I thought I had them all set properly to open a PDF with Adobe Acrobat:


But PDF links clicked in Firefox would still try to save and NOT open in Acrobat as I wanted!

So after many months of being frustrated by this behavior and setting and resetting those options (for some reason, they reset themselves every so often — I’m not sure if it’s related to the regular Firefox updates or something else), I went looking for an answer. After viewing a lot of websites, I found another setting on that screen that is the critical one — you have to scroll down and there’s Portable Document Format!:



Once I set this to use Acrobat, everything worked fine.

What I want to know is how is ‘Adobe Acrobat Document’ in this list different to ‘Portable Document Format’ and why is PDF under P and not under A as all the other Adobe options are?



Super easy zebra-striped tables using CSS selectors

October 16, 2013

I read about this trick in an article in the October 2013 issue of Australian Personal Computer (‘Powerful styling with CSS selectors’ by John Allsopp, p98-100) and thought I’d give it a try.

Wow! Super simple! Much better and cleaner than using JavaScript or coding each table row with an odd/even class.

The result

Here’s the result (ignore the ugly colors — they were just for testing the code):

zebra_tables01 The CSS

Here’s the code in my test CSS file that created the differently colored rows for odd and even rows (yes, I comment my code, especially where I can’t figure out what a color is by the hex value):


How simple and elegant is that! Basically just two lines of CSS and you’re done. Of course, substitute your own colors.

One caveat: If you have a TH row at the top of the table, it gets ‘counted’ as Row 1 (an odd row), so the color striping is ‘out’ by one.


And here’s the bare bones HTML code I used for my test file:


Thanks for the article, John!

(John’s article has more on how this all works, and how to assign different column colors using math in the CSS, but for this post I just wanted to share the simplicity of the doing ‘zebra’ striped tables with CSS.)


Mixed error messages

October 11, 2013

Why is it that here we are in 2013 and STILL website error messages are confusing and often contradictory?

I needed to create an account with one of the Australian federal government agencies (yes, ASIC, I’m talking about you!). Easy enough — just my name, email address, phone number, and a password. Not so…

I entered an 8-character password (with numbers and letters), then got this (click the image to see it all [aside: spot the spelling error]):


Hmmm… I tried again, this time adding two numbers to the end of my existing (so now it was a 10-character password with six lower case letters followed by 4 numbers). As far as I could understand that error message, my password met the requirements.

So I clicked Submit again, and this time I got this:


The problem with this second error message was that there was NO ‘entry above’ — it was totally meaningless.

I tried a couple more combinations, still using 10 characters, but converting some lower case letters to upper case ones. Still the site wouldn’t accept my password and I kept getting this second message. I must have tried about five different combinations and was ready to give up… But I’m nothing if not persistent when it comes to technology and especially bad user experience on websites ;-) (It’s all fodder for blog posts like this!)

My final foray before giving up and walking away in frustration was to hover over the question mark next to the password field. I got this tip:


Note that the wording is different to that displayed in the first error message. This time it says that my password MUST contain AT LEAST three lower and upper case letters and three numbers, though it wasn’t clear about whether special characters were required. The first message said OR implying any combination, whereas this one says AND.

I tried more variations on my 10-characters, but still couldn’t get in. Then I had a brainwave — maybe I should try only nine characters and make sure that I had three lower case letters, followed by three upper case letters, followed by three numbers. And guess what? That worked!

So it looks like this password check was quite specific, but the error message and tooltips didn’t tell the whole story. ‘Minimum nine characters’ actually meant ONLY nine characters, and ‘contain at least three’ meant three in ORDER.

No wonder people walk away when online registration forms like this are so hard to use!

(One final thing… the requirement to NOT use two or more consecutive letters from your username [which must be your email address on this form], first, or last name seems particularly onerous. And the requirement in the first error message to not use one of your previous EIGHT passwords seems particularly onerous too. Not that that was relevant to me — I had enough trouble entering my first password ;-) )


Firefox Sync Manage Account not visible

September 11, 2013

Ages ago I set up Firefox to sync bookmarks etc. between my main PC and my laptop. It all worked fine. But now I wanted to set up my PC to sync with Firefox on my Android tablet too. I went around in infinite loops trying to get it to work! The PC kept asking me for my recovery key, but every time I followed the Mozilla instructions on how to find it, I came up against a brick wall — there was no ‘Manage Account’ option on my Sync panel under Firefox > Options > Options, and I couldn’t find anything similar on my Android tablet either.

I was ready to give up, but I’m a persistent sod. One of the Google searches I did mentioned something about making sure you are using the same version of Firefox on all your devices. It was time to fire up the laptop, which I haven’t used for a few months. I updated from Firefox v19 to v23 on the laptop, and just for fun, I decided to see if I could see the ‘Manage Account’ button on the laptop’s Firefox installation. And there it was!!!! (I don’t think its appearance had ANYTHING to do with updating Firefox.)

I *think* that I must have set up the sync the first time on that laptop, and therefore the recovery key was accessible from the laptop and not the PC. I saved it to a location on my server, and now will attempt the sync operation with my tablet…

I got a little further with the sync this time — after entering the recovery key on the PC, it said setup was complete, and the Sync panel in the Firefox Options window now shows the ‘Manage Account’ button on my PC too.

However, my tablet is still reporting ‘Waiting for other device…’ I’ll give it another 30 minutes or so as I have an extensive list of bookmarks, etc. About 5 minutes later: The message on the tablet has now changed to ‘Setup complete’ and it tells me that my data is being downloaded in the background.

So it looks like it worked. It was just a matter of going to the correct device to get that recovery key — in this case, my laptop. The process ended being very quick, but I had a lot of frustration trying to figure out what was going on and was going to give up.