クルーデザイン | Web制作についての情報を発信しています

2017/12/19 -jQuery

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

2017/12/13 -Bootstrap4

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

2017/12/10 -Bootstrap4

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

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

2017/12/03 -jQuery

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

2017/12/02 -jQuery

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

2017/12/01 -Apple TV

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

2017/11/30 -jQuery

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

2017/11/29 -jQuery, CSS

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

2017/11/28 -jQuery

jQueryで文字サイズの大きさを変更するボタンを作ってみようと思います。行政のサイトで良く見かけますよね。これもjQueryで簡単に実現できます。昔からある機能なので古いイメージがありますが、 …

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