[B! Chrome] tokumagaのブックマーク

Chrome DevTools の知っておくと便利かも機能 - Qiita

長い間 Chrome の DevTools を使ってきて、便利だなと思った機能をまとめてみました。様々な機能があり、これを覚えておくと開発時に役に立つかもしれないので、ぜひ使ってみてください。この記事は Corome DevTools 公式を参考にしています。日本語化英語が苦手な方は日本語化しましょう。手順 DevTools を開いたら、歯車マークをクリック Language で日本語を選択 [Reload DevTools] をクリックして DevTools のリロードをする要素の状態を強制指定の要素を :hover や :focus などの状態に強制的にすることができます。そうすることで指定状態時のスタイルを確認することができます。手順要素タブをクリックする状態を変更したい要素を選択する今回は Google の検索フォームを選択 [:hov] をクリックする

tokumaga 2021/12/25

Chrome

リンク

シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita

開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。でも、Chromeデベロッパーツールを本当に理解していますか？実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で

tokumaga 2021/04/08

リンク

いつもの作業が5秒速くなるツールをひたすら列挙するページ

筆者が愛用してやまない作業高速化ツールたちに感謝しながら、ひたすら列挙するページです🙏 Mac専用 Alfread 多機能ランチャファイル検索クリップボード履歴の保存がめちゃくちゃ便利（有償版） Clipyとかも試して、有償版Alfredが一番しっくりきたクリップボード履歴を保存履歴が残る筆者は Cmd + Shift + V で発動するよう設定画像コピーの履歴も保存履歴の検索クリップボードでコピーしながらマージできるマージしたい文字列は、「空白区切り」「改行区切り」「区切りなし」を選べるコーディングが捗るスニペット機能（https://zenn.dev/naotolog さんご紹介🙏）定型文を登録して、呼び出すことができる穴埋め入力が必要ない場合は Dash よりこちらが良さそう Station 通知の一元化 Slack/Twitter/Facebook/G