開発どうも、氷翠です。会社の人からデザインの参考にするため、メニューのボタンひとつを作ってもらい、それを元にしてデザインしてみた。氷翠の永遠のテーマである「サイバー」なデザイン。非常に難しいものです。家ではあまりPhotoshopを使っていません。氷翠は元々イラストレーターを使う方なので。そこで、イラストレーターを使って、デザインをしていきますが、最近ではまずスマホのデザインから入るのですね。いうことで、まずはスマホの大きさでイラストレーターを使ってデザイン。最初に作るものはメニューの部分から。ヘッダー、フッター、メニューを作り、コンテンツの部分はダミーとしておきます。念のためにこのダミーコンテンツは300vh。3画面分の高さをわざとにもたせています。スクロールしたときにどういった影響がでるのか、検証しなくてはいけませんから。はじめから高さをつけておきます。画像は実際にHTMLを組んだ画面です。えぇ、なんとか完成しています。デザインの段階なので、PHPは一切組んでおらず、HTML、CSS、Javascriptだけです。テーマが「サイバー」ということもあって、やはり動きがないとサイバーの雰囲気というのは出てこない。いうことで、アニメーションを盛り込んでみた。現在、アニメーションを導入する方法として、Jqueryの「animateメソッド」を利用する。一つはCSSの「@keyframe」を利用する。この2つがあるのだが、どちらにするか。アニメーションを開始するタイミングをjqueryで、あとはCSSで表現。久々に濃い計算をすることになり、なかなか思うようにいかない。そこは根性でなんとか自分のイメージ通りの動きを表現することができた。コメントをキャンセルメールアドレスが公開されることはありません。»Ajax2020.02.14Javascriptでやられてます。2020.02.10久々にゲーム三昧。k-icegreen.com。