frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

ツール

YouTubeを埋め込んでも重くならないようにする方法のyoutubeソース置換ツール

youtube動画URL 例:https://www.youtube.com/watch?v=0E00Zuayv9Q 置換クリア 出力結果 ブログにyoutubeを貼ることが割と多いのですが、何個も設置した場合気になるのが読み込み速度ですよね。 自分は下記の記事を参考に、クリックしたらhtmlを置換して動画…

option生成ツール

option生成ツールを作りました。きっかけは、良くある平成とか昭和とか金額とかのセレクトボックスを作るとき大変わずらわしく感じたからです。 都道府県は対応してませんが、数字が絡む前後に単語が入る文言をoptionタグに入れたい場合は、使用いただければ…

フロントエンドで本当によく使うツール6選(サイト編)

世の中便利なツールを無料で提供してるサイトってたくさんありますよね。 今日はその中でも現場で本当に使うツール(サイト編)を紹介します。 カラーコード変換ツール Googleマップで緯度・経度を求める Unicodeエスケープシーケンス変換ツール 画像圧縮 jp…

marginとline-heightの計算ツールを作ってみた

marginとline-heightの計算ツールを作ってみました。 実際はmixinなどで動かす方が効率よいと思います。ちょっとした作業でscssの設定などをしていない時に使っていただければと思います。マージンフォントサイズ行間割る※1結果 var $margin = document.quer…