「 投稿者アーカイブ:sasaki 」 一覧
-
jQuery ブロックレベル要素をリンクにしたい(aタグで囲まない)
2017/12/19 -jQuery
インライン要素をブロックレベル要素で囲ってはいけないというHTMLの文法規約があります。 そのため、divで作ったグローバルメニューなどをaタグで囲むことができません。 ※実際は動作する場合もあります …
-
Bootstrap4 ブロック要素の左寄せ・右寄せ・中央寄せ(センタリング)
2017/12/13 -Bootstrap4
Bootstrap4では、ブロック要素の左寄せ・右寄せ・中央寄せができるクラスが用意されています。 そのクラスを追加することで、ブロック要素を寄せることができます。 サンプルも作りました。 ブロック要 …
-
2017/12/10 -Bootstrap4
Bootstrap4にはマージン用クラスが用意されています。 クラスに追加するだけでマージンが取られるので、とても便利ですよ。 サンプルも作ってますので一緒に見てくださいね。 次のように指定できます。 …
-
2017/12/04 -開発環境
MACのWEB開発環境をローカルに構築したい場合、MAMPを利用されている人が多いと思います。 MAMPはインストールするとすぐに開発環境を整えることができる便利なアプリです。 しかし、設定変更をした …
-
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 の基本サンプル(通常・クリックされた・マウスオーバー)
テキストだけのサイトだと「さびしい」「少しだけ動きが欲しい」という場合には「Animate.css」が便利です。 Animate.cssは、あらかじめ定義されているクラスを追加するだけで要素にアニメー …
-
jQuery 文字の大きさ(フォントサイズ)の変更(小中大)
2017/11/28 -jQuery
jQueryで文字サイズの大きさを変更するボタンを作ってみようと思います。 行政のサイトで良く見かけますよね。 これもjQueryで簡単に実現できます。 昔からある機能なので古いイメージがありますが、 …