[連載]Webデザイン入門（1日目） | Stocker.jp / diary
本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweaver 等のソフトの操作説明」しかされておらず、ソフトの操作方法を習得しただけではWebデザイナーとして就職し、仕事していくのは少々厳しいのではないかと思いました。 そこで、ソフトの操作方法と平行して「Webデザインそのもの」について考える時間を設けたいと思い、オリジナルのカリキュラムを作ることにしました。 ここでは、そのカリキュラムの一部をブログ形式にして掲載しています。 既にWebデザインの仕事をされている方はご存知のことばかりかもしれませんが、これからWebデザイナーになりたい方や、今はプログラミングなどデザイン以外の仕事をされていて、これからデザインも手がけてみたいと
![[連載]Webデザイン入門（1日目） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aeba51f4329633993f3f50c3007e124fe9a30ab/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fb433d63ba5e7a465dbac23082f36bb7f-500x375-1.png%3Ffit%3D500%252C375%26ssl%3D1)
「ホームページを作る人のネタ帳」さんのリデザインをしました
2013年3月23日 Webサイト制作, Webデザイン Webデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました！リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。 ↑私が10年以上利用している会計ソフト！ 打ち合わせ リデザインにあたり、まずは入念な打ち合わせをします。Yamadaさんからの要望は、 とにかく読みやすく、スッキリと 差し色にピンクを使いたい jQueryを使った何か仕掛けが欲しい の三点。文章主体であるこちらのブログでは読みやすさが命。スッキリとしたデザインを第一にしてほしいとのこと。また、「ユーザーに数秒でもいいので楽しんでもらいたい」という思いから、何か仕掛けを、と依頼されました。Yamadaさんらしい遊び心ですね
web業界人が見ておくべき2011年の年末年始ハイライト
年末年始に一切webからはなれてしまった人向けの、非常にマニアックな年末年始ハイライト記事となっております。 内容はモバイル系、フリーソフト、webサービス系、ライフハック、5分でわかるプログラミングシリーズ、web制作系、web屋のための時事記事、そして今回の年始を騒がせたグルーポン騒動のまとめです。 極力ハイライトなのでそぎ落とすのが地味に大変でした・・・。 モバイル iPhoneユーザがGALAXY Sと過ごした７日間をまとめてみました Android端末を、WiFiのみで運用してみた結果がここにあります。Androidユーザーにお勧め。 Androiderが押さえておきたいブログ・サイトまとめ 様々なAndroidユーザー向けのサイトが紹介されて居ます。 人生の調律をしてくれる iPhone アプリ６選 | Lifehacking.jp 人生を調律してくれるという言葉に引かれて・・
色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
無料ホームページ作成用HTMLテンプレート
このページでは、即席ホームページ素材として、フリー素材屋HoshinoオリジナルWEBデザインのテンプレート（HTMLテンプレート＆CSSファイル＆イメージ画像のセット）を無料で配布しております。 ＞＞wordpressテーマ（ワードプレス用テンプレート）をご希望の方はこちら WP（wordpress）の他にも、スマートフォンやタブレット端末にも最適化されたレスポンシブWEBデザインテンプレート（HTML５＆CSS３）も追加いたしました。 また、会社やお店のホームページとしてすぐ活用できるように、様々な汎用ページを用意したものもございます。ホームページ作成の際は、是非お役立てください。 ※各テンプレートは、全てカスタマイズ自由ですが、【ＰＲ枠】内のリンクは絶対に削除しないでお使いください。（有料登録後は削除可能です。） ダウンロードされる際は必ず「ご利用規約」をお読みになってください。 ま
CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集
cssやプログラミングcss × クロスブラウザ cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://bestphotoshoptutorials.net/2009/01/25/70-photoshop-tutorials-for-web-designers/
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
無料で使えるPhotoshop グラデーションファイルいっぱい - DesignWalker