Dan Eastwell, Web Interface Designer and Developer @daneastwell - Tumblr Blog

Plug-in performance - don't forget - a plugin is just another website you load when you load any website.

We've covered that individual <table> cells, <th> and <td> can be position: sticky. It's pretty easy to make the header of a table stick

Bacon saver, this one.

Comprehensible web components library (hybrids) - demo shows it off well.

Simple counter example from hybrids docs, a library for creating web components from plain object and pure functions!

This is very exciting, not least the HTML/CSS only _stopwatch_ (!), and that it's not a hack/trick, and has reliable timing

There’s an old story about a drunk trying to find his keys in the streetlight. Why? Well, because that’s where it’s the brightest. It’s a fu

This is interesting and easy to read (which is the main thing for me) - and it has practical tips

The CMA has opened an investigation into Google’s proposals to remove third party cookies and other functionalities from its Chrome browser.

Both interesting and dull at the same time! :D

I created the exact same app in React and Vue. Here are the differences. [2020 Edition]: 2020 Edition: Now with React Hooks vs Vue 3 + Composition API! by Sunil Sandhu

Overview of a To-do app created React and Vue, which works well as an intro to both platforms.

Mithril is an extremely lightweight framework (routing, view management) for javascript SPAs (10kb). [bookmark] The framework comparison page goes into nice detail https://mithril.js.org/framework-comparison.html

Input: Hello world👩‍🦰👩‍👩‍👦‍👦 Desired Output: 👩‍👩‍👦‍👦👩‍🦰dlrow olleH I tried several approaches but none gave me correct answer. This failed miserablly: const text = 'Hello world👩‍...

“Could you just allow emojis in our text?” yes, until we need to parse it in any way: // String.substring '👨‍👨‍👧‍👧a'.substring(1) => '�‍👨‍👧‍👧a'

When you think of animating CSS properties, which ones come to mind? I recently started wondering about the ones that don’t come to mind — properties that aren’t typically associated with animation […]

important: animating opacity and visibility - visibility flips last. you can fade out.

CSS Grid is a collection of properties designed to make layout easier than it’s ever been. Like anything, there's a bit of a learning curve, but Grid is

Could you use this for an entire site layout?

Simulating object collisions is a rewarding way to learn the basics of HTML canvas and physics simulation.

Great article: Step by step with runnable outcomes at each step 😀

Designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behaviour and context.

This contains great general questions about a design that were relevant at the beginning of the web and are still relevant today 👍

Bite-sized screencasts and tips about React, CSS and Javascript

e.g. .red-box { color: red; border: 2px solid currentColor; box-shadow: 5px 10px currentColor; }

A set of over 350 free MIT-licensed high-quality SVG icons for you to use in your web projects. - tabler/tabler-icons

Very nice icons MIT licensed, not a way off feathericons :)

Why Wikipedia is choosing vue.js (that they can have an upgrade path with jQuery seems significant)

Not only has CSS Grid reshaped the way we think and build layouts for the web, but it has also contributed to writing more resilient code, replacing

Bookmarking this... 👍

#responsive

Trending Blogs

Recently Viewed Blogs

Dan Eastwell, Web Interface Designer and Developer