Nathaniel

Pinned

Nathaniel

Mar 17

Why your website should work without JavaScript.

#webdev #a11y #javascript #html

194 50

6 min read

Nathaniel

Dec 19 '20

Why your website should use dithered images

#webdev #webperf #performance #images

65 27

6 min read

Nathaniel

Jul 7

CSS Lens Flare

#showdev #css #webdev #html

16 1

1 min read

Not Another Gradient Generator

It does! Under export options -> CSS background image Th...

Jun 24

Why “dark mode” is more energy-efficient: How to calculate image energy-cost

Earlier this year I forgot my laptop charger and ended up on ...

Apr 20

Why “dark mode” is more energy-efficient: How to calculate image energy-cost

I got that info from scientific america, not to say weather i...

Apr 20

Why “dark mode” is more energy-efficient: How to calculate image energy-cost

This is great. I think this is also true for CRT screens, ma...

Apr 19

What no one told you about CSS Variables

Love the invisible characters thing. Just worked out using va...

Apr 8

Level Up Your CSS with These 50+ Resources

I made #34 – Pattern generator. Appreciate being on the list!

Mar 25

How the Web Audio API is used for browser fingerprinting

Thanks for the link to Blacklight — that's a really interesti...

Mar 24

Where (and how) can a web developer learn more about cyber security?

Awesome thanks, i'll check him out.

Mar 23

View all 47 comments

Nathaniel

Jun 22

Not Another Gradient Generator

#showdev #css #webdev #vue

43 3

3 min read

Nathaniel

Apr 6

Get out of my <head>! redundant head tags you can safely delete

#webdev #html #webperf #performance

28 6

3 min read

Nathaniel

Mar 23

Where (and how) can a web developer learn more about cyber security?

#discuss #webdev #cybersecurity #security

11 2

1 min read

Nathaniel

Mar 22

Spin the Wheel — a customizable roulette wheel in less than 30kb with a no-javascript fallback.

#showdev #webdev #javascript #css

102 7

3 min read

Nathaniel

Mar 18

Fun Tilting Form Validation Idea.

#webdev #css #html #ux

49 3

2 min read

Nathaniel

Mar 16

Why does google's home page declare conflicting character encodings?

#discuss #webdev #webperf #performance

9 1

1 min read

Nathaniel

Mar 15

Do you ever block Javascript?! Why!?

#discuss #javascript #a11y

4 3

1 min read

Nathaniel

Mar 14

An HTML and CSS only dark‑mode toggle button.

#html #css #a11y #javascript

110 4

4 min read

Nathaniel

Feb 23

TIL: You can use css to remove the double-tap zoom feature on iOs

#css #html #ios #ux

1 min read

Nathaniel

Feb 22

Missing Dice

#showdev #javascript #html #css

2 min read

Nathaniel

Jan 5

Can Dark Mode Save Battery Life and Human Civilzation?

#climate #webdev #css #mobile

24 2

3 min read

Nathaniel

Jan 3

TIL: Your DNS has a significant impact on site speed.

#webperf #zzz #dns

2 min read

Nathaniel

Jan 2

TIL: How to add spaces to the dock on MacOS

#productivity #apple #macos

7 1

1 min read

Nathaniel

Jan 1

TIL: You can leave out html, head, and body tags in your HTML.

#html #webperf #webdev

12 6

1 min read

Nathaniel

Dec 26 '20

Listen for Changes Between Dark and Light Mode with Javascript

#javascript #css #webdev

1 min read

Nathaniel

Dec 24 '20

TIL: Use a keyboard shortcut to quickly toggle light and dark mode on MacOs.

#productivity #macos #webdev

12 3

2 min read

Nathaniel

Dec 20 '20

I Built An Online Image Dithering Tool — Dither Me This!

#showdev #webdev #webperf #vue

14 1

1 min read

Nathaniel

Dec 8 '20

.dev and HSTS preload - How to save 71 Bytes on every http request.

#http #performance #security #webperf

2 min read

Nathaniel

Dec 7 '20

TIL: You can restore the startup chimes on MacOS

#mac #macos #macbook

1 min read

Nathaniel

Dec 6 '20

TIL: You can use Emojis as Favicons

#emoji #html #firstpost #favicon

2 min read

DEV Community

DEV Community is a community of 674,199 amazing developers

Badges

Pinned

Why your website should work without JavaScript.

Why your website should use dithered images

CSS Lens Flare

Recent comments

Not Another Gradient Generator

Why “dark mode” is more energy-efficient: How to calculate image energy-cost

Why “dark mode” is more energy-efficient: How to calculate image energy-cost

Why “dark mode” is more energy-efficient: How to calculate image energy-cost

What no one told you about CSS Variables

Level Up Your CSS with These 50+ Resources

How the Web Audio API is used for browser fingerprinting

Where (and how) can a web developer learn more about cyber security?

Not Another Gradient Generator

Get out of my <head>! redundant head tags you can safely delete

Where (and how) can a web developer learn more about cyber security?

Spin the Wheel — a customizable roulette wheel in less than 30kb with a no-javascript fallback.

Fun Tilting Form Validation Idea.

Why does google's home page declare conflicting character encodings?

Do you ever block Javascript?! Why!?

An HTML and CSS only dark‑mode toggle button.

TIL: You can use css to remove the double-tap zoom feature on iOs

Missing Dice

Can Dark Mode Save Battery Life and Human Civilzation?

TIL: Your DNS has a significant impact on site speed.

TIL: How to add spaces to the dock on MacOS

TIL: You can leave out html, head, and body tags in your HTML.

Listen for Changes Between Dark and Light Mode with Javascript

TIL: Use a keyboard shortcut to quickly toggle light and dark mode on MacOs.

I Built An Online Image Dithering Tool — Dither Me This!

.dev and HSTS preload - How to save 71 Bytes on every http request.

TIL: You can restore the startup chimes on MacOS

TIL: You can use Emojis as Favicons