IA Wiki
概要 IA wikiとは、株式会社モフが運営する、情報設計（Information Architecture）に関する体系的なアプローチを試みるためのWikiサイトです。 現在、IA wikiは、新しいバージョンに移行作業中です。新しいIA wikiは、システムと内容を新たにし、順次コンテンツを拡充しております。 材料と道具 大工にとっての建築の材料「建材」は、木材やコンクリや漆喰などであるが、情報設計における材料は何か？もちろん「情報」ということになる。ところで、大工は建材の種類や用い方、特性や性質を熟知しているが、われわれ情報設計を担う者は「情報」という材料をキチンとわかっているのか？そこかしこに存在するこの「情報」とは、いったいなんなのか？特性、性質を理解できているか？ 一方で、大工にとっての「道具」とはカンナ、カナヅチ、ノコギリ、クギ、メジャーあたりが挙げられる。では、われわれ情報
img要素のwidth,height属性は指定しない - EC studio デザインブログ
img要素におけるwidth,height属性の指定というのはHTMLを勉強しはじめたときから「必須」のものであると考える人が多いと思うのですが、 これは「必須」ではありません。 また弊社では社内のガイドラインとして 「img要素にはwidth,height属性は指定しない」としました。 この方が現状メリットが大きいと考えたからです。 width,height属性の指定が「必須」であるか「任意」であるか 結論からいうと、仕様書上「任意」とされています。 これは弊社サイトで多く採用されている XHTML1.0（Transitional）においてはもちろん、strictであれ、HTML4.01であれ「任意」とされているのは同じです。 しかしそれがなぜ「必須」というような流れになったか？ その大きな理由としてはNetscape Navigator 4.xのような今となっては古くなったブラウザへの
画像のフィルタリング時のエフェクトがクールなjQueryプラグイン・Filter Image View
題名の日本語がちょっとおかしい ですね。済みません、語彙が無い もので。リストで表示した画像に フィルターを掛けられるのと、マウス オーバーやフィルタリング時の エフェクトがクールなjQueryです。 題名の日本語がちょっとおかしい ですね。済みません、語彙が無い もので。リストで表示した画像を フィルタリング出来るのと、マウス オーバーやフィルタリング時の エフェクトがクールなjQueryです。 動作テストをしたブラウザはChrome、IE7、8、Firefox、Opera、Safariです。 IE6でも動きますが、他ブラウザのように左寄せされません。が、エフェクトは問題ないです。cssでどうにかなるかな？ バージョンまでは確認していませんが、大抵のブラウザでは動くっぽいです。 なかなかクールなエフェクトです。スライドして切り替わるのは素敵。 デモを用意しました。(別窓) 分かりやすいよ
jQuery：tableでマウスのhoverしている行と列の色を同時に変える方法(テーブルを少し美しく見せる方法)
上手く行と列が選択できているのですが、問題はマウスを動かしたとき。 同じ行内を移動すると、なんと選択していたところの文字が変化してしまう。 同じ行内にいるときは、変化しないで欲しいのに… と、それだけじゃなくて、一度変化するとそのままの色が引き継がれてしまう。 なんとか解決する方法はないのだろうか・・・ 同じ列にclassをつけてみる これも、先日書いたエントリーに 「jQueryを使い要素の出てくる順に番号をつける方法（forの代わりにeach()を使う繰り返し）」 で書いたように、同じ列にclassをつけることが可能である。 ということでclassをつけてそのclassに適応してみた $("#test2 tr").each(function () { $(this).children().not('th').each(function (i) { i = i+1; $(this).ad
Create an Animated "Call to Action" Button
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. In this web design and development tut
safari4 « Studio Toro-Unit
safari3+&Chrome、webkit系ブラウザのみのハックです @media screen and (-webkit-min-device-pixel-ratio:0) { /*ここにsafari4＆Chrome用ハック*/ #hack{color:#c00;} } 検証したところ、safari3,4、Google Chrome3にはちゃんと効くようです。 body:first-of-type #hack{color:#c00;} がsafari4ハックとして紹介されていたりしますけど、firefox3.5、Opera9以上には効いてしまうんです。 http://paulirish.com/2009/browser-specific-css-hacks/ いろいろまとめられてます。 まぁ、ハックなんてしないのに超したことは無いんですがね・・・
index - sheesha cafe kemuri
名古屋の隠れ家カフェ「sheesha cafe kemuri」シーシャ(水たばこ)を楽しめます。 大須商店街近くの路地にオープンした隠れ家的な同店は、2フロアで構成されており 1階を男性的に、2階を女性的なやわらかいイメージとなっております。 店内では水タバコだけでなく、コーヒーや紅茶、ハーブティーなども有りますので 普通のカフェとして利用して頂けます。 kemuriのシーシャ(水タバコ) シーシャは、アップル、ミントなどのフレーバーで漬け込んだタバコの葉を 炭火でいぶした煙を水のフィルターを通して吸います。 kemuriでは約70種類のフレーバーを揃えていて フレーバーのブレンドも致します。 初めての方は”こんな香りが好き”や”スッキリ、甘め”という感じで 伝えてもらえれば、お客様に合わせた香りをブレンド致します。 水タバコはコミュニケーションのツールで リラックスして打ち解けられるよう
秀まるおのホームページ(サイトー企画)－クリップボード履歴から貼り付けマクロ
直前にコピーした内容ではなく、2つ前や、3つ前にコピーした内容を 簡単に貼り付けすることができるマクロです。 マクロを実行すると最近コピーした内容が現れますので、 この中から貼り付けたいものを選択すると、貼り付けが行われます。 また、このマクロを使うには以下の設定が必要です。 ・秀丸エディタの常駐 ・「クリップボードの履歴を取る」の設定
jQueryプラグインを探す際にだいたい見て回る巡回サイトまとめ
cssやプログラミングjQuery探し 個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 かなり情報が多くなってきたjQuery。使いやすいし、知識の無い僕でも簡単に使えるので重宝してます。そんなjQueryですが、多すぎて探すのも大変ですね。以前ご紹介したサイトも兼ねて、ブックマークの整頓がてら、順回しているサイトをご紹介します。 codrops jQueryと言えば個人的にここを思い浮かべます。情報も新しく早い。英語OKならRSS購読推奨です。 codrops css-tricks こちらはWebデザイナー目線で情報を配信しています。有益j
プライベートブラウジング
Windows Linux Mac OS Firefox: 3.0 3.5/3.6 この記事は Firefox 3.5 で利用できるようになったプライベートブラウジング機能に関して書かれています。これは、訪れたサイトやページについてのデータを Firefox に保持させずにインターネットを閲覧できる機能です： この機能を利用するには Firefox 3.5 にアップデートしてください。 Firefox 3.0.x でブラウザの履歴を削除するには Clearing private data をご覧ください。 ページの表示履歴は、インターネットをより便利に利用するため、ブラウザによって使用されます。ブラウザが以前訪れた Web サイトや、お気に入りのサイトのユーザ名とパスワードを記憶する時、これらの情報はあなたの表示履歴として扱われます。 しかしながら、あなたのコンピュータを他のユーザが使用す
画像を減色してファイルサイズを小さくする: べつになんでもないこと
画像のファイルサイズにこだわると、減色が有効な手段になってきます。 Photoshop 4?5?を使ってた頃（CS3も持ってるけどインストールすらしてない）、減色処理のあまりのひどさに減色機能スペック一覧（まだ残ってたのか！）を見て、OPTPiX買ったのはいい思い出ｗ 前回、BlastPNGを薦めた理由の一つは、ユーカリにFLAXC.exeという減色プログラムが同梱されてたからです。この減色ソフトはフリーながらかなり優秀で、OPTPiXを持ってなかったらこれを使ってると思います（ユーカリにはリサイズもグレースケールもあるのでblog用途で困ることはないでしょう）。 普通ならここで、減色した絵をずらっと並べるのでしょうが、自分で実際にやるか、専門にやってるサイトをググって見てくださいってことで。目安として256色に減色なら、写真でもそれ程違和感ありません。 サンプルは、またしてもアサブロのテ
IE7で透過PNGの表示が汚い。なぜ？ | ウェブを作っている人のブログ WEB LP制作
Q: IE7で透過PNGが汚いことがあります。なぜですか？ A: 「gAMAチャンク」あるいは「補助チャンクのどれか」が、変な値になっている可能性がある。 PNGファイルの構造について。 PNGファイルの構造 ├ 識別部 └ 本体部 ├ 標準チャンク │ ├ 基本チャンク │ │ └ IHDR PLTE IDAT IEND │ └ 補助チャンク │ ├ cHRM gAMA sBIT sRGB iCCP │ ├ bKGD hIST tRNS pHYs sPLT │ └ tIME tEXt zTXt iTXt └ 付加チャンク └ 公式登録チャンク ├ oFFs pCAL sCAL └ gIFg gIFt gIFx fRAc PNGの内部は「チャンク」という項目に分かれていて、画像情報だけでなく「その他情報」を持つ事ができる。 “gAMAチャンクの問題”。gAMAチャンクとは画像の
美容チャンスの時間 – Just another WordPress site
脱毛サロンに通った場合でも、すぐ効果があるわけではありません。 毛には「毛周期」といわれている、毛が生えてから抜けるまでの一定の周期があります。 これに合わせた抜毛をしないと、全部ムダ毛がなくなることはないのです。 なので、一回のみの脱毛で毛が生えなくなることはなく、最低でも3カ月間はかかります。 脱毛には、特殊な光をお肌にあてるという光脱毛があり、ムダ毛を作ろうとする毛根を破壊するという画期的なものです。 光の照射は、1度では全ての毛根を壊して無駄毛を生えなくさせることは不可能ですので、ムダ毛がぬけ、また生えてくるときに光をあてる、ということを何度もすることが重要です。光脱毛というのは、レーザー脱毛よりお肌がきれいになったと思われる方が少ないというのが一般論ですが、痛くなったり、お肌に負担を与えることが少ないのが特徴です。これからの季節に気になるVIOゾーンの脱毛で知られる脱毛サロン・ピ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ミスタードーナツ
https://www.1kara.net/php/cons/if_cons.php
サクラクレパス製品情報（クーピーペンシル）
マンガ：Webディレクター 江口明日香が行く
simplelib with jQuery
YouTube - Broadcast Yourself
Twitter Applications | dev.twitter.com