2020年1月5日 / 最終更新日 : 2020年1月5日 JavaScript ドラッグ&ドロップでファイルを選択する方法と画像ファイルのプレビュー ドラッグ&ドロップでのファイル選択と画像プレビュー方法 フォームからアップロードするファイルを、画面外からのドラッグ&ドロップで選択可能にする方法と ドラッグ&ドロップした画像ファイルをプレビュー […]
2020年1月5日 / 最終更新日 : 2020年1月5日 JavaScript フォームで選択中の画像をプレビューできるようにする フォームから選択した画像ファイルを即座にブラウザ上にプレビューする方法をメモします。 JavaScriptの記述は基本的にjQueryを使用していきます。 環境: Mac OS 10.13.6、 ブラウザ : Googl […]
2018年12月3日 / 最終更新日 : 2018年12月3日 JavaScript 【jQuery UI】 Datepickerで入力フォームにカレンダーを表示する 日付の入力フォームの値をカレンダーから選択出来るDatepickerウィジェットの導入についてメモ。 Datepickerを利用するにはjQuery UIプラグインをあらかじめ使用出来るようにしておきます。 jQuery […]
2018年11月22日 / 最終更新日 : 2018年12月3日 JavaScript jQuery UI をCDNで利用する（注意点あり） ユーザーインターフェースで使用できる部品がまとめられたjQueryライブラリ、 jQuery UIの読み込みと使い方についてメモ。 今回はファイルを直接ダウンロードをしないで ネットワーク経由でライブラリを読み込むCDN […]
2018年11月21日 / 最終更新日 : 2018年11月25日 HTML & CSS 【CSS】box-sizingプロパティ ボックスモデルを使用したレイアウトが崩れてしまう場合など borderとpaddingで指定する幅の取り方を変えることができる box-sizingプロパティについてメモ。 CSSのボックスモデルを使ったレイアウトでは通 […]
2018年11月14日 / 最終更新日 : 2018年11月14日 HTML & CSS liタグのスタイルをショートハンドで記述する。 list-styleプロパティを使うと、リスト項目へのスタイルを適用する list-style-type list-style-position list-style-image の各プロパティをショートハンドでまとめて […]
2018年10月21日 / 最終更新日 : 2018年10月21日 HTML & CSS 【CSS】transitionプロパティで変化速度を制御する CSSプロパティの変化速度を制御するtransitionプロパティについてメモ。 CSSプロパティの変化速度を制御する事でアニメーションのような効果を出す事が出来る。 本記事では、 擬似クラス「:hover」を使いマウス […]
2018年10月14日 / 最終更新日 : 2018年10月14日 HTML & CSS metaタグでリダイレクト先を指定する headタグ内でmetaタグを使用して別ページへのリダイレクト指定を行う方法をメモ。 http-equiv属性でrefleshを指定する。 リダイレクト（別ページへ遷移）するまでの秒数とリダイレクト先のURLを記述する。 […]
2018年9月24日 / 最終更新日 : 2019年12月29日 フロントエンド Data URIスキームとは Data URIスキームとは HTMLやCSSにデータをリンクではなく直接埋め込むための方法である。 Data URIスキームはデータをBase64でエンコードする。 画像ファイルを例にする 画像リンクを指定する場合 […]
2018年9月24日 / 最終更新日 : 2018年9月24日 HTML & CSS 番号指定の擬似クラス② 「-child」 子要素内の番号を指定してスタイルを適用する事が出来る擬似クラス :nth-last-child(n) :first-child の使い方についてメモ。 番号を指定する擬似クラスには :nth-of-type(n) :fi […]
