Motoshi Goto / Freelance Web Designer and Developer from Oita, Japan.
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
文章うまくなりたいくせに、ロクな努力をしていない。 文章読本や入門本、「○○の書き方」サイトを漁っては自己満足に淫する。量は質に転化するとはいうものの、駄文はいくら書いても駄文。カラまわりする向上心のギアをローに入れ、テクニカルな部分―― すなわち、「レトリック」に注力してみよう。 「レトリック」といえば、美辞麗句とか口先三寸とか、たしかに評判はよくない。「それはレトリックにすぎない」なんて、内容ゼロを非難する決り文句だし。 それでも、上手くなりたい。いままでの「書き方」だけでなく、違った彩りや味付けを目指したい。技巧が鼻につくかも恐れもあるけれど、さじ加減を考えて磨きたいもの。ネタ(選書)も大事だが、そのネタを引き立たせるのは技術だ。精進にちょうどいい本を読んだので、(わたしの勉強がてら)ご紹介~ ■ 文章の目的 著者によると、文章の目的は「人を説得するために書くもの/書かれたもの」だと
地上から見たオーロラは巨大なカーテンのようにゆらゆらとして見えるのですが、宇宙から見たオーロラもなかなかすごいことになっています。 鑑賞は以下から。 これは2008年3月21日に撮影されたオーロラ。 今まさに宇宙ステーションでがんばっている土井隆雄宇宙飛行士が同じく3月21日に撮影したオーロラ。 2003年2月2日に宇宙ステーションから撮影されたオーロラ 2003年3月30日に撮影されたオーロラ 同じく2003年3月30日に撮影されたオーロラ 2003年4月24日に撮影されたオーロラ 2006年8月19日に撮影されたオーロラと月 以下のページには他にもすごい写真がいろいろとあります。 ChamorroBible.org: Tumaiguine (Enero) 29, 2005, Salmo 34:18-22. Manguaguan na Palabran Si Yuus - God's P
前回のお話の冒頭で,白背景に黒文字は目を疲れさせるということを指摘しました。今回はその問題の解決策から始めましょう。 白はすべてが全力で点灯している色(#ffffff)であり,黒はすべてが消灯している色(#000000)です。白と黒というのは,他のどの色を2色選んだときよりも明度の差があるわけです。2色またはそれ以上の色数の中での明度の高低差を「コントラスト」と言います。コントラストが激しいものは目を疲れさせます。 「本や雑誌も白に紙に黒いインクじゃないか」と思うかもしれませんが,紙はディスプレイの白ほどは明るくありません。昼間に十分に読書できる明るさの部屋で,フラッシュを使用せずに本を撮影すると図1程度です。想像よりもはるかに暗く,写真で見ると白には見えません。 目を疲れさせない配色の探し方 人間には見た物を脳で補完する機能があります。裸電球の下でフラッシュを使わずに白い画用紙を撮影する
光、光源、光線、光跡を効果的に使用した、ナチュラルなものからビームやファンタジーなものまで、Photoshopのチュートリアルの紹介です。
Roshan's Blogのエントリーから、URLをリダイレクト・リライトする場合の.htaccessの設定例を5つ紹介します。 5 useful url rewriting examples using .htaccess 「product.php?id=12」を「product-12.html」でアクセス 「product-12.html」を「product.php?id=12」にリライトします。 <textarea name="code" class="html" cols="60" rows="5"> RewriteEngine on RewriteRule ^product-([0-9]+).html$ product.php?id=$1 </textarea>
「次ページへ→」や「○○はこちら→」……などなど、ページジャンプを促すボタンや作業の流れを示す図版など、文字だけではなく「→(矢印)」を組み合せると判りやすくなるグラフィックは意外に多い。 「進む」「戻る」という結果を感覚的に把握できることから、ボタンを「クリックする」動作にも繋がりやすいようだ。一口に「矢印」といっても、さまざまな表現・形状がある。 「やじるし」と入力して変換したような何の変哲もない単純なグラフィックでは、アイコンとしての効果も半減してしまうかも。今回はいろいろな場面で便利に使える「→」の、簡単な描画法と表現のバリエーションを紹介したい。 一口に「矢印」といっても、その形状だけでいろいろなバリエーションがある。直線を組み合わせたシンプルなもの、矢の先端部だけを抽象化した形状などさまざまな「矢印」表現が考えられる。しかしどれも簡単に描くのは難しい? いやいや、Photosh
Yahoo!は2007年2月7日(米国時間)、WebサービスのマッシュアップをWebブラウザ上で手軽におこなうためのサービスYahoo! Pipesを発表した。Yahoo! PipesはWebブラウザで動作する開発環境およびランタイムプラットフォームそのもので、アイコンを組み合わせてWebサービスのマッシュアップを実現可能にする。プログラミングをしないユーザでも簡単にマッシュアップが作成できるところが特徴だ。 たとえばYahoo! Pipesを使うと、複数のRSSを統合してひとつのRSSとして活用したり、さらにRSSにフィルタをかけて特定のキーワードを含んだものだけを表示させるといったこともできる。Flickrから特定のキーワードにヒットした画像だけを表示させるとか、とにかくWebサービスを組み合わせて自分好みのサービスにできるところがポイントだ。 しかしこれまでYahoo! Pipesは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く