Tech News From
Around The Globe

Tech News, Search Engine Optimization Instructions,
and HOW TOs From Around the Globe.

Submit your guest posts here.

Tech News 64

CSS :nth-of-class selector

That’s not a thing. But it kinda is! Bram covers how frustrating .bar:nth-child(2) is. It’s not “select the second element of class .bar.” It’s “select …

Read More →
Tech News 65

Building a Real-Time Chat App with React and Firebase

In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, …

Read More →
Tech News 64

CSS Can Influence Screenreaders

Ben Myers covers some clear examples of where CSS totally changes what some screen readers announce. For example, some screenreader will see text-transform: uppercase; on …

Read More →
Tech News 64

Flexible Repeating SVG Masks

Tyler Gaw reminds us that mask-image can repeat, resize, and move just like background-image does, which is fun to combine and play with. I could …

Read More →
Tech News 64

Auto-Archival

I’m sure most of us have used the ol’ Wayback Machine to access some site that’s gone offline. I don’t actually know how it decides …

Read More →
Tech News 64

Client-Side Image Editing on Mobile

Michael Scharnagl: Ever wanted to easily convert an image to a grayscale image on your phone? I do sometimes, and that’s why I build a …

Read More →
Tech News 70

Neumorphism and CSS

Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by …

Read More →
Tech News 71

CSS2JS

To add inline styles on an element in JSX, you have to do it in this object syntax, like: <div style={{ fontSize: 16, marginBottom: “1rem” …

Read More →
Tech News 72

React Suspense in Practice

This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We’ll look at …

Read More →
Tech News 73

Consistent Backends and UX: What are the Barriers to Adoption?

Article Series Why should you care?What can go wrong?What are the barriers to adoption?How do new algorithms help? (Coming soon) There are very few scenarios …

Read More →
Tech News 74

A Few Background Patterns Sites

If I need a quick background pattern to spruce something up, I often think of the CSS3 Patterns Gallery. Some of those are pretty intense …

Read More →
Tech News 75

What Does `playsinline` Mean in Web Video?

I got myself confused about this the other day, went around searching for an answer and came up empty on finding something clear. The answer …

Read More →
Tech News 76

Playing With Particles Using the Web Animations API

When it comes to motion and animations, there is probably nothing I love more than particles. This is why every time I explore new technologies …

Read More →
Tech News 64

Flexbox and absolute positioning

Chen Hui Jing notes that when you absolutely position a flex item, it’s no longer part of the flex layout. Except… it kinda is a …

Read More →
Tech News 64

Severe Flaws Patched in Responsive Ready Sites Importer Plugin

https://www.wordfence.com/wp-content/uploads/2020/03/Artboard-1-8.pngOn March 2nd, our Threat Intelligence team discovered several vulnerable endpoints in Responsive Ready Sites Importer, a WordPress plugin installed on over 40,000 sites. These …

Read More →
Tech News 79

A Complete Guide to calc() in CSS

CSS has a special calc() function for doing basic math. Here’s an example: .main-content { /* Subtract 80px from 100vh */ height: calc(100vh – 80px); …

Read More →
Tech News 64

Tools for Optimizing SVG

Command Line Tools The biggest (and maybe only?) player in this space: SVGO. It’s even used under the hood of other tools. Using with a …

Read More →
Tech News 81

How to Create a “Skip to Content” Link

Skip links are little internal navigation links that help users move around a page. It’s possible you’ve never actually seen one before because they’re often …

Read More →
Tech News 82

15 Things to Improve Your Website Accessibility

This is a really great list from Bruce. There is a lot of directly actionable stuff here. Send it around to your team and make …

Read More →
Tech News 64

CSS X

My name appears in an article from Bert Bos (co-author of the original CSS spec), so I’ll consider that a life accomplishment. Bert makes the …

Read More →
Tech News 64

Stop Using “Dropdown”

Adrian Roselli notes that it might actually mean: A <select> menuAn ARIA Listbox, Combobox, Menu, or Disclosure WidgetAn input with a <datalist>An input with autocompleteA …

Read More →
Tech News 86

Helping Visitors Find What They Need Using Custom Searches

If your site has a lot of information, the best way to let visitors find what they need is with a custom search. Toolset Blocks …

Read More →
Tech News 87

How to Make Repeating Border Images

I just saw this cool little site from Max Bittker: broider. You design an image on a 9-slice grid (except the middle part) and it …

Read More →