新卒フロントエンドエンジニアなのですが、いまだにDOMって何か説明できません。 developer.mozilla.org Document Object Model。いやわからん。 eng-entrance.com あーなるほど？ノードって言葉はなんとなくわかる。 qiita.com なんかWebサイト作る際に使う…

css-tricks.com ここを見ると早い。 こうやって上下に隙間ができてしまうのを、 このように解除できる。 display: inline-blockになっている階層の上に、 font-size: 0px; /* display: inline-block で出来る上下の隙間へ対処 */ と書いてあげると、消せます…

Photoshopでデザイナーからデザイン来て、その中で写真とか画像として使いたい部分のパーツを書き出す方法。 Photoshopで、ファイル>生成>画像アセット を開き、チェックをつける。 書き出したいパーツを選んで、グループにまとめて、 〜〜 .png とかの名前…

prepros.io tech.qookie.jp Preprosとはタスクランナーと呼ばれるもの。 今どきCSSを書くときにそのまま書くのではなくSassなどで書き、その後コンパイルしてCSSを吐き出すのがよくやられていると思います。 VSCodeなどエディターでもLive Sass Compilerなど…

public-constructor.com 親要素にposition: relative;を持たせ、実際重ねたい要素にposition: absolute;をもたせます。 これで重ねたい要素は親要素の位置を基準になります。 これに加えて、absoluteを指定した要素にはX軸とY軸の指定が必要なので、top: 0; …

qiita.com marketplace.visualstudio.com これを入れれば、Command ＋ Q を押したら、 って、確認してくれるようになります。

github.com $("img.js-top-img:nth-of-type(1), img.js-top-img:nth-of-type(2), img.js-top-img:nth-of-type(3), img.js-top-img:nth-of-type(4), img.js-top-img:nth-of-type(5)").delay(delayNum).queue(function () { // スライド $("img.js-top-img:nth…

www.tam-tam.co.jp www.tam-tam.co.jp www-creators.com kigiroku.com qiita.com ここらへんが参考になります。 今回は、URLの末尾に ?init=3と入っていたときに、それを取得する方法について。 jQueryで書いてます。 // クエリ取得 init=3 ?以降（2文字目以…