You are sailing on a lake
dyed red at sunset.
By the time the full moon rises,
you change to a small houseboat
in which you join a tea ceremony
while staring at the moon
reflected on the lake…
This is an experience you can have just by seeing waterless gardens at Koho-an Temple, a hidden gem in Kyoto:
You’ve probably never heard of Koho-an Temple, which rarely opens its door to the public. Last month, I had a rare chance to visit the temple and attend a tea ceremony held in its critically-acclaimed teahouse called Bosen.
Gardens are seamlessly…
This article describes:
I’m making a web app called My Ideal Map App, which aims to improve the UX of Google Maps. The core feature is to let the user save the places of their interest and then to show these saved places around the user’s current…
This article describes three things:
This article describes
I’m creating a web app which embeds Google Maps in custom style.
I find it a bit tricky to customize the color scheme of Google Maps and to control the visibility of place labels by zoom level.
This article shares what I have learned about how to custom-style…
In the previous article, I discussed the importance of having a design concept before starting to design the user interface of an app (or anything to be designed). Design concept alone doesn’t help the design process, however. Designers need to visualize the concept with what is known as a mood board.
Here’s how I have created mood boards for the web app I’m creating, starting with an example of user experience that I want to achieve with the app called My Ideal Map App.
Before starting to design the user interface of an app, I believe it’s beneficial to find a design concept of the app first. A solid concept will guide each and every design decision throughout the project and, as a result, bring the visual consistency across all the design elements.
Here’s how I have found a design concept for the web app I’m creating, starting with an example of user experience that I want to achieve with the app called My Ideal Map App.
(See my previous post for #1).
I was at home planning my visit to Fukuda Art Museum…
Solving your own problem is the best way to start creating a SaaS on your own. Here’s how I’ve started creating My Ideal Map App, a web app that will improve the UX of Google Maps for my own personal use.
A while ago, I was visiting an eyewear shop in central Kyoto to replace the lenses of my glasses.
After a consultation with the shop staff, I was told new lenses would be ready by 2:00 pm. I looked at the clock. It was around noon. …
NOTE: If you’re not a Medium member, read the ungated version of this article.
<head> element of your HTML document, insert
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
<link rel="manifest" href="/site.webmanifest" />
site.webmanifest is a JSON file with the content like this:
"name": "Your website name",
"short_name": "A shorter version of your website name",
"background_color"to your favicon design specification
Then create a favicon…
Material Design, Google’s UI design system, rejects the animation of flipping a card in response to the user clicking/tapping of it. Material Design’s official documentation clearly states this:
I wonder why. The documentation is quiet about it.
Maybe most people think it’s just a stylistic preference of Google’s designers. However, the more I learn about the nitty-gritty details of Material Design, the more convinced I am that Google’s designers, led by Matias Duarte, have built Material Design in a very logical manner. Which makes me think that there must be a solid reason for the rejection of card-flipping animation.
NOTE: This article was originally published in Dev.to.
Imagine you need to build a web site with a top app bar like this one:
And tapping the hamburger menu button on the left will open a navigation menu: