Web制作でのデザインにはPhotoshopを使っています。Kanaです。 ショートカットを使ってPhotoshopを操作しているのですが、作業中、 「え、そんな便利なショートカットがあったの？」といわれることがありました。 Photoshopを使ってデザインされている方の参考になればと思い、私がよく使うショートカットをまとめました:) ショートカットを使うと、マウスの操作が減るので、とても便利ですよ！ あくまで私がよく使うショートカットですので、同じ動作が他のショートカットで出来たり、このショートカットがあるのに、あのショートカットはない…ということがあるかもしれません。 1．ファイル管理系ショートカット1-1．新規作成1-2．キャンバスサイズの変更1-3．上書き保存1-4．別名を付けて保存1-5．ウィンドウを閉じる1-6．アプリケーションを終了2．基本ショートカット2-1．コピー2-2

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

(個人的な)Graceful Degradationへのシフト webcre8はこれまでIE対応の必要な環境で仕事をしていた為あまりIE6,7で使えない技術には興味が湧かなかったんですが、(ずっと進んでない)ブログのリニューアルのことを考えていると、やはりどうしても擬似要素や過去ブラウザを無視(ざっくり対応)した形でのCSS3の使い方に魅力を感じてしまうわけです。 つまりプログレッシブ・エンハンスメント→グレースフル・デグラデーション的な考え方に気持ちがシフトしているんですね。そしてどうせCSS3を使用してディティールに凝るのなら、「空divや重ね使いで無理矢理作っていたものをさっくり作れる」ことに驚くより、「フォールバックを意識したコーディングをして過去ブラウザにはあっさりコンテンツを見せる」方がやっぱりいいなーと感じているわけです。 とりあえず擬似要素で そこで今回は自分が擬似要素を使

MS Office カテゴリ MS Office (107) 関連タグ Access (45) Excel (94) OfficeScripts (2) PowerPoint (8) Python (4) VBA (92) YouTube (7) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (7) アプリ (29) イラスト (44) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS

丁度去年の今頃『 今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々』という記事を書かせて頂きました。この時の記事は、有名フォントばかりをご紹介させて頂いたのですが、『ほぼ全部有料やん？！』っていう突っ込みもあり、『フリーフォント版を所望する！』というご要望も頂きましたので、今日はフリーフォントに限って、尚且つ僕の好み優先でご紹介させて頂ければと思います！ 僕自身、いつかまとめてしまおうと思っていた記事でもありますので、半分は備忘録的な感じで書かせて頂きますね。一応フリーをうたってる物ばかりですが、念のためライセンス確認はご自身でよろしくお願いいたします！ 普段SNSにUPしていってる物も含めてご紹介させて頂きますので、もしよろしければ Facebookの方も合わせてよろしくお願いします！まぁ、完全に個人の趣味全開のご紹介で恐縮ですが。。。 ではでは。行ってみましょ

このサイトをリニューアルするに当たってのちょっとした裏ミッションは、Google AdSenseを効果的に配置しサイトの収益性をある程度アップさせることだった。というのも、レンタルサーバー時代は年間5,000円程度だったサイトの維持費が、VPSサーバーに移転すると20,000円程度までアップ。今までならそれでもまあ良かったが、来年には子供が生まれると言うことで、男には何よりも恐ろしい事態が目前に迫ってきた。 小遣い制！！(T-T) 嫁が今と同じように働けなくなる時点で世帯収入ダウンは避けられない。なので文句を言う気も無いし、むしろそうするべきだと思ってはいるが、そうなるとこのサーバー維持費が地味に痛い。というわけで、サイトの維持費と欲を言えばガジェットヲタクとしての生活を少しでも維持するべく、サイトの収益化を少しは考えてみようと思うようになった。 以来色々試していたが、先日「Google

デザイナーの野田です。 前回書かせていただいた「必読！5分でわかるレスポンシブWebデザインまとめ」が、大変好評だったため、今回も続編を書かせていただきます。 今回は、応用編のつもりでしたが、前回だけでは足りていない事が多かったので、もう少し基本となる部分を固めていきたいと思います。 本当に基本的な事ですが、大切な事ですので、少しでも皆様のお役にたてればと思います。 レスポンシブWebデザインで必ず考えなければならない事 「レスポンシブWebデザイン」で制作する際には、必ず考えなければならない事がいくつかあります。 これは、考えていなければ制作する際に必ずつまずく事でもございます。 ■対応デバイスの確認 まずは、対応デバイスの確認をしましょう。 現在、様々な解像度を持つデバイスがございます。大体のサイズとして下記のものが挙げられます。 ※PCの解像度に関しては、今回は省略させていただきます

二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル

ゲームロゴのデザインギャラリー