TweetPocketWeb制作に関わるなら、なくてはならないPhotoshop。非常に高機能で、写真の加工からグラフィックデザイン、Webデザインまでこれ1本でなんでもできるすごいヤツです。Web制作では、デザイナーさんからもらったPSDから画像やアイコンをスライスしたり、コーディングする際に要素のスペースをとったりするときに必要になってくるんですよね。このようなときにプラグインを使うことで便利な機能を追加し作業を効率良く進めることが可能。ここでは数多く公開されているPhotoshopプラグインの中から特にオススメなものを10本厳選して紹介します。Photoshopプラグインベスト10フリーで使えるプラグインCSS3PsPhotoshopで作ったオブジェクトはスライスして画像として使うことが多いでしょう。ところがこのプラグインを使うとそれらのオブジェクトをCSS3で書き出してくれるもの。meこのプラグインはレイヤーのスライスを便利にしてくれます。通常はPCサイズのみの書き出しをスマホ用、レティナ用に最適化して書き出してくれます。モバイル制作するなら絶対入れておきたいプラグイン。BlendMeBlendMeは世界中で公開されているフリーアイコンやUIkitをPhotoshop内から取得できるようになるプラグイン。ブラウザで検索することなく、簡単に使えるのでものすごく便利!Layersこちらはレイヤー操作を便利にしてくれるPhotoshopプラグイン。レイヤー名を簡単に変更したり、未使用の効果を削除してくれたりと面倒な作業を簡単にしてくれます。GuideGuideこのプラグインはカラム数やカラム幅を指定するとボタン一発でガイドを作成してくれる便利なもの。Web制作ではよくガイドを使いますが、このプラグインで自動化してみましょう。Render.lyこちらは複数のスクリーンやボタンのステートを簡単に作成、管理できるプラグイン。いつもは手作業で細かくレイヤー名を分類していたり、パターンごとにファイルを作ってましたが、これ1つで作業がかなり捗ります。Generator意外と作るのが面倒なロングシャドウですが、このプラグインを使えば1クリックで自動生成してくれるので大変便利。Plug-inGooglefontを簡単に取り込むことができるプラグイン。webサイトでGoogleフォントを使う予定ならこちらのプラグインがおすすめ。有料だけど便利すぎるプラグインSpecctrオブジェクトの幅や高さ、オブジェクト間のスペースなどを自動的に計算して表示してくれるプラグイン。Webサイトを作る上で各要素のスペースは重要ですが、これなら簡単に取得可能です。WebZapWebサイトのレイアウトはもちろん、ログインフォームなどのUIもパーツを選んで少し修正するだけで簡単につくれます。これまで数時間かかってたことを数分で終わらせるような感じ。価格も19$と安めです。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのメインテーマはベージュです。minimal1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらはシンプルな白をベースとしたテーマカラーとなっています。minimal2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。classicはEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。