Authentication in React – JWT

This is not limited to React – but a nice guide that shows how you can do it.

React Functional Components + State Management

Yet another article about managing state in functional React components.

Improve website performance step-by-step

Iteratively improving performance is way better than trying to hammer in a 100 point score in the first try.

WordPress caching explained. All of it!

Caching in CMS’s can be very complex.

Building a progress bar with CSS βœ”

This is very cool!

All input needs a label πŸ‘«

Styling and context is important. Adding labels to input gives that.

Should we stop using fonts for icons?

This article has some good arguments – but sometimes it is not possible to find you icons as SVG.

Using persistant Redux store

Persisting data seems useful 😁

Javascript Clipboard Access! Finally!! 😍

This API is slick and actually supported!

Copy/paste in Javascript 🀯

This is easy!

Start making graphs with C3.js πŸ“Š

Nice simple guide!

How does Redux work? πŸ€·β€β™€οΈπŸš€

This is another nice and short article that describe very clearly what you need to understand about Redux reducers.

Upload with AJAX

This is cool and to-the-bone.

AJAX/jQuery + PHP.

Utilizing browser caching in WP

Telling the browser to cache stuff should really be a priority.

Changing favicon

Flashy! Nice! πŸ€“πŸ‘

Combining sticky and full bleed

The CSS is strong with this one.

Sticky elements can be annoying – but they are useful if done right.

Locomotive Scroll 101

Please don’t overuse this 🀒

Meta tags in WordPress

Simple ?‍♀️?

ARIA in HTML

Accessibility is key here.

Submit button outside form

Mind = blown!

Be flexible CSS

Learn and understand the different flex-types in CSS.

Case: Gatsby uses WordPress

I like these case studies and articles about why choices where made.

Better WordPress comments

Here are some suggestions how to make WordPress comments and the commenting system better.

Mixing colors in CSS

Neat trick.

More CSS tools

Even more ways to hide stuff ???

But seriously – you should know the difference between them.

Common Vue.js mistakes

Make sure you don’t make ’em…

Background Workers in JS

Kinda neat….

Browser storage

This is a good short usable tutorial on the different types of browser storage.

Prevent pasting

Smart trick. But why??

Touch/Face ID for Web

Amazingly this is what we need, when we need it.

JAMstack + WordPress

The dynamic duo! Read about why it is so awesome!

Forever URLs

The point is clear: Don’t ever break URLs – get them working forever!

Start with Next.js

It seems like it’s the future!

Turn website into apps

This sounds a bit too magical….

React + TypeScript + Redux Toolkit

= a good time?

It is as cool as it sounds.

Scaling WordPress

Step one: Know you have a problem!

This guide helps you identify scaling issues with your hosting solution.

Learnability in webdesign

This is a must read!

Let the users learn how you interact with them!

In-browser Markdown

And it’s fast!

Cool!

JSX in React 17

This is going to be awesome! Not having to import React in every file is going to save about a million lines, right?

Functional rewrite

This is a nice article describing the process of rewriting a React app to functional components.

WebComponents failed?

Are WebComponents a failed solution to the wrong problem?

Wonderful CSS3

These are some awesome examples! You need to know.

Hugo is good

My websites was made with Hugo before switching to Gatsby.

Hugo has the advantage that it produce clean HTML with no fancy stuff.

Web Share API

This is an awesome API!

The article sums it up very nicely – just use it already…

I couldn’t get it to run though (the Codepen examples) and Can I Use told me why (Firefox! ?).

5 security tips for WordPress

Everybody should know…

Building a PokΓ©dex

React. GraphQL.

Buzzwords, gotta catch ’em all!

Wikipedia is changing layout

This is a world class event.

Running Lighthouse from code

Test often!

You can’t be clicking all the time.

Put React in Docker ?

Cool. Cool cool cool.

CORS vs Django

The CORS problem is not unique to Django. Very universal.

Responsive comparison

These are some neat tools to check rendering in different screen sizes.

WP Security top 5

These are good advice when starting a WordPress site.

Get started with PWA

This is an ultra short teaser to get you started with building PWAs.

Jamstack quickie!

Nice short article on getting stuff up and running with Netlify and Airtable.

