YOPPA 田所淳の講義ノート
このサイトは田所淳の講義、仕事、日記、そのほか諸々の情報を公開しています。そもそもは、授業の履修者のために過去の授業の内容の記録を掲載するために始めたのですが、より多くの人に役にたてるのであればと思い、全てを公開することにしました。基本的にリンクはフリーです。どの階層のページにも勝手にリンクしていただいて構いません。また、リンクした旨を連絡をしていただく必要もありません。サイト内の全ての記事は、Creative Commons Licenseの条件に従う限り自由に利用していただいて構いません。記述の誤りご意見などありましたら、コメントもしくはメールにてお知らせください。 tadokoro[at]gmail.com
デザインを高速に行える技巧的なPhotoShopアクション集:phpspot開発日誌
Photoshop actions: 124 Free Photoshop Actions to Boost Your Designs An action is a series of tasks that you play back on a single file or a batch of files - menu commands, palette options, tool actions, and so on. デザインを高速に行える技巧的なPhotoShopアクション集。 複数の処理を一括してまとめて行えるPhotoShopのアクション機能。 高度な画像処理を行うアクションがまとまっていましたので紹介。 フィルタではなく、アクションなので、それぞれの細かな動きも見ることができてPhotoShop自体の学習用にもよさそう。 （アクションの読み込み方は本エントリの最後を参照） 画
HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」:phpspot開発日誌
HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」 2007年10月10日- Welcome to Tablecloth Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」。 テーブルにカーソルを合わせると次のように、現在位置がハイライトされます。クリックすると、その位置のハイライトを固定します。 シンプルな効果ですが、データが多くある際、現在位置の確認や、チェックしておきたい部分をハイライトさせておくことが出来るなど、ユーザビリティ向上が期待できますね。 使い方は次
ウノウラボ Unoh Labs: グラフィック作りのコツとカン
こんにちは。yamazakiです。 前回はレイアウトなどについて非常にざっくりとですが書いてみたわけですが、いかがでしたでしょうか。 そろそろ「グラフィック」のほうも少し書いてみようかという気になってきたので、グラフィック品質を高めるベーシックな技術についても少しずつ書いていってみようと思います。 基本のき 具体的な話に入る前に、まずは基本的な話から。 とりあえず、ざっとあなたの周囲を見回してみてください。壁にしても、PCにしても、「単なる一色のベタ塗り」にはなっていないのではないかと思います。光の加減などで、「影」や「グラデーション」がついていると思います。また、ものの表面には「つるつる」「ざらざら」といった「質感」があるのが当たり前、という中で私たちは生活しています。 そのため、人の目はそういう「グラデーション」や「影」、「質感」がある状況を「見慣れて」います。 グラフィック上
CSSだけで円グラフを表示するサンプル:phpspot開発日誌
Have a Slice This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries CSSだけで円グラフを表示するサンプル。 次のような円グラフをCSSのみで実現するサンプルが公開されています。 HTMLコードは以下のようにシンプルに表現できます。 <div class="shadow"> <div id="example"> <div class="pie size35"></div> <p class="percent">37%</p> </div> </div> 次のような１個の円グラフを並べた横長画像のbackground-positionをずらして、必要な部分だけ表示することで実現しているようです。 サーバサイドでもクライアントサ
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね
ウェブサイトの色の心理学:phpspot開発日誌
Find the Perfect Colors for Your Website << Vandelay Website Design Color choice is a crucial decision in every website design. 色の心理学に関連するエントリ Color Wheel Pro: Color Meaning Choosing Colors For Your Website Design The Meaning of Colour in Web Design 上記エントリでは、 赤は愛、情熱、危険、警告 青は信頼、成功、重さ、プロフェッショナリズム 緑はお金、動物、健康、ヒーリング、ハーモニー といった意味を持つといったことが述べられてます。 色の意味について知っておくことで、WEBデザイン制作の際の参考や、顧客に対する説明の際に役立つかも。 Color
Yola - Make a Free Website
Yola has everything you need to take your business online Easy to Use No technical experience required! Make your free website with our easy drag & drop functionality. Everything you need is at your fingertips. Powerful & Flexible Get under the hood. Advanced users can easily edit images online, as well as add HTML, Javascript, and sitewide CSS. Take complete control of your website. Customize You
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用非商用に関わらず使える超可愛いアイコン集「PI Diagona Pack」:phpspot開発日誌
http://www.cssglobe.com/post/1305/create-resizing-thumbnails-using-overflow-property
web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳
CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE