備忘録の使い方はこちら

衣笠

CSS

フォームのベストプラクティス

2022.02.25 2022.03.10 衣笠
CSSHTML
Adobe

制作をはじめる前に抑えておきたい デザインの基本

デザインを制作する際、行き詰ったり、最悪は一からデザインし直す事とかあるなーって人は是非読んでみて。
2021.03.09 衣笠
Adobe
CSS

Brackets 便利なショートカット

Ctrl + /コメントアウトAlt + ←または→行の先頭または末尾へ移動Ctrl + L行一括選択Ctrl + B （Bを繰り返えせば、同じ文字列を見つけて選択を繰り返します。）選択範囲と同じ文字列を複数選択する文字だけを見たら便利さは...
2020.06.08 2021.01.13 衣笠
CSSHTML
その他

サイト制作で画像縮小時のぼやけを解消する方法

imgに対して「backface-visibility」を適用させると解消されます。img {-webkit-backface-visibility: hidden;}CSS「webkit-backface-visibility」とはスタイ...
2020.10.19 衣笠
その他
その他

LP制作に役立つマニュアル

先日LP成果を出すためのLP制作の考え方というウェビナーに参加し、なかなか面白い内容やったんで共有しておきます。また、web事業課フォルダの読み物フォルダにも同じ内容の資料を保存してあるので、noteが削除されている場合は、ダウンロード資料...
2020.10.15 衣笠
その他
その他

Git　樹形図（ツリー）が思ってたんと違う動きするやん？！そんなお悩みをズバッと解決

Gitを使い始めて、ブランチを切ったのに、ツリーが枝分かれせぇへんやん！って思って調べたら、ブランチの根本を勘違いしていたことに気づかされました。恐らく誰もが通る、勘違いなので、一読することをお勧めします。図解！ Gitのブランチ・ツリーを...
2020.06.10 衣笠
その他
HTML

dl/dt/ddの使い方

意味HTML4までは定義リストとしての意味で使うものだったが、HTML5より説明リストタグとしての意味を持つようになり用途の幅が広がってるらしい。定義リストとは定義リストとは定義に対しての説明なので簡単に言えば辞書のような書き方ぞう：鼻が長...
2020.05.25 衣笠
HTML
CSS

Blackets　おすすめプラグイン

ほぼ必須レベルAutoprefixercss保存時に自動的にベンダープレフィックスが追記される。Beautify見づらいコードが一発で見やすくなります。インストール後、編集メニューの「保存時にBeautifyする」にチェックを入れれば、ファ...
2020.05.22 衣笠
CSSHTML
HTML

div要素とsection要素の使い分け

見出しや文章など意味のあるコンテンツを囲う場合はsection要素、レイアウトを組むためなど、コンテンツがない場合はdiv要素で囲っていこう。左右どちらもひとつのコンテンツのみの場合は section 要素を使って横並びにしてOK。メインカ...
2020.04.10 衣笠
HTML
CSS

Flexboxを使った際、画像が伸びるのを解消する方法

Flexboxを使った際、子要素に画像を入れると縦横比を無視して、縦に伸びてしまう場合の解消方法（ローカルのプレビューでは確認できないが、サーバーにアップしたら伸びる事がある）display: flex;align-items: flex-...
2020.04.07 衣笠
CSSHTML
次のページ