Hire a frontender?

I see the point – normally I’d be “hey fullstack please”, but frontend development goes back and forth and to have a perfect frontend you need a dedicated resource to focus on making it perfect.

Like any craft frontend development needs experts.

WP Auto Updates?

IMHO you should enable Auto Updates. The benefit greatly outweighs the risks – security is top priority.

Redux your app

This article is a very comprehensive real-life guide to setting up your real-world application with Redux as data store.

CSS Stacked Cards ?

Cool CSS ?

Headless WordPress ?‍♀️

What it is and when to use it…

Learning to be a Web Designer

This is some good advice.

Conditional CSS ?

A good read that will teach you how to limit the amount of CSS that will be loaded.

Product tours in React ?‍?

Product tours can be a very effective tool to teach new users how to get around your app/site.

Reponses in HTTP

A nice summary of HTTP response codes and their meaning.

100% of what?!

This article is an awesome peice of information and interactivity!

Find out what 100% even means in CSS!

SEO for developers ?

This is a very good explenation of SEO tailored for developers.

? Launching a WP site

It’s a good guide…

Styles React components

Get up-to-date quickly on the ins and outs of styled components with React.

Basic API security

REST API security 101 – nice article.

Architecture of web apps?

Introduction to web application architecture.

Can’t we just call it application architecture at this point? ?‍♀️

How WordPress works βš™οΈ

This is a good article on the inner workings of WordPress.

Get info on how WordPress stores, fetches and renders posts/pages/etc..

Against the modern web

There are some good points in the article – it is kinda sad that at some point browsers like Links was working perfectly fine and now they only deliver an acceptable pageview in a small percentage of cases.

inline-block ?‍♀️

This article sums up quite nicely when to use inline-block (in CSS) and what elements could benefit from it.

Don’t change location ?

This has been the gold standard for years!

WebRTC is cool ?

Seriously – WebRTC is some cool technology – I can’t even begin to imagine how many awesome things can be made with this!

And this Javascript library makes it very easy! β˜•οΈ

Good-to-know CSS ?

This is all very very good information for anyone dealing with CSS.

Many of the points here is something we all should be able to answer but probably aren’t!

Optimizing React apps ?‍♀️

Key takeaway: Do less work!

Emphasize Italics ??

This article does a good job of the describing the different types of italics.

They are not all equal – especially to screen readers.

Shoelace! ?

Is this a Bootstrap killer?

It’s not as extensise as Bootstrap – but that might actually be a good thing!

I like this library!

Custom Hooks βš“οΈ

This is clever!

React projects are suddenly so much more tidy!

Flash forward!

The story of Flash is a fascinating tale of the history of the internet.

We don’t need Flash anymore. We don’t need Java (Applets) anymore. But they did solve some real problems for us.

Fixing Accessibility

If accessibility means anything to you at all you should check out this article.

Headings and IDs

Just give all your headings an ID – easy.

The jQuery bit in this article is a bit naughty ?

Landing page in WP

Landing pages are the crux of most commercial web usage – this article shows you how to create them in WordPress.

Reset WordPress

Why and how…. Short and simple!

Events in JS ?

Native Javascript are actually very nice ?

Stressing websites ?

This is actually a very strong point that I haven’t thought about – all of these fancy effects on your website is stressing out your visitors. Keep it simple please.

Simple websites have the advantage of not needlesly draining my laptop battery.

Dark Mode on the web ?

This is an excellent guide!

On landing pages

Landing pages are so essential. This is a great writeup on how to do them properly.

Website vitals ?

A short nice article that describe how site health is determined.

Serve video not GIFs? ?

A valid point. Videos should be the future!

The comments mention som behavior that is not wanted – like when dragging an MP4 vs a GIF to a program like Discord the difference is shocking. One tries to send a file (ouch!) and the other shows a nice image.

But video should be kept in video format. We can fix the software.

Website Language Selection ?

It’s a good point.

Don’t set the language of a website based on location – use the signals already sent by the browser: The language it uses!

Pro tip: You (web server) don’t know my location anyway ?‍♀️

SVG favicon ?

Start the fireworks!

Favicons can be animated / dynamic SVGs!