Focus Styles on Non-Interactive Elements?

Last month, Heather Migliorisi looked at the accessibility of Smooth Scrolling. In order to do smooth scrolling, you:

  1. Check if the clicked link is #jump link
  2. Stop the browser default behavior of jumping immediately to that element on the page
  3. Animate the scrolling to the element the #jump link pointed to

Stopping the browser default behavior is the part that is problematic for accessibility. No longer does the #jump link move focus to element the #jump link pointed to. …


Focus Styles on Non-Interactive Elements? is a post from CSS-Tricks

Using Fetch

Whenever we send or retrieve information with JavaScript, we initiate a thing known as an Ajax call. Ajax is a technique to send and retrieve information behind the scenes without needing to refresh the page. It allows browsers to send and retrieve information, then do things with what it gets back, like add or change HTML on the page.

Let’s take a look at the history of that and then bring ourselves up-to-date.

Another note here, we’re going to be …


Using Fetch is a post from CSS-Tricks

40+ Most Notable Big Name Brands that are Using WordPress

Do you want to know which big name brands are using WordPress? One of the common misconceptions about WordPress is that since it is open source, it may not be good enough for big brands. To disprove this myth, we have created a list of… Read More »

The post 40+ Most Notable Big Name Brands that are Using WordPress appeared first on WPBeginner.

How to Let Users Filter Posts and Pages in WordPress

Do you want to allow users to filter posts and pages on your WordPress site? Recently, one of our users asked us how to add filters to their WordPress site allowing users to filter posts by category, tags, post types, etc. In this article, we… Read More »

The post How to Let Users Filter Posts and Pages in WordPress appeared first on WPBeginner.

25 Best WordPress Themes for Cafes (2017)

Are you looking for best WordPress themes for cafes? There are so many great WordPress themes out there which makes it difficult to find the perfect theme for your cafe or restaurant business. In this article, we have hand-picked some of the best WordPress themes… Read More »

The post 25 Best WordPress Themes for Cafes (2017) appeared first on WPBeginner.

Think you know the top web browsers?

If I had to blindly guess about global marketshare, I would have gotten it wrong. I probably would have forgotten about UC browser (kind of the point of Peter O’Shaughnessy’s article) that’s so huge in Asia. I would have guessed Firefox has a slight edge on Safari (turns out Firefox is half the share of Safari), and that Edge would be outpacing IE by now (also only half).

This is good dinner party conversation fodder, but I wouldn’t base any …


Think you know the top web browsers? is a post from CSS-Tricks

How to Add Hreflang Tags in WordPress

Do you want to add hreflang tags in your WordPress posts and pages? If you publish content in multiple languages or for different regions, then hreflang tag helps you improve SEO for those regions and languages. In this article, we will show you how to… Read More »

The post How to Add Hreflang Tags in WordPress appeared first on WPBeginner.

The Many Tools for Shape Morphing

To no one’s surprise, I’m sure, there are lots of different ways to do the same thing on the web. Shape morphing, being a thing on the web, is no different. There are some native technologies, some libraries that leverage those, and some libraries that do things all on their own. Let’s look at some of the options (with demos) and weigh the advantages and disadvantages.

SMIL

The original, native technology for shape morphing is SMIL. We have both a


The Many Tools for Shape Morphing is a post from CSS-Tricks

PWA Directory

The other day I was watching an interview with Ade Oshineye where he discussed his work on the PWA Directory at Google, a showcase of progressive web apps. And it’s pretty neat!

It lists a whole bunch of PWAs out there and you can filter them by Lighthouse metrics – that’s the auditing tool from Google that scores a web app and gives us developers the ability to improve them.

Direct Link to ArticlePermalink


PWA Directory is a post from CSS-Tricks