メニュー、そしてこだわり
2019-05-06
どうも、氷翠です。
先程、ワードプレスにプラグインで入れてある「ルビ」の機能を使ったら、ページが再読込になり、やる気が失せていました。
連休が終わり、家ではさっぱり勉強もしていなかったのだけど、今日からお仕事ということもあり、勉強をしていました。
で、氷翠のテーマである「サイバー」というデザイン。なかなか難しいもので、うまく表現できていないのが現状です。しかし、表現に限界というなら、別の方向からアプローチをかけてみよう。
うまくいえないのだが、サイバーの表現には、細い線が基本。もちろん太い部分もあるが、太い線が多いと、飽きてくる。
で、これ以上はイマイチわからなかったので、アニメーションを利用しよう。という感じで勉強していました。
そこで、手っ取り早く、アニメーションがついていると飽きがこないだろうと思われる部分が「メニュー」のブロックだ。これはCSSとJavascriptを利用してアニメーションを行うのだが、基本はCSSのアニメーション機能を利用している。
アニメーション自体はそれほど難しくはないのだが、3Dっぽく見せるところが難しい。なかなかうまくいかず、そして、その調整も難しいものだった。しかし、なんとか出来上がった。
これでいこう。
あとは、各ウインドウのような感じで表現していて、その背景は透過させている。ただ透過するだけなら、問題はないが、これには「ぼかし」を利用して、前面と背面を区別できるようにしている。しかも、Safariしかまだ実装されていないようだ。
そんな特殊な機能を使いつつ、作り込んでいく予定。
では、今後は…というと、まず、GoogleAnalyticsを管理ツールの中で見られるようにGoogleAPIを利用しようと考えている。
まだやり方はイマイチわかっていないが、これを効率よくグラフにして、視覚化すると見やすくなるだろう。
その先はまだ考える必要もないが、投稿内容を編集するツールの作成になるだろう。
これらの作業は、いずれ仕事でも役立つものになるはずだ。
一応その辺も考えて開発をしているので。
コメントを残す