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!


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!