HTML5の実践 | クリエイティブ・タブロイド withD（ウィズ・ディー）
少し前にJeffrey ZeldmanとEric Meyer両氏の手によってリニューアルされた、"An Event Apart"（Webサイト制作者向けのオンライン雑誌 "A List Apart"のオフラインライブイベント版）や、今年6月15日-17日にかけてロンドンで開催される、Clearleft社主催のユーザー・エクスペリエンスのワークショップ"UX London"のサイトでは、先月少しだけ紹介した"<!DOCTYPE html>"という新しい文書型宣言が採用されています（→連載 #20をご参照下さい）。 すでに個人レベルでは、可能な範囲でHTML5によるマークアップを試みる事例は見られたものの（事例1、事例2、事例3）、ウェブ業界関係のサイト、しかも実質的に採用したのは文書型宣言だけ（HTML5固有の要素や新ルールの適用は、ひとまず見合わせた感じのおとなしめのマークアップになってる
【ハウツー】大幅な高速化を実現! 流れるインタフェースのjQuery 1.3登場 (1) jQuery 1.3の特徴 | エンタープライズ | マイコミジャーナル
jQuery 1.3が登場! jQueryはPrototype.jsと並んで最もポピュラーなJavaScriptライブラリの1つで、DOMの要素や属性に対する操作をメソッドチェーンで流れるように記述できるのが特徴だ。最近では日本語での情報も増えており、Webアプリケーションの開発で利用しているという開発者も多いのではないだろうか。 2009年1月、jQueryの最新のメジャーリリースとなる1.3がリリースされた。新たなCSSセレクタエンジンSizzleの導入やリファクタリングによる処理の高速化など、メジャーリリースに相応しい内容となっている。本稿ではjQuery 1.3での主な変更点や新機能を紹介する。 大幅な高速化を実現 jQuery 1.3は1.2系と比べ、大幅な高速化が実現されている。CSSセレクタエンジンがより高速なSizzleに置き換えられているほか、要素の追加やoffset()
「サイトの横幅」再論：950px時代のウェブデザイン［絵文録ことのは］2009/01/14
以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論［絵文録ことのは］2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。 その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増
グラデーションをマスターするためのPhotoshopのチュートリアル集 | コリス
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
[JS]jQueryのプラグイン33+1選 -2008年6月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
HugeDomains.com
goldenratiocalculator.com is for sale Please prove you're not a robot
たった6行でWebサイトのUIをガラッと変える (2/3)
導入は簡単、ASCII.jpの記事で試してみた 単に「本や雑誌のようなレイアウトのWebサイト」なら巷にはFlashを使ったものがあるし、Web制作者にとってはそれほど目新しく感じないかもしれない。bookreaderの特徴の1つは、初心者でも既存のWebページに組み込みやすく、すぐに簡単に利用できる、という点だろう。 bookreaderの導入は、基本的にはHTMLファイルの中でライブラリを呼び出して、指定されたタグで囲むだけ。公式サイトからダウンロードできるzipファイルには、HTMLのテンプレートファイルが含まれている。既存のサイトへ組み込む場合や、新規のサイトを作る場合はこれをベースに手を加えて（というよりもコピペして）いけばいい。 筆者も試しに、ASCII.jpの最近の記事の中から、比較的長文だと思われる記事「水素製造の大手に聞く『燃料としての水素』」をbookreaderで横ス
無料で使える素晴らしいアイコン集『Best of the Best Free Icons』 – creamu
かわいいアイコンが使いたい。 そんなあなたにおすすめなのが、『Best of the Best Free Icons』。無料で使える素晴らしいアイコン集だ。 以下にいくつかご紹介。 » Monofactor Icon Set 1 クオリティの高い25個のアイコン。illustrator8以上で使えるベクターデータ » IcoJoy ブログやサイトにぴったりのアイコンが4セット。.ico, .icns, .tif, .gif, .bmp, .pngといった6つのファイルタイプで提供 » Webappers Web Application Icon Set シャイニーなエフェクトのアイコン集。↑のキャプチャはこのサイト » Asp.Net Icons PNGファイルで300アイコンを提供 無料で使える素晴らしいアイコン、チェックしてぜひ使ってみてはいかがだろうか。 本をいろいろ購入。雰囲気のい
デザイナーのための便利なFirefoxのエクステンション10+α | コリス
You the Designerのエントリーから、デザイナーのための便利なFirefoxのエクステンションを10+アルファ、紹介します。 10 Best Firefox Addons for Designers
謎はてブ:しっぽのブログ
世間では橋下弁護士賞賛ページのブックマークが凄いことになっていて ブクマ工作らしきものを見た - 荻上式BLOG このABC順に綺麗に並んだ公開ブックマークが、橋下信者のキャンペーン工作なのか、アンチ橋下のネガティブ運動なのか、さらに裏を書いたキャンペーン工作なのか、むしろ何も考えていない愉快犯なのか、どっちの論調が強くなるのか見もので、 というか、 今すぐに橋下マンセー！とか書けばこの人たちにブクマされてウハウハなんじゃね！？とか思ったりもするのですが、残念ながら僕は橋下弁護士については茶髪だということしか知らないので、茶髪が素晴らしい！としか書けないのが口惜しいところです。 それよりも最近もっと謎なエントリーがあったのでそっちを紹介します。 最高のFlashチュートリアル集『Adobe Flash Tutorials - Best of』 | CREAMU 驚いた。 何が驚いたって、こ
最高のFlashチュートリアル集『Adobe Flash Tutorials – Best of』 – creamu
Flashの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Flash Tutorials – Best of』。最高のFlashチュートリアル集だ。 以下にいくつかご紹介。 » Flash Tutorial Create Water Wave Effect Animation Using Masking Tween マスクを使って波を表現するアニメーション » Car Animation BMW3を使ってインパクトのあるアニメーションを作る方法 » Picture Animation ブラシツールとマスクを使ったテクニック » High-tech city animation 街から出る光を表現したアニメーション » Animate a Logo in Flash ロゴにシンプルなアニメーションをかける方法 flaファイルを配布してくれているサイトもあり、かなり使えるだろう。
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） 限られた画面内でユーザーの目線を 効果的に誘導するテクニックを紹介「ファーストビュー」、すなわち「ユーザーがサイトを訪問したその瞬間に画面に表示される領域」は、画面設計・デザインにおいて、常に意識しなければならないポイントの1つだ。限られたスペースの中で、いかにコンテンツに優先度を付け、効果的に構成するか、かなり悩まれた経験のあ
行き詰まったときに役立つウェブデザイン8つのノウハウ | Web担当者Forum
ウェブデザイン作業には、びっくりするくらいイライラすることがある。 何をどこに表示するか無限の可能性があるのだから、真っ当なデザインがいとも簡単にできあがると思うじゃないか。でも、正常に表示できないデザインに何時間も手を焼いたり、今どき流行らないピクセル調整をするはめになったりとか、誰でも何らかの形で行き詰まった経験がある。 これから紹介する8つのノウハウは、そうした厄介な状況から抜け出すために、私が取る作戦だ。 先に中身からデザインする これは、今までに聞いたウェブデザインに関するアドバイスの中でも、最良の部類に入るものだ（Cameron氏に感謝を）。 多くのデザイナーが、まずヘッダーに力を注ぐ。でもたいていの場合、見映えのするページになるか否かは、ページの中身で決まる。ヘッダーは付け足しだ。とりあえずヘッダーのことは忘れて、中身の要素に取り組んでみよう。すると、しっかりした中身があれば
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ウープスデザインブログ
和風デザインサイトのまとめ：その１ at 和の暮らしを楽しむブログ -瑠璃色Tradition-
ITクオリティ wordpress企業用フリーテンプレート20
UIパターンいろいろ - DesignWalker
WordPress テーマ - Vicuna
http://www.yasuhisa.com/could/entries/001210.php