CSS3でマウスオーバーしたボタンだけ横幅をアニメーションで広げて、他は狭くするやつ（Flexbox）
Posted: 2016.02.29 / Category: HTML&CSS / Tag: CSS3, アニメーション
横並びのナビゲーションとかでマウスオーバーしたボタンだけ横に広がって、大きくなった分だけ他のボタンが狭くなるというやつです。
ちょっと説明よくわからないですが、サンプルを用意しました。
Sketch3でWebデザインするために最低限知っておきたいこと
Posted: 2016.02.16 / Category: WebDesign
Fireworksの移行先としてSketchを買ったのですが、ずっと封印状態でした。
最近になってちょっと使ったりしているので基本的なことを書いてみました。
WordPressでheader.phpやfooter.phpに変数を渡す方法
Posted: 2016.01.27 / Category: WordPress
requireやincludeを使用すれば、読み込み元で宣言した変数は、header.phpやfooter.phpでも使用することができますが、WordPressは「get_header()」という関数で各パーツを読み込むので普通に宣言すると変数を使用することができません。
そこで「get_header()」でも変数を渡す方法をご紹介いたします。
WordPress + Titan Framework で簡単に管理画面のオプションページを作成する
Posted: 2016.01.14 / Category: WordPress / Tag: Plugin
WordPressでテーマを構築していると簡単なオプションを管理画面から管理者に設定してもらいたいときがあります。
そんなときはTitan Frameworkというプラグインを使用すると簡単にオプション画面を作成することができます。
2015年12月 webトピックス
Posted: 2016.01.05 / Category: Web Topics
今月から2016年ですね。年々時間の経過が早くなっているように感じております。
2015年12月、個人的に気になった記事のまとめです。
CSS3で画像キャプションのマウスホバーアニメーション5種
Posted: 2015.12.25 / Category: HTML&CSS / Tag: CSS3
CSS3オンリーで画像をマウスオーバーするとキャプションがアニメーションして表示するというサンプル集です。
ディレイやイージングを使用してちょっとだけ凝った感じに見える風にしてみました。