Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
�q1px rounded corners/smart faking �qdemo仕組みはdivを二つ使用し、paddingとmargin、もしくはmarginとborderで「1px欠け」を実装しています。HTMLCSS(padding&margin).example1 .outer {back...
サムネイルなどの一覧表示のレイアウトをスムーズなアニメーションで切り替えるスクリプトをDesign M.agから紹介します。Easy Display Switch with CSS and jQuerydemo[...]
面白法人カヤック 林真由美 2009/3/4 Webサービスのアイデアをデザインとして形にするためのハウツー。まずは、一度会ったら忘れられない名物「漫画名刺」の作り方からスタート！ 千里の道も一歩からWebサービスのアイデアをデザインとして形にする。当たり前のことですが、これがなかなか愛と勇...
『 二つの概念を組み合わせたアイデア溢れるロゴデザイン 』 by t.arata
ブラウザのサイズに合わせて、画像を最適なサイズに変更するスクリプト「maxImage」を紹介します。maxImagedemo上記のデモでは、右側の画像がブラウザのサイズに合わせて、はみでないようにリサイズされて [...]
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時に...
s3Sliderは、打ち出し画像をフラッシュのようにダイナミックに切り替え、レイヤーをスムーズにスライド表示するスクリプトです。 s3Slider demo スライドするレイヤーは、左右・上下から表示することができ、 [...]
動画やスライドショーのBGMに使えそうな楽曲素材サイトまとめ November 18, 2008 8:24 AM written by Gen Taguchiちょっと調べものをしたので結果をシェア。楽曲素材サイトのまとめです。スライドショーなんかを作ったときにBGMつけたいときありますよね。そうし...
submit, buttonを角丸にしたデモ対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。 スクリプトはjQueryのプラグインの...
の両者のWebサイトを見ると、インターネットを重要な選挙ツールとして位置づけていることが伺えます。ネットを使った選挙活動が制限されている日本とは事情が異なるせいもあるでしょうが、両者ともに公式サイトの充実ぶりがすごいのです。ブログや動画の活用は当たり前。グッズのネットショップや、サポーター向けのコ...
MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。
Web担編集部ブログ「Web担のなかの人」では、未確認のネタ、記事にできなかったネタ、取材裏話、コラムなどを、不定期更新で編集部スタッフが綴ります。このブログだけのフィードを購読する：2008年9月3日時点ですでにダウンロード可能になっているが、無料で利用でき、インストールにも時間がかからなかった...
『 目的遂行後に表示される完了ページやログアウト画面では、ユーザに『次は■■■■をする』といった明確な意思がないことが多く、サイトが訴求したいものを受け入れてくれることがあります。 』 by hiro_y
『 デザイン性の高いフリーフォントまとめ 』 by id_91
すっかり市民権を得たUSB経由での充電。出張用途でUSBへの変換アダプターを購入するのであれば、複数ポートを搭載したタイプがオススメだ。 2008年08月25日 11時28分 更新 プロテックのUSB-AC変換アダプター「PD-2WH」。対応電圧は100〜240ボルトで、海外での利用も可能だ 携...
たまに、クライアントの方で、『ロゴも適当に作っておいて』なんて、かる〜く頼まれる事もあるのですが…。 ロゴの制作ってなかなか大変です。 大抵、ロゴの制作は手書きのスケッチからはじまります。その会社の業務内容や社名などからイメージしてキーワードを拾いだして描いていきます。 本日は、ひとつのロゴが出来...
「うごくひと」は、PCサイト向けアクセス解析サービスである「なかのひと」の携帯サイト向けツールです。・結果サンプル - こんなデータを調査できますこの「うごくひと」では、携帯サイトへのアクセス数や検索キーワード分析といった通常の Web アクセス解析機能のほか、年齢・性別の傾向などのユーザー層分析...
Switch On The Codeのエントリーから、スムーズにスライドするパネルを実装するスクリプトを紹介します。Inline Sliding Panelsタブ「Click Me」をクリックすると、パネルがスムーズにスライドし、それに追随して他のコンテンツも移動します。追随しない旧版は下記です。...
ユーザから頻繁に問い合わせを受ける質問に対応するため、多くのサイトでは、「Q&A」や「よくあるご質問」といったFAQ（Frequently Asked Questions）コンテンツを用意しています。 今回はFAQを効果的に活用する見せ方について考えていきます。FAQはユーザが持つ疑問の解決につな...
Windowsのみ ： 「UltimateDefrag」は、もっとも優先度の高いプログラムをハードディスクの中でもっともアクセスしやすい場所においてくれるWindows用のフリーソフト。通常のデフラグソフトと同じような作業も行ってくれるんですが（たぶん作業スピードもあまり変わらないかと）、どのデー...
