Visualize the information to ensure accessibility in your web pages, such as alternative text, heading levels, form labels, and… Visualize the information to ensure accessibility in your web pages, such as alternative text, heading levels, form labels, and live region updates. Until now, the only way to view this information was to read it using developer tools, read code, or view it using a scree
数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい?」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite
ちゃだいん(@chazuke4649)です。 DeepLの公式Chrome拡張機能がヤバかったので勢いにまかせて紹介します。 "公式版"がリリースされてたの知ってた? DeepL翻訳(ベータ版) - Chrome ウェブストア ベータ版ではありますが、いつの間にか公式版がリリースされていました。自分は今まで公式版がなかったので、以前は非公式版のツールを使っていました。 インストールする Chromeウェブストアからインストールすると、右上にアイコンが表示されます。それをクリックすると以下ポップアップ画面が表示されます。 現時点では以下2つの機能が存在します。 読む: ブラウザ上の文章を任意の言語に翻訳して表示できる 書く: ブラウザ上に入力している文字を任意の言語に変換できる それぞれ試してみます。 「読む」 一般的にはこちらがよく認知されている機能だと思います。 下図のように、翻訳したい
この拡張機能はTwitterのタイムラインからトレンド情報を隠して、あなたの心を穏やかにしてくれます。 1. 左カラムから「話題を検索」タブを隠す 2. 右カラムからおすすめトレンド、おすすめユーザーなどを隠す 3. ツイートへのリプライ数、リツイート数、いいね数、ブックマーク数を隠す、マウスカーソルをのせると表示されます 4. ツイートの表示回数を隠す 5. Twitterロゴの隣に「おだやか」と表示する 追加機能(デフォルトでオフ、設定からオンにできる) 6. フォロー中数を隠す 7. フォロワー数を隠す 8. 詳細画面でもリプライ数、リツイート数、いいね数を隠す 9. カーソルをツイートにのせてもリプライ数、リツイート数、いいね数を隠す 10. おすすめユーザーを隠す 11. おすすめトピックを隠す 12. Macで日本語フォントをメイリオからヒラギノに変更 ※CSSを反映するため権
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
The easiest way to identify fonts on web pages. Say goodbye to the complexity of developer tools for identifying fonts. With WhatFont, discovering the fonts used on websites becomes as effortless as hovering over text. Want more details? A simple click on any element reveals the styles applied, making it easier than ever to uncover the secrets behind beautiful typography. Recommended by Wired WebM
Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing
ウェブブラウザで1Passwordを使うための最良の方法。サイトに簡単にサインインし、パスワードを生成し、情報を安全に保存できます。 1Password Xには1Passwordメンバーシップが必要です。まだアカウントを持っていない場合は、1Password Xをインストールして30日間無料でご利用いただけます。 1Passwordはインターネットで安全に使用できるパスワード保管庫です。1Password Xを使用すると、Google Chromeで重要な情報に安全にアクセスできます。パスワードの入力と保存、アイテムの検索と編集などできます。 1Password Xができること全てを見る: 📘 https://support.1password.com/getting-started-browser 1Passwordは常に改善しています。参加して、あなたのフィードバックをお知らせくださ
皆さんは日々のタスク管理、どのようにされていますか? 私は、以前にブログ「かんばんを使ったタスクの見える化~個人編~」でご紹介した「Trello」というサービスを、仕事でもプライベートでも活用するようになりました。 Trello 今回は「Trello」をちょっと便利にする使い方を4つ、ご紹介します。 【オプション機能】カレンダー表示を有効にする Trello のタスクには期日の設定ができますが「今週中に終わらせなければならないタスクは、何個残っているか」といった課題を、視覚的に捉えるのは難しいです。 カレンダー機能を有効にすると、期日が設定されたタスクがカレンダー上に表示されるので、スケジュールを意識したタスク管理がしやすくなります。 カレンダー機能の有効化手順: Menu > Power-Ups > Calendar > 「Enable」ボタン押下 ボードの右上に「Calendar」リン
去年の秋からコツコツと所有本を電子化してます.なので新しい本を買う時もできるだけ電子書籍版の方を買いたい. そこで電子書籍版があるかどうか,あったらどこが一番安いかをamazon / kobo (rakuten books) の両方探したりするのですが,まあめんどいです. ということで,amazonのページにkoboの価格とリンクを表示するchrome拡張を作りました. 自分用に作ったら思ったより便利だったのでchrome storeで公開しています. こだわりポイント あくまでamazonのページデザインに沿って表示するので目障りになりません. しかもkoboの価格がkindleよりも高ければ灰色に, 安ければ赤色に, など細かい謎の気配りをしてくれます.できるやつです. ちなみに最初は楽天ぽく表示するバージョンも作ってみて個人的には気に入ってたんですが, 友達に見せたところすごい顔され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く