jQuery+CSS3で固定ナビゲーション→レスポンシブでハンバーガーメニューに切り替える
jQuery+CSS3を使用してスマホではハンバーガーメニューに切り替わる、固定ナビゲーションを作成してみます。
- 投稿日
- 更新日
ビルトインウェブサーバー+SQLiteでお手軽にCakePHP3の開発を始める
CakePHP3になりPHPのビルトインウェブサーバーを利用した簡易的なサーバーが内臓されました。
この機能とSQLite（これもPHPに含まれている）を使用すればApacheなど環境を構築しなくてもWebアプリの開発を始めることができます。
- 投稿日
- 更新日
画像にiPhoneやApple Watchのフレームを付けてくれるCSS「CSSDevices」
CSSDevices はクラス指定するだけで画像にiPhone/iPad/Apple Watch/Mac bookのフレームを付けてくれるCSSです。
- 投稿日
- 更新日
jQueryでYoutubeの指定したチャンネルの最新動画を表示する方法（お手軽版）
YoutubeAPI v2が廃止になりまして過去に書いた方法が使えなくなったので、とりあえずお手軽に表示する方法をご紹介します。
- 投稿日
- 更新日
jQuery+CSS3でスクロールするとアニメーションして狭くなる固定ナビゲーション
ファーストビューでは大きめのナビゲーションで、スクロールするとアニメーションしてナビゲーションの幅が狭くなって固定されるという動きのやつです。
- 投稿日
- 更新日
指定数値までカウントアニメーションするjQueryプラグイン「jquery-countTo」
指定した数値までカウントアニメーションしてくれるjQueryプラグイン「jquery-countTo」のご紹介をいたします。
- 投稿日
- 更新日
SVGでセクションの区切りを斜め線にする
セクションの区切りを斜め線とかにしてしてみると、ちょっと他と違う感がでるかもしれない!
斜め線はCSSで回転させたりする方法もありますが、ここではSVGを使用した方法をご紹介いたします。
- 投稿日
- 更新日
SVGで画面全体に斜め線や曲線を引く
一昔前だと単純な斜め線とか円をバックに置きたいときは画像で作ってましたが、最近ではわりとSVGを使うことが多いようです。
SVGの良いところはベクターなので画面全体に配置しても荒くなったりしないとか、コードで作成できるので後々アニメーションなどもできたりします。
ここでは単純な図形ですが画面全体に表示する方法をご紹介します。
- 投稿日
- 更新日
