ついにChromeで使えるようになったCSSの便利機能！ light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ
今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカーニングができるtext-spacing-trimプロパティ、これらがブラウザにサポートされるのを待っていた人も多いと思います。 Chrome 123 beta New in Chrome 123 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSのlight-dark()カラー関数 CSSのdisplay-modeでpicture-in-p
フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita
はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。 私はフロントエンドの開発時に、Chromeのブラウザを使うことが多いです。 Chrome には開発を便利にするchrome 拡張機能がたくさんあります。 普段、フロントエンド開発時に私が使っている拡張機能を紹介したいと思います。 UI Build Assistant アイコンは IT 大学と面白いですが、こちらの拡張機能を使えば、ワンクリックで背景と線に色付けをしてくれて、レイアウトが見やすくなります。こちらの拡張機能を使うとマージンの調整等が簡単にできるようになりとても便利です。 また、作成者のしまぶーさんの Youtube 動画は、フロントエンド学習にとても有益なのでよく拝見させていただいてます。 OFF ON Responsive Viewer 次に紹介するのは、Responsive Viewer です
How to Add Sticky Notes to Webpages in Google Chrome and Firefox
There are plenty of software packages with which you can stick notes to the Windows desktop. Windows 11 even includes an accessory for adding desktop stickies. Yet, few of those apps enable you to stick notes to browser page tabs. However, there are some sticky note extensions available for Google Chrome and Firefox. These add-ons enable you to stick notes directly to webpages. Then you can add ha
知らなかった！ ウェブブラウザ「Chrome」のこんな便利な機能12選（ギズモード・ジャパン） - Yahoo!ニュース
2021年3月5日の記事 を編集して再掲載しています。 Chromeスキルが上がったぞ！ 【全画像をみる】知らなかった！ ウェブブラウザ「Chrome」のこんな便利な機能12選 ウェブブラウザ何使っていますか？ 私がメイン使いしているのはGoogle Chromeです。長いことずっーっとChromeです。それでも、まだまだ知らないことはたくさんあります。Googleも常に新機能アップデートしてますからね。あまり知られていないChromeの便利機能をまとめました！ 1：ゲストモードへ切り替え 「ちょっとパソコン貸して？」と言われた時に便利なのがこれ。自分が普段使いしているブックマークはもちろん、開きっぱなしのタブや、ログイン状態のページをもし見られたらと思うとハラハラします。別に何もやましいことないけど、なんかソワソワします。そういう時はゲストモードに切り替えてから貸してあげたらいいですよ。
Chrome DevTools の知っておくと便利かも機能 - Qiita
長い間 Chrome の DevTools を使ってきて、便利だなと思った機能をまとめてみました。 様々な機能があり、これを覚えておくと開発時に役に立つかもしれないので、ぜひ使ってみてください。 この記事は Corome DevTools 公式 を参考にしています。 日本語化 英語が苦手な方は日本語化しましょう。 手順 DevTools を開いたら、歯車マークをクリック Language で日本語を選択 [Reload DevTools] をクリックして DevTools のリロードをする 要素の状態を強制 指定の要素を :hover や :focus などの状態に強制的にすることができます。 そうすることで指定状態時のスタイルを確認することができます。 手順 要素タブをクリックする 状態を変更したい要素を選択する 今回は Google の検索フォームを選択 [:hov] をクリックする
7 Google Chrome Tips That Will Boost Your Productivity
Did you know that you can use Google as a timer, text editor, and currency converter? Or that you can add quotation marks and other symbols to get more accurate results? You can even choose to search specific websites directly from your browser. Google Chrome is quite an amazing tool on its own, but you can take your productivity to a whole new level with the tips below. For instance, you can crea
Google Chromeの作業を効率化する便利機能6選 | ライフハッカー・ジャパン
1. 後で読みたいページはリーディングリストへ「興味のある情報を見つけたけれど、今は時間がないので後で読みたい」という場合に役立つのが、ページを一時保管しておける「リーディングリスト」です。 後で読みたいページを開いた状態でアドレスバーの☆をクリックして、「リーディングリストに追加」を選択すればリストに追加されます。 Screenshot: 酒井麻里子 via Chrome追加したページは、ブックマークバーの「リーディングリスト」からアクセスが可能。 未読のページと既読のページが分けて表示され、不要になったページは右側の「×」から削除できるので、ストックしておいた情報を効率的にインプットできます。 Screenshot: 酒井麻里子 via Chromeなお、スマホのニュースアプリで見つけた情報や、SNSでシェアされたリンクなどを追加することも可能。 その場合は、アプリの共有メニューから「
仕事効率が向上！Chromeの知られざるショートカット7選 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
指定されたページが見つかりません。｜Infoseekニュース
404 NOT FOUND 指定されたページが見つかりません。 掲載から一定の日数が経過した記事は、 配信社との契約に基づき削除される場合がございます。 （その場合、一定期間経過後は記事を見ることが出来ません。） それ以外のケースについては、お手数ですが 以下のいずれかの方法でページをお探しください。 ブラウザの再読み込みを行う 入力したURL（ページアドレス）にタイプミスがないか確認する ブラウザの「戻る」ボタンを押して前画面からやり直す
JavaScript で print デバッグ時に変数名を出力する - mizdra's blog
数列の和を求めるプログラムを作成することになり、意気揚々と以下のようなプログラムを書いたという状況を想像して下さい。 function sum(nums, acc = 0) { if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; console.log(sum(nums)); // expected: 55 一見すると何も問題なさそうに見えるプログラムですが、実はバグがあります (皆さん分かりますか?) *1。実際に上記プログラムを実行すると 55 ではなく 10 が出力されます。 こうした場面に遭遇すると、自然と sum
Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記
を読んで思い出したのでご紹介です。 元の記事と同様に以下の関数 sum について、 function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } この関数sumの引数 (nums と acc) の呼び出しごとの変化を見たい場合は、所謂プリントデバッグや debugger を使うのは一般的なテクニックとしてよく知られていますが、このような関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使うことで同様の効果を得ることが出来ます。 この場合は monitor(sum)とした後に、関
知らなかった！ ウェブブラウザ｢Chrome｣のこんな便利な機能12選
知らなかった！ ウェブブラウザ｢Chrome｣のこんな便利な機能12選2021.03.05 19:30126,382 David Nield - Gizmodo US ［原文］ （ そうこ ） Chromeスキルが上がったぞ！ ウェブブラウザ何使っていますか？ 私がメイン使いしているのはGoogle Chromeです。長いことずっーっとChromeです。それでも、まだまだ知らないことはたくさんあります。Googleも常に新機能アップデートしてますからね。あまり知られていないChromeの便利機能をまとめました！ 1：ゲストモードへ切り替え｢ちょっとパソコン貸して？｣と言われた時に便利なのがこれ。自分が普段使いしているブックマークはもちろん、開きっぱなしのタブや、ログイン状態のページをもし見られたらと思うとハラハラします。別に何もやましいことないけど、なんかソワソワします。そういう時はゲスト
開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
「Google Meet」で使える拡張機能5選 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
【2021年版】Chromeリモートデスクトップの使い方。職場や自宅のパソコンを遠隔操作できる
コロナ禍をきっかけにテレワーク（リモートワーク）が広まりましたが、週に何日かは出社する機会がある中では、職場から自宅、自宅から職場のPCを遠隔操作できると何かと安心です。ここでは「クロームリモートデスクトップ」のインストールと設定方法を解説します。 「手元にファイルがない！」をすぐに解決 長引くコロナ禍により、業務の中心がテレワーク（リモートワーク）となった人もいれば、出社する生活に戻ったという人もいるでしょう。また、その中間として「週に何日かは出社し、それ以外はテレワークをする」という人も多いのではないでしょうか。 さらに、ひとくちにテレワークといっても、その場所が自宅に限らず、カフェやホテル、コワーキングスペース、リモートオフィスなどへと広がっています。働く場所の選択肢が増えたことは、多くのビジネスパーソンにとって喜ばしいことだと思います。 しかし、そのような状況で起こりがちなのが、「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【特集】 Edgeがいつの間にか高機能に？これはChromeより便利かも
「Google Meet」に高精度なリアルタイム文字起こし機能やチャット履歴ダウンロード機能を追加／Chrome拡張「こえもじ」は議事録作成を格段に効率化。おまけの「ニコ動」風字幕機能も【レビュー】
「Chrome 91」は「Gmail」がちょっと便利に ～新たにサポートされた「Clipboard Read-only Files」ってなに？／ファイルを［Ctrl］＋［C］して、［Ctrl］＋［V］でメールへ添付【やじうまの杜】
「Google Chrome」のアドレスバーから便利な機能を即座に実行 ～新しい「Chrome Action」がリリースへ／ベータ版で先行テスト中で、「Google ドキュメント」での新規ドキュメント作成などが可能に
「Google Chrome」でYouTubeを視聴するときに便利な裏技が“Twitter”で話題に／他のWebブラウザーでも利用可能……だけど、デザインや機能には少し違いも【やじうまの杜】
