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!

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!

Text Input β˜•οΈ

This research is good and the Material Design has been improved – overall this is a good tale on how to iterate the small things.

Custom Hooks βš“οΈ

This is clever!

React projects are suddenly so much more tidy!

React Hooks are awesome πŸ‘©β€β€οΈβ€πŸ‘¨

Check out the examples in this article – React hooks are so neat.

HOC in React

Loading….

Simple and neat…

Converting to Gatsby βœ…

Gatsby has the ability to interface with most other stuff – it is really nice.

The sites build in Gatsy seem modern and performant πŸ˜ŽπŸš€

CSS Variables 🎨

Simple and very usable!

Conditional rendering React

Just to make it clear – this is how you can do it.

Animation in CSS πŸƒ

This is a good article that shows how to make beautiful animations with CSS.

Animations are a precision game – you need to get it just right before it looks and feels good – there is no 70% done.

Cool Page Flips

This is a cool library for React!

Page flipping – and a demo.

The Suspense is killing me πŸ™„

React gets new features like this in every version and it is good to read up on the new stuff every now and then.

Mythbusting.JS

Let’s bust some myths about Jamstack!

State in React πŸ€“

Read this article if you have problems with state, timing etc. in your React applications – that means, if you work with React you should read this.

Styling React Components 🎨

There are various ways to style React components – all with pros and cons.

Rage Against Dark Patterns 😑

They are called dark patterns because they are not liked by anyone.

They are used because they work.

Language in software πŸ—¨

Multi-lingual software is actually not a trivial task.

There is considerable work in keep translations up to date when evolving the software.

Serverless blog ✏️

I great short article on how to get started with a blog – hosted on Netlify and created with Gatsby – in true serverless manner.

I love Netlify. I love Gatsby. I think you will too.

Dark Mode CSS

This is a neat little trick to have dark mode specific images.

Everything should support dark mode now!

Gauge this! πŸ“ˆ

This is an awesome introduction!

Creating a gauge in React – in SVG.

I absolutely love everything about this!

Numeric input πŸ”’

This is some nifty tricks for numeric input in your HTML πŸ‘

Web dev checklists βœ”

This is the most comprehensive list of checklists I have seen to date πŸ‘©β€πŸ’»