ペーパーデザインのWEBサイトを作るときに見るべきまとめ*ホームページを作る人のネタ帳
慶大経済学部、日本建築特有の「大和比」でホームページをデザイン
慶應義塾大学経済学部・大学院経済学研究科が刷新したホームページは、日本建築に用いられている比率「大和比グリッド」の活用や、サイトの構造を3階層までにして情報にたどり着きやすくするといった工夫が凝らされている。 慶應義塾大学経済学部・大学院経済学研究科は2008年12月25日にホームページを刷新した。必要最低限のスペックを掲載した従来の学部サイトを刷新し、来訪者に学びの意欲を持ってもらうようなデザインを目指した。同サイトの構築を手掛けたアイ・エム・ジェイ（IMJ）が、刷新のコンセプトやデザインの詳細を1月14日に発表した。 同大学はホームページの刷新に当たり、「伝統と新しさを備える経済学部のたたずまいや特徴」を伝えることを目指し、教育のコンテンツを掲載した「Academics」、人に焦点を当てた「People」、卒業生の実績を紹介した「Career」の3カテゴリーをトップページに掲載するデザ
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
Webデザイナーのためのスターターキット27 – creamu
HONGKIATで、Webデザイナーのための便利ツールがたくさん紹介されています。 ざっとご紹介。 » Web Form Elements タブやボタン、ドロップダウンといった要素がPSDファイルになっている » Browser Form Elements PSD MacのFirefox3とWin Vista IE7のブラウザのフォーム要素 » Deluxive Creative Pack ステッカーやバッジなどの要素がたくさん » 960px Photoshop Grid Template 960pxのPhotoshopグリッドテンプレート » (More) Browser Templates ブラウザのテンプレート集。↑のキャプチャはこちら » Photoshop Cursor Pack カーソルがたくさん » Magazine PSD 雑誌のテンプレート かなりいい感じのがそろってい
Google Feed APIで3分マッシュアップ (1/2)
特定のテーマに関する情報を集めた、ポータル的なWebサイトを作りたい――。そんなとき、JavaScriptを使って、他のWebサイトのフィードから情報を得て、そのサイトの最新情報を表示できると便利です。 しかし、普通の方法ではできません。というのも、JavaScriptでフィードを読み込むのに使う「XMLHttpRequest」オブジェクトでは、セキュリティ上、異なるドメイン（クロスドメイン）とのやり取りが制限されているためです。そこで、「Google AJAX Feed API」を使いましょう。 Google AJAX Feed APIは、指定したフィードをGoogleのサーバー側で取得し、JSON（JavaScript Object Notation）と呼ばれるJavaScript専用のデータ形式に変換します。変換されたデータは、JSONP（JavaScript Object Nota
WEB制作会社 株式会社ノイ
2024.12.16 12月27日（金）から1月5日（日）までの期間を年末年始休暇とさせていただきます。 2023.08.31 Webサイトをリニューアルしました。
65 Excellent Flash Designs | Design Showcase | Smashing Magazine
Flash enabled designers and developers to deliver rich content over the browsers, creating motion, interactivity and an impressive visual experience. Good Flash-sites do not require too much bandwidth, load fast and allow for a smooth interaction; besides, beautiful Flash-based sites are Photoshop masterpieces, transporting some kind of reality and fantasy to the Flash movie. In the showcase below
効果的なComing Soonページ 4つの特徴 | 経営 | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 作成途中のWebページを表現する場合、これまでの典型的なケースでは、ロードコーンのアイコンを掲載して「作成中」や「Comming Soon」「Under Construction」などの文字列を記載しておくことが多かった。最近では、作成途中のページをポスターのようにとらえ、ユーザを惹きつけるより効果的なページとして活用する例が増えている。 Comming Soonのページをどのように作成すべきか、また、どういった優れた例があるかをJennifer Farley氏がSitePointにDesign A Successful Coming Soon Pageとしてまとめている。同記事の中では効果的なComming Soonページには次の4つの特性があ
| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
Webサイトをデザインする5つの作業手順 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 新しくWebサイトを構築する場合、大きくわけて、顧客、プロジェクトリーダ、Webデザイナ、Webデベロッパ、場合によってはデザイナとデベロッパの中間を担当するコーダといった役柄で仕事を回す。大規模なプロジェクトになればデータベースであったりインフラ、ネットワーク、デプロイなどなど、要所ごとに担当が増える。逆に小規模なプロジェクトや、1、2名で回すプロジェクトでは、Webサイトデザインも開発も同じ人が担当することになる。 WebデザイナはWebサイトの構築手順の典型的な作業プロセスについては知っているだろう。しかしWebデベロッパがデザインも兼任することになった場合、作業プロセスがよくわからないため、とりあえずDreamweaverやPhotosh
フッターサイトマップのデザイン | blog / bookslope
6 Things To Include for a User Friendly Footer | UX Booth 「Key Footer Information」として、フッターの情報として重要な6つを取り上げています。もうどのウェブサイトを見てもこれらの情報は掲載されていると思いますし、ある意味デフォルト (標準値) であるとも言えます。 フッターに置く重要な要素 About Us Link/リンク (について)Contact Us Link/お問い合わせ (連絡先)Terms of Service/サイトの利用方法 (利用規約)Privacy Policy/プライバシーポリシー (個人情報の取り扱い)Site Map/サイトマップAddress and Phone Number/住所や電話番号 ただし、このうち「サイトマップ」については、単にサイトマップページへのリンクを置くこともそ
| ＾＾ |秒刊SUNDAY | アイコンの常識を凌駕する高クオリティフリーアイコン５０個
2009年02月16日 アイコンの常識を凌駕する高クオリティフリーアイコン５０個 カテゴリ：WEBデザイン アイコンと言えば、PCの操作上で識別する為のものですが、そのアイコンにこだわってみると言うのも今まで無かったのでは。Windows7時代になれば大きなアイコンも使えます。もちろんWebデザインにも使える。 ◆高クオリティフリーアイコン５０個 ※この記事とても長いです･･･。覚悟して見て下さい。 では Function Icon Set Concept Icons .08 Affel Smultron Icon Pack Eico Studio Anniversary Icon Pack Kidaubis 3D Icon - Blue series Beijing 2008 Icons Jonas Rask Icons The Shield Icon Set Mac Icons
Yoropan@Fla - Fireworksに入れてみた機能拡張
【スタイル】 ●Web 2.0 styles 概要:上図のようなスタイルが入っている。 インストール方法:解凍したらスタイルパネルからスタイルの読み込みでweb20styles.stlを選ぶ。 Tips:photoshopライブエフェクトを使ってスタイルを作っているのでＣＳ３から。 【コマンド】 ●DistriFusion FW8 画面はこんな感じ。（２つ画面がありますが、タブでごとの切り替えた画面を合成しています。） 概要:ドキュメント内のオブジェクトを複数のドキュメントに分配、逆に複数のドキュメントをひとつのドキュメントに結合できる。 インストール方法:Distrifusion_fw8_ja.mxpをインストールしようとするとＰＤＦを書き出す場所を聞くダイアログが出るので任意の場所を選択。「コマンド」＞「FireworksZone」に追加される。 Tips:Webレイヤ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
visvim
IDEA * IDEA
http://gerenuk.crazyphoto.org/2009/06/10/600/
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
