input form をリセットするJavaScript
<input type=”file”>は、JavaScriptでvalueをリセットしても選択したファイルの情報が残ってしまうので 入力前のinputタグごとDOMを削除再描画して復元する方法でリセットを実行 …
記事一覧 3ページ
SVGにwidth,heightを指定していないとIEでbackground-sizeより縮小されるバグ
IE11では、レスポンシブ対応のためwidth,heightを指定していないSVG画像をbackgroundに指定した際 画像がbackground-sizeで指定したサイズよりも小さく表示されてしまうバグがあります。 …
gitコマンドを実行しようとするとXcodeのライセンス同意を求められたら
コマンドラインでgitのコマンドを実行すると、このようなXcodeのライセンス同意をもとめる文章で差し止められることがあります。 SourceTreeで規約同意を求められた場合はこちら
SVGをグラデーションで塗りつぶす
Illustratorでグラデーションで塗りつぶしたベクター画像をSVG書き出しすると、 わざわざグラデーション部分をラスタライズ画像として保存しマスキングする構造のSVGを生成してくれます。 せっかくビットマップ画像と …
CSSでグラデーションのborder
角が完全な丸になった形状ならば、box-shadowで、 角ばった角ならば、border-imageとbox-shadowでグラデーションを作られます。
lodashのmapでカスタマイズされた配列を作成
lodashの_.mapの使い方メモ。 要素を抜き出した配列を作る 既存配列の値を加工して同じ要素数の配列を作る
Vue.js の computed でリアルタイムで加工データを作成
Vue.jsのcomputedを使うと、加工済みのデータを即座に受け取ることができます。
線分の角度を取得するJavaScript
javascriptで線分の角度を取得します。 Math.atan2 でラジアン単位の角度を取得してから度数法に変換しています。
Vue.js の イベント装飾子で preventDefault と stopPropagation
Vue.js 2では、テンプレートでイベント装飾子を使うと簡単にpreventDefaultやstopPropagationを定義できます。 参考： イベントハンドリング – Vue.js event.pre …
登録なしで地図を組込みたいなら Leaflet.jsで国土地理院地図を表示
2016年の6月からGoogleMapsAPIのサービスが、APIキー必須になったため 無料とはいえ、地図を設置するＷEBサイトを登録することが必須になりました。 そこで、代わりというには少し毛色が違うかもしれませんが …