More Eric Meyer on CSS: Home
Companion Web Site Welcome to all current and future readers! This site serves as a companion to the book More Eric Meyer on CSS, now available from New Riders Publishing. Here you can find the project files to accompany each of the 10 projects in the book. Even if you don't own the book, you can certainly look at any of these materials, as well as read about the book and its author, sample some p
loupe.js (photorealistic loupe effect for images)
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
第22回 「言葉」こそ，Webコンテンツの基本
プランニングとライティングは無関係に思われがちだが，Webサイトの大部分を占めているのは「テキスト」だ。今回は，企画段階から考えておくべき「言葉」の問題について取り上げてみる。 テキストの重要性を再認識しよう 「Webサイト構築に必要な要素を，重要な順に三つ挙げてください」――このような質問に対して，皆さんなら何と答えるだろうか？ デザイナー出身のプランナーなら，ビジュアル・デザイン，インタフェース・デザイン（サイト構成＋ナビゲーション），画像と答えるかもしれない。エンジニア出身者なら，プログラム，データベース，プラットフォームを挙げるかもしれない。ところが，一般のエンドユーザーにとって最も触れる機会が多いのは「テキスト」，中でも，記号や式や構文ではなく「言葉」だ。 Webサイトの要素を表すなら，図1のようになる。言葉は誰もが使いこなせる出力形式だから，見過ごしがちになるが，デザインとプロ
第18回 検索結果のページ・ナビゲーションで考えた：ITpro
今回は，「検索結果」のインタフェースについて考えてみたいと思います。「検索結果」とはその名のとおり，検索エンジンやそのほか様々なサービスで利用されている検索機能において，ユーザーが指定した検索条件に引っかかる結果を一覧したページのことです。 自分が知りたい情報になかなかアクセスできなくて，いらいらさせられることってありますよね。検索結果のページ・ナビゲーションは，そうしたストレスを軽減させるだけでなく，逆にそれを増加させてしまう力も持っていると思います。 図1：Googleの検索結果ページ 図1はいわずと知れたGoogleの検索結果ページです。検索エンジンは，筆者も含めて多くの人にとって極めて利用頻度の高いサービスになっています。こうした検索機能は普段なにげなく利用されていますが，サイト利用者が自分の必要な情報にアクセスするための重要な経路の一つです。したがって，検索エンジンのような「検索
フォームの入力値チェックをしてくれるJavascriptのライブラリ『Validate.js』 | S i M P L E * S i M P L E
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細＆ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
CSSとPHPできれいなグラフを描く方法 | SIMPLE*SIMPLE
terrill.caにてCSSとPHPできれいなグラフを描く方法が紹介されていました。 » terrill.ca | Vertical Bar Graphs using CSS and PHP 棒グラフや立体グラフなどがCSSのスタイルで描けます。PHPはデータの抽出と縮尺の設定だけなので、必要でない方は紹介されているCSSだけ使っても良いかも。 ↓なグラフや、 ↓なグラフが描けます。 なお、HTMLのほうの記述は以下のような感じです。わかりやすいですね。変更も簡単かと。 <ul class="barGraph"> <li class="p1" style="height: 57px; left: 0px;">57</li> <li class="p2" style="height: 27px; left: 0px;">27</li> <li class="p3" style="heigh
JavaScript Snow: DHTML Snowstorm. Making it snow on the internets since 2003.
Snowstorm: A JavaScript Snow Effect for HTML Bringing snow to the web since 2003. This version: 1.44.20131208 Change Wind | Stop Snowing | Bonus widget: Smash Christmas Lights (Note: Christmas Lights are incompatible with IE 6 because of PNG images.) Let It Snow. So, you want JavaScript snow on your web site, eh? Snowstorm is a JavaScript-driven snow effect that can be easily added to web pages. I
IDEO - A Global Design & Innovation Company
For more than 40 years, IDEO has helped the world's leading organizations make the future. Find out how design can set you apart, help you grow, and solve your toughest challenges.
Sagmeister, Inc.
It's Getting Better It's Getting Better SVA Master Series SVA Master Series This will be Boring This will be Boring Tokyo, Now is Better Tokyo, Now is Better Better and Better Better and Better Seoul, Now is Better Seoul, Now is Better Galerie Maximilian Hutz, Austria Galerie Maximilian Hutz, Austria Now is Better book Now is Better book Now Is Better Now Is Better Belleza en Cifras Belleza en Cif
HoHoHo! : Design : ミニアイコン66
It's "Nikolaus"! Saint Nicholas Day is a festival for children in much of Europe related to surviving legends of the saint, and particularly his reputation as a bringer of gifts. The American Santa Claus, as well as the Anglo-Canadian and British Father Christmas derive from this icon, the name 'Santa Claus' being a degeneration of the Dutch word Sinterklaas. So for all those who've been good this
キャズムを超えろ！ - Coolpix S7c Nikon Online Album徹底Review 結論は『もっとユーザの目線で作って』『難しすぎる』
別にNikonに恨みがあるわけでもないが、あまりにあんまりなのでさくっとReview。大手企業がネット商売に乗り出すとだいたいやるミスを片っ端から犯しているので、文末に箇条書きにしてみた。本Blogを閲覧している大手電気メーカーの方はしっかりと目を通して同じ過ちを繰り返さないようにしてほしい。 まずはユーザビリティ観点で、デフォルト設定に大問題があるので真っ先に指摘しておく。デフォルトでは「撮った写真をDirectにWeb Albumにアップする」ことはできるが「撮った写真をWiFiでネットに即公開！」は出来ないので注意！どういうことかというと、アップはできるがテンポラリフォルダに格納されるのみで、PCからニコン・オンラインアルバムにログインして「テンポラリにUPしたファイルの中からこれとこれを公開」という操作をしなければ公開できないのだ。「つくるモード」→「カメラからのアップロード設定」
Grani
Grani（グラニ）は豊富なデザインとシンプルで使いやすい機能が特徴の無料ブラウザです。 「もっともっとインターネットを楽しめる！」をコンセプトに開発しています。 Web ブラウザとは、現在あなたがこのページを見るために使用しているソフトウェアのこと。Grani とは、もっと楽しく、もっとおしゃれにインターネットを楽しむための初心者向け Web ブラウザのことです。おしゃれなデザイン、気配りの行き届いた数々の機能が満載の Grani は、今まで経験したことのない新しいインターネット体験をあなたに提供するでしょう。もちろん、どれだけ使っても無料です。 毎日巡回して更新を確認するなんてナンセンス! 100 ものブログを読むのに、全てのサイトをチェックしなくても、更新されたサイトのみをお知らせ。あとは、気になるサイトのみをのんびりチェック。これが大人の余裕なんです。
Internet Explorer (Windows) CSSバグリスト
ここにはWindows版Internet Explorer4.0以降（WinIE）のCSS/DOM実装バグの一覧があります。以下のリストからそれぞれのバグの詳細を見ることができます。 WinIEのCSS実装 WinIE6.0以降に「DOCTYPEスイッチ」が実装されています。DOCTYPE宣言により、W3Cが策定したCSS仕様に従う「標準モード」か、過去のUAに実装されていたCSS仕様に従う「互換モード」で解析・描画が行われます。 DOCTYPE宣言なし： 互換モード HTML3.2以前： 互換モード HTML4 Transtional/Frameset（システム識別子なし）： 互換モード HTML4 Transtional/Frameset（システム識別子あり）： 標準モード HTML4 Strict： 標準モード XHTML（XML宣言なし）： 標準モード XHTML（XML宣言あり）
The Yahoo! User Interface Library (YUI)
YUI Library Controls/Widgets: AutoComplete Button Calendar Carousel Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Paginator Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style
Particletree
Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills.
仙台の包茎手術おすすめ11選！※安い費用や評判の病院は？
仙台で包茎手術が受けられるクリニックがたくさんあります。 包茎手術はデリケートな部位だけに、実績のあるクリニックで痛みなくキレイに施術してほしいですよね？ 当サイトでは仙台のおすすめ包茎クリニックを費用と合わせて紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tim Taylor aka toolbear
http://www.stylish-style.com/csstec/basic/b-table-deco.html
http://www.meez.com/home.dm
rendr