Material DevTools Theme Collection
Created by the owner of the listed website. The publisher has a good record with no history of violations. Learn more Material DevTools Theme Collection This is a porting of the famous Material Theme (https://www.material-theme.com) for Chrome DevTools. It completely redesigns the Chrome DevTools panels to the Material Theme Colors. And just like its inspiration, it also provides options to switch
デベロッパツールの新機能が便利！ そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる
デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携わる人なら、この機能をオンにしておいて損はないでしょう。 display: flex;ではないのにFlexboxのプロパティを設定 ほかにも、widthを設定したのに効かないときは、それインライン要素ですよ、と教えてくれます。 インライン要素にwidthを設定 デベロッパーツールのこの新機能は「Find inactive styles」と呼ばれるもので、要素に適用されている非アクティブなスタイルを見つけることができます。 Find inactive styles -Ca
Chrome DevTools でユーザーフローを記録、再生、測定する | Google for Developers
Chrome DevTools でユーザーフローを記録、再生、測定する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 1. はじめに [Recorder]（レコーダー）パネルを使用して、ユーザーフローを記録、再生、測定できます。 新しい [Recorder] パネル（プレビュー機能）の概要は、こちらの動画でご覧いただけます。 学習内容 ユーザーフローを記録する ユーザーフローを再生する ユーザーフローを編集する ユーザーフローを測定する 必要なもの 動作するパソコンと安定した Wi-Fi 接続 Chrome 101 以降 2. [Recorder] パネルを開く 次の手順で [Recorder] パネルを開きます。 DevTools を開きます。 その他アイコン > [その他のツール] > [Recorder] をクリックします。または、コマンド メニュ
Rewritten in Rust: Modern Alternatives of Command-Line Tools · Zaiste Programming
Shell is the essential tool for every programmer. The more familiar you become with the available tools, the more efficient you can be with using your computer. Here's a list of command-line tools written in Rust that aim to provide modern, often much faster, alternatives to the existing shell commands. bat bat is a cat clone with syntax highlighting and Git integration that works on Windows, MacO
Google Chromeスクショ術 - mottox2 blog
技術同人誌やブログを書く上で外せないのがスクリーンショットを取ることです。 同人誌を5冊書いていく経験の中で慣れてきたので、自分がスクリーンショットを撮る時に使っている方法を紹介します。 > Commandからスクリーンショットを撮るCommandからスクリーンショットを撮る Chrome DevToolsに慣れている方はご存知かもしれませんが、ChromeにはCommandという概念があります。 Cmd + Option + iでDevToolsを開きCmd + Shift + Pを押してください。 すると次のような入力フォームと項目が出現します。 フォームに文字を入力すると、Commandを絞りこむことができEnterで指定したアクションを実行することが出来ます。 ここにある、「Capture area screenshot」、「Capture full size screenshot
Figmaのオートレイアウトを完全に理解した話｜UI/UXデザイナー うっくん
どーもーUI/UXデザイナーのうっくんです。 ちょっと前にFigmaにオートレイアウトという機能が追加されました。 最初は、「おー、ボタンの長さがテキストに追従して変えられるのかー」としか思ってなかったのですが、実際に使ってみると実はもっと強力な機能でした。 オートレイアウトの基本機能。コンテンツの大きさに応じて、コンテナの大きさが変わる。今までは、いちいち赤い背景の部分もデザイナーがリサイズしなおさないといけなかった。めんどくさいので、プラグインなどを使っている人が多かったこれがとても実用的で、業務効率も上がりそうなので、すでに実戦投入しています。 かなり使いこなせてきたので、そのポイントを以下の３段階に分けてご紹介していきます。 1. 基本機能, 2. 発展系、そして、3. 現時点ではできないこと これを読めば「オートレイアウト完全に理解した」と言えるようになります。Figmaのオート
Google core web vitals - Full Service Internet Marketing Company & Internet Marketing Tools
There are lots of companies that are selling Core Web Vitals reports and analysis. These reports often will point out the same issues, with different wording, telling you everything you need to fix. You can also use some of Google’s free tools like Google’s PageSpeed Insights tool, or, better yet, Google Lighthouse to check your scores and to check for any issues that are slowing your site down, o
SSL Certificate Checker - Diagnostic Tool | DigiCert.com
If you are having a problem with your SSL certificate installation, please enter the name of your server. Our installation diagnostics tool will help you locate the problem and verify your SSL Certificate installation.
日本人が知らないプレゼンの最強兵器「Glisser」とは？ 劇的に「伝わる」スライドを作成できるツールを紹介 | SELECK [セレック]
セミナー、イベント、ライトニングトークや社内発表など、ビジネスにおいてプレゼンを頼まれる機会も多くなってきています。 そして、プレゼンに使うスライドを魅力的にし、聴衆の喜ぶプレゼンテーションをするスキルも非常に大切になっています。 学術・エンターテイメント・ビジネス・デザインなど様々な分野の有名人がプレゼンを行う世界的な講演会、TED Conferenceを見ながら魅力的なプレゼンができるよう勉強したこともあるのではないでしょうか。 今回は、聴衆を巻き込み、あなたのプレゼンのあり方を劇的に進化させるGlisserを紹介します。 Glisserはプレゼンをインタラクティブにする Glisser上でプレゼンを行うことで、聴衆とインタラクティブなプレゼンを実現することができます。聞いている人はリアルタイムで自分の手元のデバイスでスライドを見れるほか、「いいね！」や質問、簡単にツイートをすることが
![日本人が知らないプレゼンの最強兵器「Glisser」とは？ 劇的に「伝わる」スライドを作成できるツールを紹介 | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a25909b6ac0309143b6f87eae884c6f4c33e666/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2016%2F08%2F14123554%2F007375a3-3861-4e86-93c3-024cbffd6596.png)
Install GitKraken · Integrations Directory · GitHub
Axosoft's GitKraken is a free Git client for Windows, Mac, and Linux that integrates beautifully with GitHub. Download for free Features Full GitHub integration - Easily interact with your GitHub repositories to perform pull requests. Visual interactions, hints and responsive design - GitKraken makes Git commands and processes easy, fast, and intuitive. The fully responsive UI gives visual feedbac
Vault by HashiCorp
Identity-based securityVault brokers and deeply integrates with trusted identities to automate access to secrets, data, and systems. Application and machine identitySecure applications and systems with machine identity and automate credential issuance, rotation, and more. Enable attestation of application and workload identity, using Vault as the trusted authority. User identity with VaultLeverage
【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita
2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。 これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。 知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。 解説が不十分なツールについても、補足（コピペで本文に取り込める体裁だとありがたい）を頂けると助かります！ 元ネタの投稿は現在進
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Meng To on Twitter: "A trick with union and corner radius in @figmadesign https://t.co/ux6LLuHvTn"
Mute Background Noise | Noise Cancelling Software | krisp
GitHub - reg-viz/reg-suit: :recycle: Visual Regression Testing tool
GitHub - jhawthorn/fzy: :mag: A simple, fast fuzzy finder for the terminal
RCM(7)