Removing unnecessary 'abbr' tags and links

 I have been removing obvious 'abbr' tags from my 'tips' page


I had a lot of fun looking up abbreviations but apparently it is bad style as it interrupts the flow of the reader. This can be especially bad for screen readers.


For example, I was showing the abbreviation for 'PC' and '3d'.


I also now only mention an abbreviation once the first time it is appears in a tip rather than repeating the abbreviation in the same tip. I still repeat abbreviations in different tips as someone might be reading just one tip.  I am now removing unnecessary links for websites mentioned in the tips. 


When I started writing the tips, I thought the idea of HTML, being 'hyper-text', was to have lots of links. So I added a link for every website, book and organistion that I mentioned.  But over time, the number of links grew to be over 500. 


Again, the links, being blue and underline, interrupt the flow of the reader.


I thought the page would be more inviting with lots of diferent colours, font styles and font families.  For example, as well as underlined blue links, I used italic for technical terms and a 'mono' font for code examples. But again this apparently is bad style. 


Also my 'tips' page might rank higher in Google's search with fewer links and abbreviations. The page is very long with over 1000 tips across over 30,000 lines of text. Google's search might also not like all the 'span' elements that are used to set different font styles and font families.


I remove one link each day and check the result. My 'tips' page on my website gradually improves as I upload a new version with a new tip about once a week.





Comments

Post a Comment

Popular posts from this blog

Steve Jobs quotes

 There are some good quotes from Steve Jobs at 'wikiquote.org'. Here are some:     - "I would trade all of my technology for an afternoon with Socrates",     - "Real artists ship",     - "Do you want to spend the rest of your life selling sugared water or do you want a chance to change the world?",     - "It's more fun to be a pirate than to join the Navy",     - "The only problem with Microsoft is they just have no taste",     - "We hired truly great people and gave them the room to do great work",     - "The management philosophy here really is to give people enough rope to hang themselves",     - "You've got to start with the customer experience and work backwards to the technology",     - "Nobody has tried to swallow us since I've been here. I think they are afraid how we would taste.",     - "It looks like it's from another planet. A good planet. A planet with bet...
Read more

Smooth scrolling

Image
 I have been adding 'smooth scrolling' to my pages which have internal links. I add this to my CSS:     :root { scroll-behavior:smooth; }  The browser now shows moving through the page to get to the link. This even works on Firefox and on the old Chrome for Windows7. Sometimes the page scrolls very quickly when I come 'back' to a page where I had gone to a link. I turn 'smooth scrolling' off when the user has asked for 'reduced motion'. I learnt about this from reading the book: 'Responsive Web Design with HTML and CSS' by Ben Frain. I found the book in a branch of my local library. I find different books in the different branches.
Read more

Problem with mobile testing tool

Image
 My game looked strange when I tested it on mobile phones run by 'appetize.io'. There was a thick border around the boards of players. And the game seemed to hang when I pressed a button. I thought maybe Chrome was adding an outline when an 'input' element got the focus. So I tried setting 'outline: 0'. This did not fix the problem. However, when I tested my game on mobile phones at 'browserstack.com' then everything looked fine. I realised that maybe there was a problem at 'appetize.io'. However, 'browserstack.com' only gives you one free minute per device.  Whereas 'appetize.io' gives you 30 free minutes a month. 'appetize.io' worked fine for tablets. This was a few months ago. Now my game looks fine on mobiles run by 'appetize.io'.
Read more