VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。

SEOに関する技術的な側面から徹底的に詳しく解説された良書を紹介します。 サイトの現在状況の把握から、Googleの検索エンジン、サイトの高速化や構造化マークアップ、AMP対応、内部施策と外部施策、施策の効果検証まで、SEOに必要な知識と情報がこの一冊にすべてまとまっています。 SEOの解説書というと、なんだかぼんやりしたイメージがありましたが、本書では技術的に、しかも具体的に詳しく説明されているので、今まであやふやだったことも非常にクリアになると思います。 本書は中級者向けの解説書です。中級者向けとは言っても、SEOにはじめて触れる人でも大丈夫です。基礎から徹底的に詳しく解説されています。 SEOやマーケティングの担当者はもちろん、実装を担う制作者も目に通しておくべき一冊だと思います。構造化マークアップとか、高速化、AMP対応など、コードの解説も具体的で非常に充実しています。 Googl

Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。 私が日常的に使うツールや、気になっていたツールも含まれており、こんなのもあるんだ！という便利そうなツールもたくさんあります。 エディタとIDE（統合開発環境） 開発ツール テストツール コマンドラインツール バージョン管理 データベース デザイン&プロダクト 仮想マシン コミュニケーションツール データ復旧 オーディオとビデオ オフィス・読み書きツール Ebookリーダー FTPクライアント ハイブリッドアプリ用のフレームワーク ダウンロードツール オンラインスト