Del.icio.us is possibly the most popular social bookmark sharing service online. You already know the usual ways to post to del.icio.us. I share with you the ways I post to del.icio.us. Many times I like to post very quickly to del.icio.us without any tags (or a default tag like Unfiled or miscellaneous), using the default description of the link, with or without sharing, and all that in once clic
リスト1は、同じ処理を繰り返すようなコードで初心者プログラマーがよく使う幼稚なスタイルで書かれている。必ずしも複雑ではないが、筆者には散らかっていて効率が悪く見える。リスト2の方が複雑な条件になっているが、Javaを理解していれば、かなり読みやすい。唯一疑問を抱くかもしれないとしたら、最後の「else if」の中にある条件の最初の部分だけだ。このクローズに来るということは、どちらかのプレーヤーが勝ったことを意味する。 いずれのインプリメンテーションも間違ってはいない。実際、これらはどちらも非常に小さく、つまらない例にすぎないので、これらのリストでコードがいかにクリーンか論ずるのはあまり有益ではない。ただ、何をもってインプリメンテーションがクリーンなのかについて読者の興味を深めることはできるだろう。 クリーンなコードについて扱った記事、Webサイト、書籍は多数存在する。何をもってコードをクリ
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
前回の続きです。今回も引き続き、CSS3 で定義予定のものも含めて、CSS セレクタのリファレンスいきます。 今回は擬似クラスを中心に取り上げてみますが、CSS3 では擬似クラスが大幅に拡張されていますので、見慣れないものばかりかと思いますが、知っておくといいかもしれません。ただし、ブラウザのサポートはまだまだですので、実用性は高くないと思います。 擬似クラス (Structural pseudo-classes) E:root ドキュメント内のルート要素である E という要素にスタイルを指定します。CSS3 で定義。(X)HTML においては、ルート要素は html 要素になるので、 :root { margin:0; padding:0; } とすれば html 要素にスタイルが適用されます。XML の場合は、DTD で指定されたルート要素に対して適用されます。 E:nth-child
Emacs 初心者のための最低限のコマンド表 2007-01-11-1 [Tips] 最強のエディタである Emacs はその敷居の高さでも最強かも。 なんてったってコマンドが多すぎで初心者はブルーになりがち。 しかもまわりの Emacs ユーザに使い方なぞ聞いた日にゃ、 「入門段階ではそもそも使いこなせないようなすごい機能」 の説明を嬉々として始めたりしがちで手に負えない。（偏見） というわけで、初心者向けに 「最低限これだけ使えればとりあえず大丈夫」 と思うものをまとめてみた。私も普段からよく使うコマンドたちである。 主に「Emacs操作キー一覧」 (http://www.magic.mediawars.ne.jp/tips/emacs_key.html) から抜粋。 上下左右へ移動 C-p, C-n, C-b, C-f行頭・行末へ移動 C-a, C-e1画面進む
A few months ago I wrote a post on how curiosity is a characteristic of great photographers. I was rereading this post earlier this week and began to ask myself a few questions: How do some people end up more curious than others? Is Curiosity a personality trait or can it be learned? How can I be more curious? As I pondered these questions I thought of the images that I see each day on Flickr’s in
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 基本的には、得意なものを伸ばすほうに力を入れたほうがいいと考えてますが、それでも、自分はこれは苦手、でも、それができたほうがいいよなと認識した場合には、それを克服する努力はしたほうがよいと思っています。 身に着けるスキルはＴ字型にざっくりというと、身に着けているスキルは、こんな風なＴ字型に自分の得意分野は深く、さらにできるだけ幅広さをもったスキルを身に着けておくと何かと都合がよいはずです。 Ｔ字型にスキルを身に着けると、主にこんな都合のよさがあるでしょう。 自分でできることが広がる他人に頼む場合でも話が早い他人が何をやってるか理解しやすくなるので、自分が何をしなきゃいけないか判断しやすい 苦手なことって、なかなかやる気がしないとは思います。でも、苦手と思っていることのほとん
東京タワーは、地デジ放送を電波で発信しています。 その東京タワーにこいのぼりが付けられています。 こいのぼり 東京タワーに３３３匹なびく http://headlines.yahoo.co.jp/hl?a=20090407-00000002-maip-soci その数は東京タワーの高さにちなんで、３３３匹だとか。 すごい数のこいのぼりがタワーにつるされている風景は壮観で、 見る人を圧倒するそうです。 ３３３メートルという高いタワーに、こいのぼりがずら～っとなびいている風景は、 想像しただけでも凄そうですもの。 端午の節句の翌日まで、東京タワーでなびくこいのぼりを見る事が出来るそうです。 私は東京に気軽に行ける距離の地域ではないので、 たぶん３３３匹の鯉のぼりを見る事は出来ないと思うのですが、 お近くの方は折角ですから観に行ってみるのも良いですね。 そういえばもうすぐ端午の節句ですね。 この
大容量のファイルをほかの人に渡したい時、最も手軽なのはインスタントメッセンジャーを利用することだ。「Windows Live Messenger」「Yahoo!メッセンジャー」「Skype」の3つを比較してみた。 大容量のファイルをほかの人に転送したい場合、いくつか方法がある。ファイルを分割してメールに添付して送信する方法や、オンラインストレージを利用する方法が思い浮かぶ。その中で、最も手軽なのはインスタントメッセンジャー（IM）を利用することだ。Windows Live Messenger、Yahoo!メッセンジャー、Skypeの3つを比較してみた。 IMが手軽なのは、難しいことを考えずにファイルをドラッグ＆ドロップするだけで、直接相手に送信できることだ。サンプルとして1Gバイトのファイルを用意し、これを転送してみた。実験環境は以下の通り。 実験環境 ネットワーク 送信者 受信者 ITm
今週最も読まれた記事は「Windows Vistaで画像管理は“タグ”に変わる」。Vista搭載マシンが各メーカーから発表され、一般販売も1月30日に迫っている。PC業界は盛り上がっている（と思う）Vista登場だが、筆者の相棒、ThinkPad X40で快適に動かすのはとても無理そう。「私には関係ないなぁ」と寂しい気持ちでVista関連記事を読む毎日だ。 ところで1月も下旬だというのに、筆者の家にはパラパラと「転居先不明」のスタンプが押された年賀状が戻ってくる。メールなり電話なりで相手に連絡をとり、不達を詫びて住所を確認し、寒中見舞いとして出し直す……というのが正しい姿なのだろうが、本来年賀状として出したかったものを、3週間も過ぎた今さら寒中見舞いとして出すのも何だかなぁ……という気がしてしまう。
metal.ize - tutoriales Este es un peque・ experimento con CSS que muestra un men・circular con los elementos a su alrededor.CSSを使ってカッコいい円形メニューを作るサンプル。 次のような円形でアイコンにカーソルを合わせるとツールチップが表示されるような円形メニューのサンプルが紹介されています。 尚、紹介したページの言語は英語ではないのですが、解説ページのサンプルコードを読みつつ原理を理解するとよいでしょう。 HTMLがリスト要素になっていて綺麗なHTMLになっているのが特徴。ＣＳＳをオフにすると次のようなリスト要素の見栄えになります。 Flashや画像のクリッカブルマップでこういったナビゲーションを作るのは簡単そうですが、リスト形式のものはなかなか無かった気がします。
FONというのはどういうサービスかというと、自分のブロードバンド回線をFONに無料で加入している他のメンバーに無線LAN経由で開放して無償提供する代わりに、自分もほかのFONメンバーの無線LANを無償で利用できるようにする、というもの。つい先日、開始から4ヶ月で設置数が1万を突破したそうです。 これを記念し、通常1980円で購入できる「LaFonera」というFON専用の無線LANルータを4月14日（土）の申し込み限定で、無料提供するとのこと。無線LANルータをできるだけ安い値段で欲しいという人にはちょうどいい機会かも。 詳細は以下の通り。 Movement FON :: Shop FON http://www.fon.com/jp/ 一応、送料600円と代引手数料300円は別に必要。自分の住んでいる近所にFONの無料アクセスポイントがあるかどうかはここで調べられます。 FONマップ ht
上記画像、左の顔は怒っていて、右の顔はふつうに見えますが、ちょっとこの画像を見たままパソコンから離れていってみましょう。いつのまにか左右の顔が逆転しているはずです、不思議。これ、「Hybrid Images」（ハイブリッドイメージ）というものらしい。 どういう理屈でこうなっているのかというのと、その他の写真の例は以下の通り。 まず基本的な原理は以下の通り。Flashによる例です。 Dr. Angry and Mr. Smile ぼけたりシャープになったりするとそれによって見えるものが違ってくるため、イメージが逆転するというわけ。これについてはMITが研究成果をSIGGRAPH 2006にて発表しており、以下のページでいろいろな実例画像を見ることができます。 Hybrid Images @ MIT こんな感じの画像がいっぱいあります 以下にも例があります。 David & Adriana o
20個近い Extension を装備し、周囲に無数のブックマークを配置した Firefox が重くないはずがないですね。 レスポンスは犠牲になってもこの拡張性は手放せない、そんな思いでFirefox を使い続けている方に耳寄りの話です。 以下の13の「about:config」の設定を変えるだけで、Gmail や Google Calendar を読み込むスピードが確かに 2〜3割は速くなりました。 起動速度を比較するために立ち上げているブログサイトが4つほどあるのですが、少なくとも3つに関しては効果ありました。 オリジナルは以下の記事です。 ⇒13 Tweaks To Further Accelerate Your Firefox 2.0 方法は簡単。まず、アドレス欄に「about:config」と打って、Firefox の config 設定画面を開きます。①〜③は既存の confi
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。 印刷用デザインも1つのWebデザインプロセスとして考えておく。 今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ？」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th
まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず１文字分右に動かして、「text-indent : -1em;」で最初の行だけ１文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く