プログラミング

visibility : hidden; とdisplay: none;の違い

visibility: hidden;要素のボックスは不可視になります (描画されません) が、レイアウトには通常通り影響します。子孫要素は visibility が visible に設定されていれば可視になります。(タブ順で操作された時...
プログラミング

Google Chromeデベロッパーツールの便利機能5選!

Google Chromeのデベロッパーツールを開くと、そのページのコードを見ることができます。開くにはChromeを開いた状態で下記のショートカットキーが使えます。Windows:Ctrl + Shift + IMac:opt + com...
プログラミング

サーバーにアップしたcssが反映されない時の対処法

原因cssに変更を加えて、サーバーにアップしたのに変更が反映されない場合、キャッシュの可能性があります。キャッシュとは、一度開いたサイトのデータを一時的に保存しておけるものです。変更を反映前のCSSで取得したキャッシュが残っていると、たとえ...
プログラミング

【VSCode】快適さUP! おすすめ拡張機能9選!

Code Spell Checkerスペルミスを波線で教えてくれるEditorConfig for VS Code共同編集者同士でインデントを統一できるGit HistoryGitを視覚的に把握できる(⌘ shift Pで一覧からショートカ...
プログラミング

【VSCode】タブを上書きせずにファイルを開きたい

VSCodeを使って、複数のファイルを行き来する際、目的のファイルをクリックした後に別ファイルをクリックすると、同じタブで開いてしまいます。これを防ぐ方法が2つあります。ファイルをダブルクリックするVSCodeの設定を変える1つ目は単純に、...