青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

2019-05-01から1ヶ月間の記事一覧

ところで DOM ってなんですか。

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

display: inline-blockで出来る上下の隙間への対処

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

Photoshopでの画像書き出し。画像アセットで。

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

タスクランナー「Prepros」を使っていく

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

画像の上に文字を重ねたい時、positionでabsoluteとrelative。

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

VSCodeで間違えてCommand + Q を押してしまい VSCodeの全ウインドウを閉じてしまう悲しみから開放される。

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

jQueryで遅延実行したいとき、delayしてqueue

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…

JavaScriptでクエリ「init=3」の取得

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