これは便利！CSSの指定した機能のフォールバックがうまく機能しているか確認できるツール -CSS Feature Toggle
CSSの新しい機能は便利で魅力的なものばかりですが、ネックになるのがサポートブラウザです。レイアウトではCSS GridやFlexbox、また@supportsによる機能検出、画像をレスポンシブ対応にするためにobject-fitやスクロールコンテンツにposition: sticky;など、それぞれをサポートしていないブラウザでどのように表示されるか、フォールバックはうまく機能しているか確認できるデベロッパーツールの機能拡張を紹介します。 CSS Feature Toggle -GitHub CSS Feature Toggleの特徴 CSS Feature Toggleのインストール CSS Feature Toggleの使い方 CSS Feature Toggleの特徴 CSS Feature Toggleはデベロッパーツールの機能拡張で、CSSのさまざまな機能をサポートしていないブ
Webデザイナー必見！Webデザインに便利なGoogle Chromeの拡張機能4選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
それぞれのボタンをクリックすると別タブが開き、編集画面になります。 フロッピーディスクのアイコンをクリックすると、PNGまたはJPGで画像が保存されます。ちなみにフロッピーディスクって現在使われているんでしょうか^^;。 （画像の保存形式は「ツールバーのアイコンを右クリック→オプション」から変更できます） その右のボタンではそれぞれ、「PDFで保存」「クリップボードにコピー」「サムネイル画像として保存」「印刷」が可能です。 「PDFで保存」「クリップボードにコピー」は地味に使えるので便利ですね。 下のボタンからは、Gmail・Dropbox・Evernoteなどに共有ができます。 また、キャプチャして保存する前に、左上のツールで直接画像を編集することができます。 気になったサイトを画像保存してアーカイブとして残しておきたいという時に重宝しますね。 DLリンク：Openscreenshot
Google Chrome拡張機能のアクセシビリティチェックツール"Alix"が便利すぎた - Qiita
Google Chrome拡張機能のアクセシビリティチェックツールAlixが簡単便利でかなり使えたので紹介します。 概要 Alixはa11y.cssを元にしたChrome拡張HTML lintツールで、閲覧中のHTMLコードにチェック用のCSSを当てることによってアクセシビリティ上のエラーを検証し、マークアップに関するアドバイスをしてくれます。 Chrome ウェブストア GitHub 使い方 Chromeを立ち上げ、Chrome ウェブストアよりインストールします。 Chromeの右上に><という形をしたAlixのアイコンが表示されるのでクリック。 すると設定画面が表示されます。 LanguageはEnglishを（残念ながら日本語はありません）選択。 通知レベルはEverything（旧式の書き方、注意とエラー、アドバイス）, Obsolete Stuff, Warnings & Er
Chromeでタブを復元！ もしもの時に備える必須エクステンションSession Buddyで遊ぼう!!
Chromeには、Firefoxで標準搭載の“現在開いているタブ（セッション）の保存”機能がない。不測の事態が発生したときや、いつも利用しているタブ環境を復元したいときなど、Firefoxユーザーならお世話になることも多いはず。使用頻度も高い機能なのでChromeでもぜひ導入したい。そこで今回は、Chromeにセッション管理機能を追加できる拡張機能『Session Buddy』を紹介しよう。 Session BuddyはFirefoxのそれとは違い、細かな設定を自分でカスタマイズできるのが特徴。ブラウザを起動すると以前のタブ（セッション）の状態をそのまま自動的に復元するのではなく、まずブラウザを起動してから拡張機能を読み込み、その次にセッションを復元するという流れになる。もちろん、設定次第で以前に閉じたセッション環境をそのまま復元することも可能だ。 また、保存されたセッションを編集し、不要
簡単にSEO状況を確認することができるChrome拡張機能「AdMatrix Analytics」｜男子ハック
気になるページで拡張機能を使うだけで簡単に各種情報を一覧表示SEO状況を確認できるとタイトルに書かせてもらいましたが、具体的に何ができるのかというと指定したキーワードに対しての「h1」などのタグの状況や、被リンクの状態、タグの内容などを確認することができる拡張機能です。 ChromeとFirefox用に拡張機能が提供されていて、Webページを表示した状態で拡張機能をオンにすると画面下に被さる形で情報が表示されます。 テキスト量やSEOキーワードの状況などが表示されて便利。タブを切り替えることで被リンク数なども表示できます。 サイトマッピング機能をオンにするとサイト内のタグに対してマークがついてサイト内でどこにタグが使われているか簡単にわかります。 自分のサイトで使うもよし、参考にしたいサイトで使うもよし、解析ツールというよりも情報を見やすく表示してくれるツールという印象が強いですがなかなか
モバイルアプリ・Web開発にオススメの Chrome 拡張機能 10選 - Tech Blog
カップル専用アプリPairyでおなじみ株式会社TIMERSのCTOの椎名アマドです。 先日うちの社員と話してて自分が普段使ってるChrome拡張機能をしれっと紹介したら、 「生産性が上がる」とだいぶ好評価でした。 なので今回は、モバイルアプリやスマートフォンWeb開発などに役立ってる、Chromeの拡張機能を紹介します。 使う使わないでかなり生産性が変わってくるものもあるので、是非活用してみてください。 API開発に最適 JSONView オススメ度：★★★★★ JSONで来たレスポンスを、綺麗に最適化して表示してくれます。 わかりやすく色分けハイライトされてたり、配列を畳むことが出来たりと、 APIを絡めた開発では必需品です。 Postman - REST Client オススメ度：★★★★★ REST リクエストをその場で作成して送信できるクライアントツールです。 GET/POST/D
Google Driveを使ったオンラインコードエディタ·Neutron Drive MOONGIFT
Neutron DriveはGoogle Drive連携のコードエディタです。 Google Driveで気になるのはGoogleドキュメントと完全には連携しておらず、オンラインでのファイル編集ができないことです（一旦エクスポートしないといけないのは不便です）。そんな中注目したいのはNeutron Drive、Google Drive連携型のプログラミングコードエディタです。 インストールします。 Googleアカウントと紐づける必要があります。 Googleドライブ、ドキュメントへのアクセス権限が必要です。 メイン画面です。左側は検索とファイルツリー、右側が編集画面です。ファイルが色々とあるのでファイルツリーはお見せできませんが…。 一気に寄せて編集部を大きく出来ます。 設定ウィンドウです。 複数ファイルを開けます。 https://www.youtube.com/watch?v=Piy
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
2013-07-17
Google Chrome 拡張「はてなのお知らせ拡張」をリリースしました 本日、Google Chrome 拡張「はてなのお知らせ拡張」をリリースしました。 はてなのお知らせ拡張の紹介ページChromeウェブストアからダウンロードする 「はてなのお知らせ拡張」では、はてな各サービスのヘッダーにある「あなたへのお知らせ」同様、あなたのブログにコメントが付いたり、ブックマークされた、あなたの投稿にスターが付いた、などのとき通知を受け取ることができます。 新しい通知が届いたときは、Chromeのデスクトップ通知にも表示されます。未読の通知がある場合は、拡張アイコンに未読の通知数が表示されます。 拡張アイコンをクリックすると通知が一覧で表示されます。未読の通知の場合、通知一覧では背景が黄色で表示されます。 本拡張により、はてな以外のWebサイトを閲覧しているときでも、はてなの各サービスからの通知
Feedlyがイマイチ見づらいと思って拡張を探してみたらええの見つけた、GGReader (旧Feedly Reader – 林家次男
2013.06.30 タイトル小変更。Feedly Reader → GGReaderに名称変更していた件。 Google Reader がその役目を終えるお知らせから早、20日ほど。 大多数のGoogle Readerユーザーよろしく、ぼくも颯爽とFeedlyに乗り換えました。 ふぃーどりページに飛ぶよ、鳥だけにね！ 乗り換えた理由は多分に洩れず、長いものには巻かれとけ的な。 Feedlyのどこがいいかはオシャレで有名な最近ブログを始められた さとし アンギスさんを見ればいいと思うよ( ´_ゝ｀) Feedlyに乗り換えたはいいものの、慣れないRSS画面がさ。 そうなんですよ、何年もGoogle Readerに身を捧げてきたので戸惑いを隠しきれない感満載のRSS画面。 すこぶるしゅっとしてるんだけども、体が拒絶するよね！ おされかつおしゃれ。ちょっと違和感あるの、でも。 そんなわけで拡張
WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌
Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます サイトで使われているカラーを１６進数で出してくれる機能もあります CSSビュー。折畳み可能で使いやすく見やすい Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！ Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能 そ
Google Chromeの拡張機能でGmarksと同等の機能を持ったBoogleMarksが出ていた（その１）: sakashushuの取りあえずブログ
いつの間にかGoogle Chromeに拡張機能でGmarksライクなものが出ていたみたい。 chromeでGmarks（Googleブックマーク）が使える！ 上記のエントリの著者のさくらぎけいさんの FirefoxからChromeに移れない理由 と同様の理由で、私も以前Google Chromeを試し、Gmarksから離れられずに戻ったクチだった。 ラベルのメリットに関してはさくらぎけいさんとほぼ同意見。 Googleブックマークは、フォルダではなく「ラベル」で管理しているので、上記のようなページには、「MovableType」「Google」「JavaScript」ってラベルをつけてしまえば、そのラベルのどこからでも同じブックマークにアクセスできます。 これ、めちゃくちゃ便利。 自分の記憶力に自信のかけらもない私は、既にラベルの数は100を超えてしまっている。 今回FirefoxのGM
GoogleブックマークをFirefoxで管理・同期 - Firefoxアドオン「GMarks」
オンラインブックマークサービスである「Googleブックマーク」は、Googleアカウントを持っていれば誰でも利用できる。どのPCからもブックマークを使える点が便利であり、活用している人も多いかもしれない。しかし、オンラインブックマークは、ブックマークのWebサイトに一度アクセスする必要があったりして、いまいち使いこなせないこともあるだろう。そんな問題を解決してくれるFirefoxのアドオンが「GMarks」である。「GMarks」をインストールすると、サイドバーやメニューバーでGoogleブックマークを開いて、Firefoxのブックマークのように利用することができる。また、Firefoxのブックマークをインポートするのも簡単だ。 注意:本稿では、Firefoxのアドオンのインストールを行っていますが、ソフトウェアの利用は使用者の責任で行ってください。 GMarksをインストール それでは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
指定したWebページから、PhotoshopやSketchのカラーパレットを生成できるChromeの機能拡張 -Site Palette
Any.do Extension - Chrome Web Store
知っているとちょっと便利になるChrome拡張機能10個まとめ｜男子ハック
『OneTab』で調べ物はずっと効率良くなる : ライフハッカー［日本版］
“Gmail”や“Evernote”で“Markdown”記法を利用可能にする「Markdown Here」NOT SUPPORTED
もっと便利に！ Google Chromeのお役立ち拡張機能まとめ | ライフハッカー［日本版］
ChromeのツールバーでGoogle Analyticsのアクセス解析がひと目でわかる「Stats Checker for Google Analytics」 - iTea3.0
