「 投稿者アーカイブ:sasaki 」 一覧
-
2017/11/27 -jQuery
jQueryを使うとHTMLやCSSだけでは実現できないような動きをサイトに付けることができます。 今回は例としてボタンクリックされた時に「CSSのクラスを追加」もう一度クリックすると「CSSクラスを …
-
HTML テキストボックスの入力候補リスト(datalist)
2017/11/26 -HTML
JavaScriptやjQueryを利用しなくてもHTML5だけで動的なことも出来るようになってきました。 例としてHTML5のdatalistタグを利用すれば、関連付けされているテキストボックスに「 …
-
jQuery テキストボックスのフォーカス時にテキストを全選択
2017/11/26 -jQuery
サイトのUI(ユーザーインターフェイス)向上のためにテキストボックスがフォーカスされた時に、テキストボックスの内容を選択済みにして内容を変更しやすくしたい場合があります。 バックスペースで1文字ずつ削 …
-
2017/11/25 -CSS
もしかするとChromeだけかもしれませんが、テキストボックスや画像にフォーカスされた時に青い枠が出てしまいます。 ↓こんなのです。 違和感がありますので、解除する方法を調べました。 CSSの設定のみ …
-
2017/11/24 -CSS
CSSフレームワークやプラグインのCSSをどんどん追加していくと、通常のタグに影響が出てしまう場合があります。 元のCSSを改修すれば良いのですが、影響が大きい場合や時間が無い場合があるかと思います。 …
-
2017/11/24 -CSS
最近は他の方が公開されているボタンのCSSやCSSフレームワークで用意されているボタンがありますので楽ですよね。 ただ、仕事で制作するサイトはデザイナーさんはサイト専用のボタンをデザインされる事が多い …
-
jQuery プラグインlazyload.js(画像の遅延読み込み)
2017/11/24 -jQuery
スクロールすると画像がふわっと表示されるようなサイトを良く見ますよね。 あれは画像の遅延読み込みという事をしているそうです。 ページロード時にでは無く、スクロールで特定の位置に来た時に初めて画像を読み …
-
2017/11/23 -CSS
Google Fonts + 日本語 早期アクセス というサイトが出来ていますね! Google Fonts の日本語(試験的)のようです。 まだ試験中なので、本番の Google Fontsサイト …
-
2017/11/23 -Bootstrap4
Bootstrap4の画像で使用できる基本的なクラスをまとめました。 各クラスはimgタグに付加するだけで効果が発揮されます。 基本的なクラスは以下の4種類です。 Bootstrap4 画像用クラス …
-
2017/11/23 -jQuery
jQueryは一番有名なJavaScriptのライブラリです。 jQueryのおかげで簡単にJavaScriptを利用できるようになりましたね。 他のライブラリも多く出てきましたが、まだまだ使う機会も …