PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
フロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。 - 笑いながらコードを書く。
おはようございます！ 盛大に出遅れました。本当にすいません！ この記事はVim Advent Calendar 2012の51日目の記事です。 50日目は@kmnkさんのgitを操作したいときにちょっと便利かもしれないunite-sourceを書いています。 でした。 今日はフロントだけどVim使ってる人（主に俺）用に作ったプラグインの紹介をさせて頂きます。 作ったもの色々 ・RetinaResize https://github.com/AtsushiM/RetinaResize ここ数年、スマートフォン用のコーディングとかすっごい多いです。 // というかむしろスマートフォンしかやってない そんなわけでスマートフォン用のコーディングをやる上でほぼ間違いなくやる事があります。 そう、「画像のサイズ指定を半分にする」 です。 比較的簡単な作業ではありますが、これが結構面倒臭い。 imgの
コーディングの必須ツールになりそう。ステキなCSSスタイルガイドを生成する｢styleDocco｣の導入とgrunt.jsでの自動化のメモ | Mnemoniqs Web Designer Blog
プロジェクトでコーディングする時に、複数の作業者がいる場合にスタイルガイドはとても重要です。 特にスマートフォン向けのサービスでは、モジュールの共通化や画像のスプライト化がもろにページ表示速度に影響するため、より精度が高く細かいアップデートに耐えうるCSSスタイルガイドが必要になります。これをExcelやPowerPointで管理していると、細かい変更の反映が大変だし、なにより見にくい。 そんな時、こちらの記事「CSSプリプロセッサでスタイルガイド」 inkdesignの中で、 スタイルガイドは”生きている”ドキュメントでなければいけない というシビレるキャッチで紹介されていた「styleDocco」というスタイルガイドジェネレータを発見。 これはなんだか良さそうだ！とプロジェクトに取り入れてみることにしたので、導入とか設定とかをメモ。 「styleDocco」ってなに？ 「style
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
