Bostonian Adam

Author: BostonianAdam

  • WordPress 5.9: How to easily change blog posts list layout

    So with WordPress 5.9, the theme customizer is gone (don’t worry it is still there for past themes, but not for new Block Themes) and we have the new Block Editor (for Block Themes), which has a lot of promise but needs some polishing. The “Twenty Twenty-Two” theme that comes with WordPress 5.9, is a…

  • CSS: REMs vs EMs

    So you’ve been using pixels (px) for your font sizes since you first learned CSS, but you’ve been hearing about REM and EM units and how they should be used for today’s websites instead of pixels. Before I try to explain how they work, what exactly are they? An EM is a CSS unit mainly…

  • Sharing resources and articles – August 2021

    It’s been a long time since I’ve posted one of these, a post where I share resources and interesting news from around the web in the past month. Windows 11: Do I have to upgrade from Windows 10? What to know – Article from CNET.com What is a TPM? And here’s why you need it…

  • Disabling tab hover cards in MS Edge

    In a previous blog post I listed the steps for disabling tab hover cards in Chrome but now I must share how to do the same in the Microsoft Edge web browser. If you’re using MS Edge and not sure what a tab hover card is, move your mouse cursor to a tab, leave it…

  • Bootstrap 5 is here

    Bootstrap 5 is here and tutorials and websites are being created about it around the web. One good source for web development video tutorials is Traversy Media on YouTube and he recently put out a beginner-friendly crash course using Bootstrap 5 to create a simple website. You can watch the crash course video down below…

  • New CSS to style underlines

    Mozilla’s Jen Simmons posted a video on YouTube recently talking about some new CSS for styling underlines, “text-underline-offset,” “text-decoration-thickness,” and “text-decoration-skip-ink.” The video I am referring to is embedded below and I added a few simple code examples down below as well. I think these new styles will be useful and web developers can now…

  • How to stop showing box that appears when mousing over Chrome tabs

    A recent Chrome browser update brought “tab hover cards” which are small boxes that appear when you put your mouse on a tab. These boxes display the website’s “title” tag and domain name, as shown in the screenshot below. For me, these tab hover cards started to annoy me, as they block part of the…

  • Sharing resources and articles – September 2019

    Here’s a quick sharing resources post with a few links to websites and articles I found interesting. Off Page SEO: 3 Quick Fixes and 3 Long Term Strategies – Blog post from Shopify.com Bootstrap Vue v2 has been released Understand how hackers work – Blog post from blog.mozilla.org, talks about how hackers think How to…

  • How to add a circle border around a Font Awesome icon

    I was recently working on building a webpage and I ran into an issue where I wanted to add a circular border around an icon. I was using Bootstrap 4 for the page’s layout and Font Awesome for the icons. I tried a few things with Bootstrap’s border utilities but it couldn’t do what I…

  • Sharing resources and articles with you: UX, favicon, bad habits and more

    I came across a few good articles, blog posts and tools that I wanted to share with you, from UX to avoiding bad habits and unprofessional vocabulary and more. Promotion: Get 20% off with coupon code DISCOUNT20 – Coupon expires August 31st. Create your website today! 22 Basic UX Laws That Every Designer Should Know…