webOpixel

jQuery+CSS3で円が画面全体に広がる系スマホメニュー

jQuery+CSS3で円が画面全体に広がって表示するようなスマホ用のメニューを作ってみました。

投稿日2016/05/27
更新日2019/04/13

jQueryでシンプルなイベントカレンダー

jQueryでつくったすごくシンプルなイベントカレンダーです。

投稿日2016/05/17
更新日2016/05/17

Dynamics.jsで重力感のあるドロップダウンメニュー

Dynamics.jsを使うと物理アニメーションっぽいのが簡単に作れるらしいです。
ということで簡単なドロップダウンメニューを作成してみました。

投稿日2016/04/18
更新日2019/04/13

Vue.jsやってみた

View.jsは最近流行のMV*フレームワークの中でも学習コストが低く割りと簡単に使えるらしいです。
とうことでちょっとだけ試してみました。

投稿日2016/03/23
更新日2016/03/23

CSS3でマウスオーバーしたボタンだけ横幅をアニメーションで広げて、他は狭くするやつ（Flexbox）

横並びのナビゲーションとかでマウスオーバーしたボタンだけ横に広がって、大きくなった分だけ他のボタンが狭くなるというやつです。
ちょっと説明よくわからないですが、サンプルを用意しました。

投稿日2016/02/29
更新日2019/04/13

Sketch3でWebデザインするために最低限知っておきたいこと

Fireworksの移行先としてSketchを買ったのですが、ずっと封印状態でした。
最近になってちょっと使ったりしているので基本的なことを書いてみました。

投稿日2016/02/16
更新日2016/02/16

WordPressでheader.phpやfooter.phpに変数を渡す方法

requireやincludeを使用すれば、読み込み元で宣言した変数は、header.phpやfooter.phpでも使用することができますが、WordPressは「get_header()」という関数で各パーツを読み込むので普通に宣言すると変数を使用することができません。
そこで「get_header()」でも変数を渡す方法をご紹介いたします。