Skip to content
Navigation menu
Search
Powered by
Search
Algolia
Search
Log in
Create account
DEV Community
Close
Web Dev Survey from Kyoto Series' Articles
Back to Masa Kudamatsu's Series
Beyond create-react-app: Why you might want to use Next.js or Gatsby instead
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Nov 30 '20
Beyond create-react-app: Why you might want to use Next.js or Gatsby instead
#
react
#
nextjs
#
gatsby
#
navi
66
reactions
Comments
4
comments
12 min read
How to use HTML Canvas with React Hooks
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Dec 9 '20
How to use HTML Canvas with React Hooks
#
react
#
canvas
21
reactions
Comments
Add Comment
7 min read
React Hooks to scroll-animate a top app bar in Material Design style
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Jan 20 '21
React Hooks to scroll-animate a top app bar in Material Design style
#
react
#
styledcomponents
#
materialdesign
4
reactions
Comments
Add Comment
9 min read
Definitive edition of "How to Favicon" in 2023
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Jan 27 '21
Definitive edition of "How to Favicon" in 2023
#
favicon
#
html
163
reactions
Comments
35
comments
21 min read
Loading Google Fonts and any other web fonts as fast as possible in early 2021
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Feb 1 '21
Loading Google Fonts and any other web fonts as fast as possible in early 2021
#
webfont
#
googlefonts
#
html
22
reactions
Comments
3
comments
8 min read
Which fallback fonts should we choose to make FOUT less jarring
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Feb 3 '21
Which fallback fonts should we choose to make FOUT less jarring
#
fout
#
webfonts
#
webtypography
6
reactions
Comments
1
comment
6 min read
4 gotchas when setting up Google Maps API with Next.js and ESLint
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Feb 12 '21
4 gotchas when setting up Google Maps API with Next.js and ESLint
#
googlemaps
#
nextjs
#
eslint
#
react
18
reactions
Comments
3
comments
10 min read
How to handle invalid user inputs in React forms for UX design best practices
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Mar 15 '21
How to handle invalid user inputs in React forms for UX design best practices
#
react
#
webdev
#
uxdesign
#
webform
15
reactions
Comments
Add Comment
14 min read
JSON web tokens are NOT meant for authenticating the same user repeatedly: Use session tokens instead
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Apr 10 '21
JSON web tokens are NOT meant for authenticating the same user repeatedly: Use session tokens instead
#
webdev
#
express
#
jsonwebtoken
#
security
451
reactions
Comments
53
comments
7 min read
Everything about `<abbr>`: when to use it and how to style it in small caps
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Apr 27 '21
Everything about `<abbr>`: when to use it and how to style it in small caps
#
typography
#
html
#
css
11
reactions
Comments
3
comments
14 min read
Everything about `<hr>`: When to use it and how to style it
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
May 1 '21
Everything about `<hr>`: When to use it and how to style it
#
html
#
css
#
typography
18
reactions
Comments
1
comment
7 min read
Choosing semantic HTML mark-up for italic text, guided by Chicago Manual of Style
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
May 9 '21
Choosing semantic HTML mark-up for italic text, guided by Chicago Manual of Style
#
html
#
typography
#
webdev
4
reactions
Comments
1
comment
6 min read
Making embedded YouTube videos (1) responsive, (2) accessible, and (3) less YouTube-looking
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
May 18 '21
Making embedded YouTube videos (1) responsive, (2) accessible, and (3) less YouTube-looking
#
html
#
css
#
iframe
#
youtube
8
reactions
Comments
1
comment
4 min read
Mastering the art of `alt` text for images
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
May 19 '21
Mastering the art of `alt` text for images
#
html
#
a11y
#
images
25
reactions
Comments
5
comments
11 min read
Don't nest <nav> inside <header>. Do nest the hamburger menu button inside <nav>.
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Jun 12 '21
Don't nest <nav> inside <header>. Do nest the hamburger menu button inside <nav>.
#
a11y
#
html
#
webdev
32
reactions
Comments
8
comments
7 min read
Glassmorphism for Firefox
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Dec 3 '21
Glassmorphism for Firefox
#
glassmorphism
#
css
#
firefox
8
reactions
Comments
Add Comment
23 min read
Responsive images: DIY implementation in 6 steps
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Aug 5 '23
Responsive images: DIY implementation in 6 steps
2
reactions
Comments
Add Comment
9 min read
Vanilla JS carousel that is accessible, swipeable, infinite-scrolling, and autoplaying
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Aug 4
Vanilla JS carousel that is accessible, swipeable, infinite-scrolling, and autoplaying
#
webdev
#
javascript
#
a11y
#
css
33
reactions
Comments
5
comments
27 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account