GitHub Copilot · Your AI pair programmer
👻 GhostText — Use your text editor in the browser
• Use your text editor in the browser Whenever you’re writing more than a little snippet of code anywhere on the web, activate GhostText to open your preferred text editor and enjoy your own development environment. Installation GhostText is a browser extension that connects to your editor via its own extension. Install both extensions and, if necessary, start the GhostText server in the editor’s
An experimental data-flow analysis tool for front-end JavaScript
What is FromJS? FromJS shows you where each value in the DOM comes from. For example, some data might have been loaded using fetch, some might have been stored in localStorage, and some might have been hard-coded in the JavaScript code. Try FromJS I've not worked on this for a while and it never worked super well, so maybe you shouldn't actually try it :) Install from NPM: npm install -g @fromjs/c
GitHubを見やすく・使いやすくしてくれる便利な拡張機能 - NxWorld
地味に便利なものから慣れるとなくてはならないものまで、GitHubを見やすく・使いやすくしてくれる拡張機能を紹介します。 ここではすべてChromeの拡張機能として紹介していますが、中にはその他のブラウザでも利用可能（主にFirefoxのアドオン）なものもあるので、それらは併せて紹介している各拡張機能のGitHubページなどから辿ってください。 以下で紹介している拡張機能の一部は、プライベートリポジトリでも利用できるようにするなどの理由でアクセストークンを設定する必要があります。 入力する旨が表示されたり各拡張機能の紹介ページに設定方法として記載もされていますが、ほとんどの場合は「Developer settings」から移動した先で「repo」を選択して作成し、出力されたコードを設定欄に記述します。 GitHub File Icon screen shot by GitHub File
Introducing React Scope
As React applications grow in complexity, it can become increasingly difficult to keep track of components, state, and props. Last month, a few developers and I worked on building a solution to this problem. We decided to create React Scope, a Chrome extension that provides a hierarchical-tree view of a developer’s React app components. React Scope is also interactive; as developers trigger state
CSSPeeper - Smart CSS viewer tailored for Designers
Smart CSS viewer tailored for Designers. Inspect styles in a simple, well-organized & beautiful way with our Chrome extension. GET IT NOW Inspect items instantly Select any object on website to get a well-organized specification with some handy properties that you can easily use in Sketch or Photoshop. Browse colors in a visual way CSS Peeper allows you to inspect whole color palette used on a web
2016年度版 僕が考えたChrome拡張機能を作るときのデザインパターン - Qiita
4年近く前の2012年に僕が考えたChrome拡張機能を作るときのデザインパターンというエントリを書きました。最近参加したイベントで「よういちろうさんの拡張機能の記事見て作ってみました〜」と声をかけてくれた人がいて嬉しかったのですが、2012年のそのエントリは、すでに内容が古くなってしまっています。最近の状況を踏まえて、内容を新しくした「2016年度版」を書いてみようと思います。 変更しようと思った点は、以下です。 prototype.jsは使わず、ECMAScript 2015で書く。 Background Page(常駐型)ではなく、Event Page(非常駐型)にする。 そもそも最初のコードセットは自分で書かない。 本文やコード的には、2012年度版をコピペしています。 （この投稿の内容は、自分のブログエントリと同じです。） 前にいくつかのChrome拡張機能を作っていて、すでに数
今、見ているWebページのW3C標準規格の表示速度が測れるChrome用機能拡張「Sonar」 - Webパフォーマンスについて
表示速度、何で調べていますか? 皆さんは、手軽にWebページの表示速度を調べたい時に、どんなツールを使っていますか? Chrome Developer Tool Firebug 各種オンライン無料計測サービス こんな感じでしょうか？ 標準規格準拠の重要性 実は、これらのツールは、計測したデータに差があります。 私も業務で「ツールによって計測した値が違う」と相談されることがあります。 計測オブジェクト数の違い 実は、これらのツールは、取得できるデータに差があります。 実際に取得しているオブジェクト数を確認してみると分かります。 「ページの終わり」をどのように定義するかは、実は結構悩ましい問題です。 実験計画法の三原則に基づいて、1ユーザとして一定間隔にアクティブに計測するSynthetic Monitoring（合成計測）の場合は、HTTP/HTTPSの通信が途絶えてから1～2秒待ってみて、
Bootcomp｜Bootstrap × Photoshop CC 2015 エクステンション
�10倍ラクするデザインカンプ制作 Photoshop CC 2019に「Bootcomp」を導入すればWebサイトやアプリのデザインカンプ制作にかける時間を大幅に短縮することが可能です。 ダウンロードする フォーマット作成 Webサイトやアプリのデザインをスタートする際にまずはレイアウトのガイドを作成するなど事前準備に時間がかかっていました。 Bootcompを使えば１クリックでフォーマットが瞬時に作成されるのですぐにデザイン作業をスタートさせることができます。 画像挿入もワンストップ シェイプを作成してクリックするだけで画像挿入〜リサイズをワンストップで行うことができます。画像がまだ未定の場合は画像挿入をキャンセルすれば自動でダミー画像が挿入されます。ぶっこみ機能を使用すれば大量の画像もあっという間に配置することができます。
responsivewebdesigntester.com
responsivewebdesigntester.com 2023 著作権. 不許複製 プライバシーポリシー
Page Ruler - a Google Chrome extension - blarg.co.uk
About Page RulerPage Ruler is a Google Chrome extension that lets your draw out a ruler to any page and displays the width, height and position of it. It currently has over 300,000 users and is the most popular ruler extension for Chrome. Click Here to Install Page Ruler for Google Chrome FeaturesDraw a ruler to any page and view the width, height and top, bottom, left and right positionDrag the e
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
StyleURL - share CSS tweaks instantly
Keyframes.app
Sizzy — The browser for web developers
xvg
http://chromelens.xyz/
GitHubを快適にブラウジングするための3種の神器
GitHub - greatsuspender/thegreatsuspender: A chrome extension for suspending all tabs to free up memory
Unsplash Instant - Beautiful photos from Unsplash in your new tabs
Awesome Autocomplete for GitHub
