解放区在住氷翠メニュー

メニュー、そしてこだわり

未分類

2019-05-06 23:37

LINEで送る

どうも、氷翠です。

先程、ワードプレスにプラグインで入れてある「ルビ」の機能を使ったら、ページが再読込になり、やる気が失せていました。

連休が終わり、家ではさっぱり勉強もしていなかったのだけど、今日からお仕事ということもあり、勉強をしていました。

で、氷翠のテーマである「サイバー」というデザイン。なかなか難しいもので、うまく表現できていないのが現状です。しかし、表現に限界というなら、別の方向からアプローチをかけてみよう。
うまくいえないのだが、サイバーの表現には、細い線が基本。もちろん太い部分もあるが、太い線が多いと、飽きてくる。
で、これ以上はイマイチわからなかったので、アニメーションを利用しよう。という感じで勉強していました。

そこで、手っ取り早く、アニメーションがついていると飽きがこないだろうと思われる部分が「メニュー」のブロックだ。これはCSSとJavascriptを利用してアニメーションを行うのだが、基本はCSSのアニメーション機能を利用している。

アニメーション自体はそれほど難しくはないのだが、3Dっぽく見せるところが難しい。なかなかうまくいかず、そして、その調整も難しいものだった。しかし、なんとか出来上がった。

これでいこう。

あとは、各ウインドウのような感じで表現していて、その背景は透過させている。ただ透過するだけなら、問題はないが、これには「ぼかし」を利用して、前面と背面を区別できるようにしている。しかも、Safariしかまだ実装されていないようだ。

そんな特殊な機能を使いつつ、作り込んでいく予定。

では、今後は…というと、まず、GoogleAnalyticsを管理ツールの中で見られるようにGoogleAPIを利用しようと考えている。

まだやり方はイマイチわかっていないが、これを効率よくグラフにして、視覚化すると見やすくなるだろう。

その先はまだ考える必要もないが、投稿内容を編集するツールの作成になるだろう。

これらの作業は、いずれ仕事でも役立つものになるはずだ。

一応その辺も考えて開発をしているので。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください