ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ

ウェブデザイナーを目指してる方や新人さんへ向けた記事です。 みなさん、こんな悩み抱えてませんか？ とりあえずウェブデザイナーになったけど、 ・写真の合成がうまく出来ない…。 ・やってみたいことがあるけどなんかうまく出来ない…。 ・仕事がしんどい…。 ・デザインのネタが少ない…。 ・向いてないないんじゃないかって落ち込む…。 そんな人に少しでも参考になって貰えればいいかな？ って思ったことを書いてみたいと思います。 新人ウェブデザイナーの心得■６カ条■ １．ともかく色んな物のデザインに注目すべし！ 当たり前の事ではありますが、ともかく色んな物に対するアンテナを今まで以上に張って下さい！！ 例えば、電車での移動中だって 中吊り広告 扉になんとなくはってある広告など 有名デザイナーや一流デザイナーが作ったであろうデザインは沢山あります。 デザインで大事なのはただ何となくみるんじゃな

25 Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、１つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。 本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。 英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル２５ 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集