Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
黄金比や三分割など、レイアウトや写真の構図確認に使えるPhotoshopのカスタムシェイプが便利！
黄金比、黄金螺旋、1/3ルール、L字など、レイアウトや写真の構図に重要なパスを簡単に描けるPhotoshopのカスタムシェイプを紹介します。 カスタムシェイプなので、サイズやカラーなど自由に利用できます。 Photoshopのバージョンも古いものから新しいものまで、使えると思います。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 紹介するのは二つ、両方とも無料です。 一つ目は黄金比や黄金螺旋、1/3ルール、L字など、さまざまな構図がセットになったものです。
Firefoxのタブを上ではなく左右に配置できるアドオン「VerticalTabs」レビュー
タブブラウザの代表格であるFirefoxでは、ついついたくさんのページを開きまくってタブだらけにしがちで、開きまくったタブが小さくなりすぎて何が何だかわからないという苦労はつきものです。そんなわずらわしさを解消し、タブを上ではなく左右にもってくることで、「今、どんなタブを開いているのか？」が一発で分かるようになるFirefoxアドオンが「VerticalTabs」です。 Side Tabs: Prototyping An Unexpected Productivity Hack | Darrin Henein http://www.darrinhenein.com/prototyping-side-tabs/ まずは、ウェブブラウザFirefoxを使ってアドオン「VerticalTabs」の作者Darrin HeneinさんのサイトのVerticalTabs紹介ページの下部にある「SIDE
応答メッセージボックスを好きな位置に設置する | Contact Form 7 [日本語]
This page is also available in English. ブログの訪問者がコンタクトフォームで送信すると、その訪問者は「あなたのメッセージを送信しました」とか「入力内容に不備があります」といった Contact Form 7 からの応答メッセージを目にすることになります。これは時々ユーザーから指摘を受けることですが、この応答メッセージを表示する位置がよくないために、訪問者がたびたびこのメッセージを見落としてしまうのだそうです。 この応答メッセージはデフォルトではフォームの最下部に表示されます。この場所を、応答メッセージのためのプレースホルダー [response] を設置することで変更が可能です。この [response] タグをフォーム内の好きな位置に置いてください。複数設置することもできます。これで応答メッセージはフォーム送信後にこのプレースホルダーの位置に表示さ
![応答メッセージボックスを好きな位置に設置する | Contact Form 7 [日本語]](https://cdn-ak-scissors.b.st-hatena.com/image/square/446e1bccef6284edf6dbeb0a2daf13487fcbe5de/height=288;version=1;width=512/https%3A%2F%2Fcontactform7.com%2Fwp-content%2Fplugins%2Fcf7com-utils%2Fimages%2Ficon-128x128.png)
クライアントに納品するWordPressの管理画面カスタマイズ vol.1
こんにちは。gqevu6bsiz です。 このページでは、クライアントにwordpressをCMSとして納品する際に、管理画面をカスタマイズして納品したい人で、あまりfunctions.phpに色々と書きたくない人や、何かを非表示にする際にしょっちゅうgoogleで検索してコピペするのが面倒な人向けに、gqevu6bsiz が作成したプラグインを利用して、おすすめのカスタマイズ法を紹介します。 Ｗｅｂの知識があまり無いクライアント様向けに、余計なものを触れないようにカスタマイズしたいWeb制作者を想定しています。 クライアントに納品するwordpressの管理画面カスタマイズ vol.1 クライアントに納品するwordpressの管理画面カスタマイズ vol.2 クライアントに納品するwordpressの管理画面カスタマイズ vol.3 クライアントに納品するwordpressの管理画面カ
Chrome使いにそっと教える、タブ一覧を縦に並べられる拡張機能｢Tabman Tabs Manager｣
Chrome使いにそっと教える、タブ一覧を縦に並べられる拡張機能｢Tabman Tabs Manager｣2013.06.16 22:0012,588 ｢Tabman Tabs Manager｣はChromeのタブ一覧を縦に並べられる拡張機能です。開いているタブを縦にずらーっと並べることができます。また、その一覧をサイドバーのように置くこともできるので便利ですよ。 以下に使ってみた様子を載せておきます。 まずTabman Tabs Managerへアクセスしましょう。Google Chromeに拡張機能をインストールします。 Tabmanのアイコンをクリックすると、このように現在開いているタブの一覧が表示されます。クリックすると、そのタブに移動できますよ。 また、独立させることもできるので、擬似的に縦タブを作ることができます。ぜひご活用ください。 ［Tabman Tabs Manager］
Make Your Website Multilingual Using WordPress Plugin – qTranslate
2016年6月8日 Wordpress 以前このブログをリニューアルした時に「付け足したかった機能を１つまだ実装していない」と触れたのですが、やっと実装完了しました！Webクリエイターボックスがついに英語でも配信されます！わーわー！ブログを始めた時から友人から「英語化まだかよー」と言われ続け早２年。お待たせしました！今回はそんな英語化するにあたってqTranslateというWordPressプラグインを使って多言語化したので、その使用方法について書いてみようと思います。 ↑私が10年以上利用している会計ソフト！ 実は今回の記事のタイトル、どこかで見た事があるかもしれません。そう、以前「WordPressプラグイン「WPML」でブログを多言語化する」という記事を書いた事があるのです。この記事で説明しているとおり、私のポートフォリオサイトは「WPML」という、サイトを多言語化するWordPre
wordpress: ソーシャルブックマークプラグイン「WP Social Bookmarking Light」を好きな位置に配置する方法 | ロゴマークデザインWEBサイト・CMS（wordpress）ビジネスサイト制作 リニューアルならD-31N.C
ブログ wordpressプラグイン wordpress: ソーシャルブックマークプラグイン「WP Social Bookmarking Light」を好きな位置に配置する方法 ソーシャルブックマークのプラグインは色々ありますが これが一番かと思っています。 大抵の物は全て揃ってますし Mixiチェック（Mixiへの設定が面倒だけど）も付けることが出来ます。 このプラグインを使用した場合、設定から位置を変更（記事の上か記事の下）出来るのですが 微妙に ここじゃないんだよな・・って事が出てくるので 任意の場所に配置出来る方法を紹介します。 WP Social Bookmarking Light プラグインのインストールはプラグインメニュー新規追加から検索するか こちらのサイトからDLしてください。 インストールし有効化したら設定から 好きなソーシャルブックマークを選択して保存します。 これ
Photoshopの面倒なガイドを簡単に配置するエクステンション -GuideGuide
Photoshopのガイドをドラッグして配置するのが面倒だな、という人にぴったり！ 数値を指定して1クリックでドキュメントにガイドを配置するPhotoshopのエクステンションを紹介します。 GuideGuide [ad#ad-2] GuideGuideはPhotoshop CS4, 5に対応しており、数値を指定してカラムや溝のガイドを簡単に配置することができます。 GuideGuideのインストール ページ下部の「Download GuideGuide 1.0」からファイルをダウンロードします。 ダウンロードした「guideguide_1.0.zip」を解凍します。 解凍した「GuideGuide」を下記のフォルダ内に移動します。 Win: \Program Files\Adobe Photoshop \Plug-Ins\Panels\ Mac: /Applications/Adobe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
