alis.toを劇的に使いやすくする初心者デザイナーが覚えたいただ一つのCSSタグ

昨日PCでこのalis.toを使ってたのですが何か使いにくいな。。。ということでふと気付いたのですが、ALISというサービスは、「クリックしたこと」をユーザに知らせる機能が全く定義されていないんですね。

WEBサービスはユーザが何かアクションを行った場合、それをユーザに知らせてあげる必要があります。ボタンを押したら「ボタンが押されたよ！次のページを読み込んでるから待っててね！」って言ってあげるべきです。

そこで初心者デザイナーにおすすめなのがこちらのCSS要素。

button:active {
　opacity: 0.7;
}

「active」はボタンを押した時の動作を定義します。「opacity:0.7」は透過させる割合を指定します。そのため、こちらの指定を書くことで、「ボタンが押された時にボタンの透明度を30%減らす」という指定になります。

ただ実際にデザイナーさんはこのようなCSS要素を覚えなくても大丈夫です！実装するエンジニアさんに「ボタンが押された時はこういう感じにしたい」という形で伝えれば伝わると思います。

また、何かWEBデザインする時は以下2つのユーザのアクションを定義すると良いですね。

・マウスカーソルを乗せた時

・クリックした時

デザインだけでなく、ユーザのアクションも定義できるようになると、ワンランク上のデザイナーになれるかと思います。

それでは：）