Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty | コリス
2018年9月にGoogle Fontsは日本語が正式にサポートされ、既に利用されている人、検討されている人も多いと思います。当ブログでも早期アクセスから使用しています。 日本語の正式サポートに伴い、Google Fontsを使用したさまざまなツールも日本語が利用できるようになりました。 自分のWebサイトやブログに、Google Fonts + 日本語を使用するとどのように表示されるか試すことができるオンラインツールを紹介します。 参考: Google Fonts + 日本語 Google Fonts + 日本語でどのように表示されるかテスト Google Fonts + 日本語の使い方 Google Fonts + 日本語でどのように表示されるかテスト Google Fonts + 日本語を使用するとどのように表示されるか試すことができるオンラインツールはこちら、Fontyです。 登録
Chrome 70 デベロッパーツールが便利になってる！Web制作者がチェックしておきたい新機能のまとめ | コリス
DOMノードの強調表示 Consoleタブを選択。 DOMノードに評価される式を入力。 入力する式 以下の便利な式を使用できます。 「document.activeElement」で、現在フォーカスのあるノードを強調表示。 「document.querySelector(s)」で、任意のノードを強調表示。sはCSSセレクタで、DOMツリー内のノード上をホバリングするのと同じ。 「$0」で、DOMツリーで現在選択されているノードを強調表示。 「$0.parentElement」で、現在選択されているノードの親を強調表示。 パフォーマンスパネルの最適化 今までのパフォーマンスパネルは大きなページをプロファイリングする際にはデータの処理とビジュアル化に時間がかかりました。Chrome 70ではこの処理とビジュアル化が高速になりました。 パフォーマンスパネルの最適化 信頼性の高いデバッグ Chro
Google Chromeでウェブの7つのイライラを解消する方法 | ライフハッカー・ジャパン
みなさんの、ウェブを使っていてイライラすることはなんですか？ インターネットは現代人にとって、もはや不可欠なツール。仕事にプライベートに、手放せないものだからこそ、便利さにはとことんこだわりたいですね。たとえば、しつこいオンライン広告や無駄に重たいFlashコンテンツなど、まだ改善すべきところは多々あります。 さて、『Google Chrome』では、スピード改善など、ユーザのイライラを解消する工夫が施されていますが、『Firefox』と比べると、拡張性にはまだ水をあけられている感が...。とはいえ、公式ギャラリーにある拡張機能を駆使すれば、インターネットをぐっと快適に使うことができます。そこで、こちらでは、よくあるイライラ7点をとりあげ、これを解消するための、オススメな拡張機能をご紹介しましょう。 1: 広告をブロックする Firefoxでは、拡張機能「AdBlock Plus」をつかえ
Not Found
指定されたページは存在しない（URLが間違っている）か、 またはメンテナンス中のため、一時的に表示できなくなっています。 ベクターのトップページからたどるか、サイトマップから目的のページを探すか、またはしばらく経ってから再度、アクセスしてみてください。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。
» goo.gl短縮URLブックマークレット再度改良してみた。 gardenclogs-twitter
先日作った“タイトル付きでgoo.gl吐き出すBookmarklet作ってみた。”をさらに改良しました。 プロンプトポップアップしてインプットボックス内にタイトルとgoo.gl短縮したURLを表示してコピーしやすいようにしました。 Title+goo.gl ←これをブックマークバーにドラック＆ドロップ 最初からこうしろと。 ※実はアラートとプロンプトの違いをそれほど意識してなかったのです。すんません。 Comments » goo.gl短縮URLブックマークレット再再度改良してみた。 gardenclogs-twitter 11:07 AM on 2010年1月28日 | # [...] もう、しつこいと言われそうですが、先日より個人的に夢中になってる短縮URLのgoo.glをさらに改良してTwitterに直接送るようにしてみました。 [...] Leave a Comment
【レビュー】『Googleカレンダー』を便利にするツールたち - オススメ13選 | ネット | マイコミジャーナル
企業におけるグループウェア利用でもっとも重視される機能は「スケジュール管理」です。GoogleのWebアプリケーションで言えば『Googleカレンダー』が相当します。Googleカレンダーは、個人、企業を問わず幅広く利用されており、AjaxとJavaScriptを使ったUIによって、マウス操作によるスケジュールの作成、変更などが容易に行なえます。ローカルアプリケーションと比べても遜色なく、とても高機能です。今回はGoogleカレンダーをもっと便利にするツールを紹介します。 『Googleドキュメント』を活用している人はこちら! 【レビュー】『Googleドキュメント』を便利にするツールたち - オススメ16選 * * * デスクトップ上でスケジュールを通知 名称 GMinder 予定されているスケジュールを見逃さないようにするには通知機能を使うのがよいでしょう。Windowsユーザであ
Google Chromeにマウスジェスチャー·Chrome Mouse Stroke MOONGIFT
Chrome Mouse StrokeはGoogle Chrome向けのオープンソース・ソフトウェア。Webブラウジングの際にはマウスが欠かせないので、マウスジェスチャーアプリケーションには注目が集まる。利用されている方も多いことだろう。過去にはChrome Gesturesやnk-gestureといったソフトウェアを紹介してきたので人気の高さが伺い知れるだろう。 Google Chrome用マウスジェスチャー Chrome Mouse Strokeはその意味では同種のマウスジェスチャーソフトウェアになる。機能拡張なので、Google Chromeの起動時に--enable-extensionsを付けて起動し、ダウンロード＆インストールすれば使えるようになる。 インストールが終わったらhを描くように動かせばヘルプページが呼び出せる。基本的な機能は他のマウスジェスチャーと変わらないが、右ボタ
窓の杜 - 【特別企画】「Google Chrome」でマウスジェスチャーを使う
最新の記事2016年2月【特集】容量削減は回避できた？ “OneDrive”を活用するためのアプリまとめ （16/02/02）2015年12月【年末企画】編集部員の“今年のお気に入り” （15/12/25）【特別企画】使いこなせば検索・置換が捗る！ 「EmEditor」で正規表現を身に着けよう （15/12/25）【特集】クリスマスが来る前に！年賀状関連のフリー素材＆フォント＆ソフトまとめ （15/12/19）【特別企画】大丈夫？年賀状のマナー。年賀状作成の前に知っておきたい基礎知識 （15/12/14）【特別企画】失敗しない“年賀状本”の選び方 （15/12/05）2015年11月【特別企画】そろそろ年末！年賀状のWeb注文を試してみた、「デザイナーの手作業」やARまで…… （15/11/27）2015年10月【特別企画】古いWebサイトを簡単にスマホ対応！ 「BiND 8」でコードをい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dance Party