VS Codeの新機能がすごく便利！ JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」
8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、エディタの上部にくっつきます。行数のある長いコードに便利ですね。 VS Codeの新機能「スティッキー スクロール」 「スティッキー スクロール」はVS Code v1.70でプレビュー機能として実装された新機能で、スクロール中にどのスコープにいるのかが分かかります。 エディタの上部にクラス/インターフェイス/名前空間/関数/メソッド/コンストラクタがスティッキーされ、常にコード内の場所を把握することができます。 Visual Studio Code July 2022 (version 1.70) 「スティッキー スクロール」を使用するのは、簡単です。 VS Codeの設
Debucsser - CSS情報を可視化してデバッグをサポート
CSSは非常にデバッグしづらい技術です。多少間違っていても動きますし、余分にあっても気づきづらいものです。Webサイトを更新するのに伴って、不要なCSSが蓄積されていたなんて話もよく聞きます。 そんなCSSのデバッグに使ってみたいツールがDebucsserです。クラスやIDを可視化してくれます。 Debucsserの使い方 Ctrlキーを押すと、マウスが当たっているDOMのクラス名、ID名が分かります。 Ctrl+Shiftで常に表示モードに変わります。 CSSを構造的に管理する上で、クラス名やID名は欠かせないものでしょう。Debucsserを使えばDOMごとに枠が表示されるので、どの部分が関わっているのかが分かりやすくなります。開発者ツールとはまた異なる使い勝手でしょう。 DebucsserはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 デモ l
[Wordpress] サムネイル（アイキャッチ）画像の設定いろいろ | nm705.com
サムネイルを表示させる方法は比較的簡単に見つかったのですが、 alt や title が画像名になってしまい、不恰好だったので、調べてみました。 まず、サムネイルの表示方法から説明します。 1.サムネイルを表示させる サムネイルとは、上記画像のように、 画像挿入の時に「アイキャッチ画像として使用」をクリックした時に表示される画像です。 上記サイトに詳しく書いてあるのですが、初心者の私が試したところ、 function.php で設定したとおりにならなかったので、別の方法でサイズ指定しています。 とりあえず、function.php に、 add_theme_support( 'post-thumbnails' ); と記載するところまでは、同じです。 （記載箇所はfunction.phpの一番最後でいいと思います。） 次に、set_post_thumbnail_size( 50,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryUI Icons List / Cheatsheet
