クルーデザイン

Webの勉強をしよう!Web制作の技術やサービス情報を発信します。

Bootstrap4 ブレークポイントを変更したい(ソースファイルをコンパイルする)

2017/12/20   -Bootstrap4

Bootstrap4のブレークポイントはあらかじめ設定されていますが、案件によってはブレークポイントを変更したい場合があります。 ブレークポイントを変更する場合、bootstrap.cssを直接編集す …

jQuery ブロックレベル要素をリンクにしたい(aタグで囲まない)

2017/12/19   -jQuery

インライン要素をブロックレベル要素で囲ってはいけないというHTMLの文法規約があります。 そのため、divで作ったグローバルメニューなどをaタグで囲むことができません。 ※実際は動作する場合もあります …

Bootstrap4 ブロック要素の左寄せ・右寄せ・中央寄せ(センタリング)

2017/12/13   -Bootstrap4

Bootstrap4では、ブロック要素の左寄せ・右寄せ・中央寄せができるクラスが用意されています。 そのクラスを追加することで、ブロック要素を寄せることができます。 サンプルも作りました。 ブロック要 …

Bootstrap4 マージン用クラス(margin)

2017/12/10   -Bootstrap4

Bootstrap4にはマージン用クラスが用意されています。 クラスに追加するだけでマージンが取られるので、とても便利ですよ。 サンプルも作ってますので一緒に見てくださいね。 次のように指定できます。 …

no image

開発環境 MAMPで使用するPHPのバージョン変更方法

2017/12/04   -開発環境

MACのWEB開発環境をローカルに構築したい場合、MAMPを利用されている人が多いと思います。 MAMPはインストールするとすぐに開発環境を整えることができる便利なアプリです。 しかし、設定変更をした …

jQuery 絞り込み検索サンプル(正規表現)

2017/12/03   -jQuery

jQueryを利用すれば、絞り込み検索機能も簡単に作成できます。 絞り込み検索機能とは、テキストボックスに入力した値とマッチするものを表示・マッチしないものを非表示にするような機能です。 以下のような …

jQuery アコーディオンメニューを自作サンプル(slideToggle)

2017/12/02   -jQuery

クリックすれば開閉される「アコーディオンメニュー」は良く使うと思います。 プラグインも多く出ており簡単に実装することができますが、プラグインだとデザインを変更する時に苦労したりします。 プラグインから …

Apple TV iPhoneからのミラーリングが3分で解除される問題を解決

2017/12/01   -Apple TV

私は「Amazon プライム・ビデオ」をリビングのテレビに映して観ています。 テレビに映すために、以下の事をしています。 iPhone SE のミラーリング機能を利用してApple TVにミラーリング …

jQuery ローカルストレージ で入力値の保存と読み込みをする

2017/11/30   -jQuery

ブラウザごとに値を保存しておくことができるローカルストレージについて学びたいと思います。 ブラウザの機能として提供されているものなので、特別なものは不要です。 クッキーとは少し違い、保存の有効期限など …

CSS Animate.css の基本サンプル(通常・クリックされた・マウスオーバー)

2017/11/29   -jQuery, CSS

テキストだけのサイトだと「さびしい」「少しだけ動きが欲しい」という場合には「Animate.css」が便利です。 Animate.cssは、あらかじめ定義されているクラスを追加するだけで要素にアニメー …