CSS Builtの「Best of CSS Design」の5・6月分から、一枚の画像がかっこいいではなく、レイアウトやエレメントのデザインが優れていてアイデア満載のサイトをいくつか紹介します。 2008年6月分 Best of CSS Design June 2008
jQueryのセレクタ 基本今回から、jQueryのAPI自体の使い方についても目配りしていきます。今回はまず、jQueryセレクタの基本的なものから順番に試してみます。 最近は、jQueryのすぐに使えるプラグインを紹介してきましたが、今回から、jQueryのAPI自体の使い方についても目配りしていきます。 jQueryの肝のひとつは、CSSふうのセレクタを使用して、極めて簡単にDOM要素を検索できる機能です。 今回はまず、そのjQueryセレクタの基本的なものから順番に試していきたいと思います。 jQuery jquey.jsのダウンロード jQuery ドキュメント API/1.2/Selectors jQueryのダウンロードと設置 セレクタについて これまで、たとえば、次のような書式でjQueryを使ってきました。 $('#test0').jQchart(setting); $(
crestock.comのエントリー「2007年、最も人気が高い50のウェブデザインのブログポスト、リソース&チートシート」と、TenThousandThingsのエントリー「Web Design: From Good to Great in 25 Links」から、ウェブデザイン関連で2007年に人気が高かったサイトの紹介です。 The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007 Web Design: From Good to Great in 25 Links ウェブデザインの基本原則 9 Essential Design Principles ウェブデザインの9つの原則 The Importance of White space ホワイトスペースの使い方 8 Design Tacti
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした
CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデザインを新しくしたいので参考になるデザインを探している人に最適です。 というわけで、ベスト50は以下から。 Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
はじめに 本稿では、デザイン部分を担当したことのないASP.NET開発者が、友人から「起業したので会社のサイトを作って! おまえさんプロなんだからできるでしょ。頼むよ」と不意に言われ、結局引き受けてしまったストーリーをベースに、ASP.NETとの連携にも優れたマイクロソフト社のWebオーサリングツール「Microsoft Expression Web」(以下、Expression Web)によるWebサイト制作方法を解説します。 前編では、Wordライクな操作性、Web標準への準拠、ASP.NETとの連携といった、Expression Webの特長について触れました。今回は、Webサイトの構築方法、閲覧者にとって使いやすいWebサイトとは何かを説明し、Webデザインレイアウトの基本や、Webサイトのレイアウトを統一させるのに便利な「ダイナミックWebテンプレート」の利用方法を説明します。前
いまさら聞けない“Web標準”、そしてXHTML+CSS:いまさら聞けないリッチクライアント技術(4)(1/3 ページ) 前回の「いまさら聞けない、“Ajax”とは何なのか?」の説明の中で、Ajaxの定義の1つとして「XHTMLとCSSを使った標準規格のプレゼンテーション」というのがありました。前回の記事では、この部分をしっかり解説できなかったので、今回はこれについて解説をしましょう。 といっても、Ajaxの補足説明が今回の目的ではありません。HTML/XHTMLとCSSを使った「Web標準」について紹介します。 「Web標準」という単語はよく耳にしますが、具体的にどんなものか? HTML/XHTMLとCSSとどのような関係があるのか? さらに、HTML/XHTMLやCSSって何? といった点について見てみましょう。 「Web標準? Webを標準化することかな?」 AjaxやXML、Jav
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く