2019年 6月 の投稿一覧

jQuery+Flexboxでさくっと手抜きなモーダルウィンドウ

長い記事を書いていたらメモリ不足になってきたので、シンプルなTipsを書いてクールダウンしようと思います。

モーダルウィンドウを利用する場合、プラグインを利用することが多いかと思います。
実際にクローズボタンやそれ以外の処理も含めてやってしまう場合は、プラグイン利用の方が簡単です。

一方で、そこまでしなくても…という場合があるのも事実です。
(モック作成とか、ワイヤーフレームをHTMLでやるとか)
ということで、サクッとモーダルウィンドウを実装してみたいと思います。

続きを読む

【IE】SVGをimgタグで表示するとIEだけサイズがおかしい時の対処法

いつまでたってもWeb系技術者の前に立ちふさがる、悪魔の存在「Internet Explorer」…。
Windows10で「Microsoft Edge」が標準ブラウザになってからも、しぶとく生き延びています。

他のブラウザで確認した場合は全く問題がないのに、なぜか「IEだけ」トラブルが発生することが多々あります。

今回はIEでだけ、SVGのサイズが意図したサイズにならない場合の対処法です。

続きを読む

ECMAScriptってなんぞ?

開発の最前線に居ないと、新しい情報からはどんどんと遠ざかっていきます。
ということは、さて開発しよう!となった時に知らない用語や、知らない記法に遭遇することも出てくるわけです。
そんな最前線から置いて行かれたフロントエンドエンジニア (自分のこと) 向けに、用語を色々とまとめておきます。

どのくらい置いて行かれているのか、なんとなく想像できてしまいますが…
まずは「ECMAScript」の基本的な情報についてまとめたいと思います。

続きを読む

【HTML】formのオートコンプリートを無効にする

開発中のWebアプリで、オートコンプリートがバグりました。
DevToolsにも不審なログはなく、関連しそうなCSSを無効化、イベントリスナーの変更なども試しましたが解消せず。

現象が確認できたのはWindows版のChromeのみで、他のブラウザは問題ありませんでしたが、要件を見直してオートコンプリートを無効にすることを決断しました。

そして色々と調べてみると「オートコンプリートは無効化できない」というような記事がざくざく。
無事に無効化できたので、Tipsとして残しておきます。

続きを読む