Skip to content
Navigation menu
Search
Search
Log in
Create account
DEV Community
Close
DEV Community
is a community of 890,060 amazing developers
We're a place where coders share, stay up-to-date and grow their careers.
Create account
Log in
Home
Listings
Podcasts
Videos
Tags
FAQ
Forem Shop
Sponsors
About
Contact
Guides
image/svg+xml
Software comparisons
Other
Code of Conduct
Privacy Policy
Terms of use
Twitter
Facebook
Github
Instagram
Twitch
100 Days in Kyoto to Create a Web App with Google Maps API Series' Articles
Back to Masa Kudamatsu's Series
Day 1: Creating SaaS to solve my own problem
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Aug 16 '21
Day 1: Creating SaaS to solve my own problem
#
googlemaps
#
saas
#
kyoto
#
ux
Reactions
2
reactions
Comments
Add Comment
9 min read
Save
Saved
Day 2: Finding design concept to drive UI design process
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Aug 20 '21
Day 2: Finding design concept to drive UI design process
#
googlemaps
#
kyoto
#
design
#
saas
Reactions
1
reaction
Comments
Add Comment
11 min read
Save
Saved
Day 3: Visualizing design concept with mood boards
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Aug 23 '21
Day 3: Visualizing design concept with mood boards
#
uxdesign
#
uidesign
#
googlemaps
#
kyoto
Comments
Add Comment
9 min read
Save
Saved
Day 4: Customizing Google Maps color scheme (and its place label visibility)
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Sep 3 '21
Day 4: Customizing Google Maps color scheme (and its place label visibility)
#
googlemaps
#
saas
#
webdev
#
design
Reactions
2
reactions
Comments
Add Comment
22 min read
Save
Saved
Day 5: Switching embedded Google Maps into custom dark mode after 6pm
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Sep 8 '21
Day 5: Switching embedded Google Maps into custom dark mode after 6pm
#
googlemaps
#
darkmode
#
ux
#
webdev
Reactions
6
reactions
Comments
Add Comment
24 min read
Save
Saved
Day 6: Customizing Google Maps place markers with asterisks from Google Fonts
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Sep 16 '21
Day 6: Customizing Google Maps place markers with asterisks from Google Fonts
#
googlemaps
#
uidesign
#
webdev
#
darkmode
Reactions
2
reactions
Comments
Add Comment
20 min read
Save
Saved
Day 7: Making buttons look like "clouds" for embedded Google Maps
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Sep 30 '21
Day 7: Making buttons look like "clouds" for embedded Google Maps
#
svg
#
buttons
#
uidesign
#
webdev
Reactions
9
reactions
Comments
3
comments
26 min read
Save
Saved
Day 8: Positioning buttons over embedded Google Maps
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Oct 7 '21
Day 8: Positioning buttons over embedded Google Maps
#
googlemaps
#
styledcomponents
#
css
#
uidesign
Reactions
6
reactions
Comments
Add Comment
18 min read
Save
Saved
Day 9: Picking the dark-mode color palette for web app buttons logically
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Oct 15 '21
Day 9: Picking the dark-mode color palette for web app buttons logically
#
darkmode
#
color
#
uidesign
#
button
Reactions
6
reactions
Comments
Add Comment
10 min read
Save
Saved
Day 10: Fixing a bug that renders buttons in dark mode but embedded Google Maps in light mode
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Oct 16 '21
Day 10: Fixing a bug that renders buttons in dark mode but embedded Google Maps in light mode
#
nextjs
#
react
#
darkmode
#
webdev
Reactions
5
reactions
Comments
Add Comment
8 min read
Save
Saved
Day 11: web app vs native app on location services
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Oct 19 '21
Day 11: web app vs native app on location services
#
googlemaps
#
geolocation
#
webapp
#
webdev
Reactions
3
reactions
Comments
Add Comment
7 min read
Save
Saved
Day 12: Showing user location on embedded Google Maps (with Geolocation API and React)
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Oct 26 '21
Day 12: Showing user location on embedded Google Maps (with Geolocation API and React)
#
geolocation
#
react
#
googlemaps
#
webdev
Reactions
5
reactions
Comments
Add Comment
18 min read
Save
Saved
Day 13: Flashing tapped button while user is waiting (with React and Styled Components)
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Oct 26 '21
Day 13: Flashing tapped button while user is waiting (with React and Styled Components)
#
styledcomponents
#
react
#
cssanimation
#
webdev
Reactions
4
reactions
Comments
Add Comment
11 min read
Save
Saved
Day 14: Tracking user location on embedded Google Maps
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Nov 2 '21
Day 14: Tracking user location on embedded Google Maps
#
googlemaps
#
react
#
geolocation
#
webdev
Reactions
4
reactions
Comments
2
comments
10 min read
Save
Saved
Day 15: Showing user's direction of movement on embedded Google Maps
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Nov 4 '21
Day 15: Showing user's direction of movement on embedded Google Maps
#
geolocation
#
googlemaps
#
webdev
#
svg
Reactions
6
reactions
Comments
Add Comment
9 min read
Save
Saved
Day 16: Icon buttons should be labelled with aria-label
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Dec 17 '21
Day 16: Icon buttons should be labelled with aria-label
#
a11y
#
html
#
button
#
svg
Reactions
5
reactions
Comments
Add Comment
6 min read
Save
Saved
Day 17: Styling a search box like Google's
Masa Kudamatsu
Masa Kudamatsu
Masa Kudamatsu
Follow
Aug 11
Day 17: Styling a search box like Google's
#
html
#
css
#
webdev
#
searchbox
Reactions
4
reactions
Comments
Add Comment
17 min read
Save
Saved
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account