Movable Type + RightFields で microformats に対応
2006-03-23T23:20:32+09:00 3月29日、30日に開催される YAPC::Asia Tokyo （ヤップシー・アジア・トウキョウ）のセッションとスピーカーのブログを作成する際に microformats に対応させてみました。セッションのブログでは hCalendar に、スピーカーのブログでは、hCard に対応しています。hCalendar を iCalendar に書き出す で紹介した X2V でも iCalendar や vCard に書き出せます。ちょうどこの作業中に宮川さんから教わった、Firefox Extension でもページに含まれる microformats で マークアップされたメタデータを閲覧できます。イカス！ YAPC::Asia 2006 Tokyo Speakers YAPC::Asia 2006 Tokyo Sessions Don’
個人的に常用中の Firefox 拡張機能 20個 | WWW WATCH
いたるところに同じようなエントリーは数あれど、懲りずに私が個人的に日常利用している Firefox 拡張機能を挙げてみました。 色々インストールしてはあまり使わないので削除したりを繰り返していますが、ここに挙げた 20個はその中で定着したもの。 All-in-one Sidebar Clippings Copy URL + Firebug FireFTP Google Toolbar for Firefox Greasemonkey IE View Link Alert Nightly Tester Tools no-referrer QuickNote ScrapBook Screen grab! Search Station Tab Catalog Tab Mix Plus Tab URL Copier User Agent Switcher Web Developer All-in-
あるデザイナーが一つのロゴを作り上げるまでのデザインプロセス | POP*POP
こちらのサイトであるデザイナーの仕事っぷりが披露されていました。コンセプトからデザインにいたるまでの過程を順を追ってみることができます。 » Ideabook Tutorials | Step-by-step logo – Mozilla Firefox デザイナーさんってこういう風に仕事をするのか・・・と大変勉強になりました（もちろんデザイナーさんそれぞれに違った仕事のやり方があるかと思いますが）。 では以下にそのデザイナーさんの頭の中身とでもいうべきデザインプロセスをかいつまんでご紹介。 今回依頼があったのは「Metro Aviation」というヘリコプターの輸送会社。 まずは紙にスケッチをしていきます。 ↑ ヘリコプターの概念をさらさらと。 ↑ もちょっと具体的に。 ↑ 社名も入れつつ違った角度から。 この時点でクライアントから「ハチドリ」のイメージが欲しいなぁ、と言われます。 ↑
サイトを訪問する時間帯によって読み込むCSSを切り替える方法 - GIGAZINE
ページの見かけを決めるCSSについていろいろなデザインが今までありとあらゆる場所で検討されてきましたが、今度はそのCSSを時間帯によって切り替えるという方法です。朝なら朝っぽいCSSで、夜なら夜っぽいCSSを使うというようにして、いろいろと応用が利きそう。 詳細は以下の通り。 Katgal.com: New and Improved このアイディアをさらに延長したアイディアが以下にあります。 nicholasjon.com :: Time Sensitive {1/14/2007} 上記サイトでは以下のような感じで時間だけでなく、天気によっても変わっていけばおもしろいというように提案しています。 はれ くもり 夜
HugeDomains.com
Captcha security check luv2help.com is for sale Please prove you're not a robot View Price Processing
邪魔な右クリックメニューを削除するフリーソフト「ShellExView」 - GIGAZINE
エクスプローラやフォルダなどで右クリックするといろいろとメニューが表示されますが、中にはどう考えても不要というかむしろ邪魔になるようなものもあるわけです。特に使いたいメニューの近くに、まったく使ったこともないし使う予定も金輪際無いようなメニューがいつも表示されているとイライラが止まりません。 というわけで、右クリックメニューからよけいな機能をはずすことができるのがこのフリーソフト「ShellExView」。右クリックのメニュー以外にもプロパティの中に表示されているものとか、勝手に加わったツールバーのボタンとか、ありとあらゆる「シェル拡張」機能をオン・オフできます。 ダウンロードと使い方は以下の通り。 ダウンロードは以下から。 窓の杜 - ShellExView 開発元のサイトで日本語化ファイルが配布されていますが、特に日本語化しなくても問題なく利用できます。 ShellExView - S
画像置換でメニューを作る
画像置換でメニューを作る 前回の画像置換で説明した通り、画像置換を使えばロールオーバーの実装を(javascriptを知らない)デザイナーでも簡単に実装することが可能になります。 ただし、複雑なメニューの場合、整理して書かないと後で大変なことになります。 今回は要点を説明しながらメニューを作って行きたいと思います。 ひとまず、完成系のサンプルに目を通しておいてください。 ベースとなる(X)HTMLソースは以下のようにします。 <ul> <li class="ajaBtn"><a href="/ajax/">Ajax</a></li> <li class="amaBtn"><a href="/amazon/">amazon</a></li> <li class="cssBtn"><a href="/css/">css</a></li> <li class="htmBtn"><a href="
第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点：ITpro
今回は，先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった，使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し，それをプログラミング言語であるところのJavaScriptを使って解決した，というお話です。 その問題とは，「文字の大きさ」に関するものです。 ブラウザには，文字のサイズを変更する機能が用意されています（図1）。例えばInternet Explorer（IE）なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが，「大きく」「小さく」というメニューになっており，より自由に表示サイズを変更することができます。 図1：ブラウザでは文字サイズを変更できる ちなみにOperaは
PCサイトを携帯に対応させるまとめ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
IT戦記 - 僕も半透明 png を使うためのライブラリ作った！
いろいろと古い IE で半透明 png を使うための JS が紹介されています http://web.kankodo.net/2007/02/01-233315.html http://labs.unoh.net/2007/02/ie6_png_fix.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html で、自分も使おうと思ったのですが。 ライブラリの依存とか、 window の load イベントの時に処理されるのがちょっとだけ嫌だったので、自分用のを作りました。 意外と便利だったので公開します デモ(IE5.5 or IE 6 で見てください) http://usrb.in/amachang/static/AlphaLoader/demo.html 使いかた 半透明にしたい img 要素のあとに http
Home - 100besteschriften.de
Es gibt etliche Anlässe, die im Nachgang eine Danksagung nach sich ziehen. Da dies meist...
SEO連載(9) 「Google PageRankの知識を整理しよう」 - かんたん!SEO実践講座より ::SEM R (#SEMR)
SEO連載(9) 「Google PageRankの知識を整理しよう」 - かんたん!SEO実践講座より 株式会社CPI運営サイト「CPIで人気サイトを作ろう！」にて連載中のSEOコラム「かんたん！SEO実践講座」から加筆・修正して転載しています。第9回はGoogle PageRankについて巷で聞かれる勘違い・誤解と正しい答えをまとめました。2007年1月最新版です。 公開日時：2007年02月02日 09:51 今月はSEOに取り組む時には必要となる、Google PageRankについて学びます。 巷にはPageRankに関する情報が氾濫していますが、残念なことに今日2006年で通用する情報を適切に説明しているページはそう多くありませんし、むしろ、すでに古い知識、実践ではまったく利用できないことが多いというのが実情です。そこで情報を整理して、すでにPageRankのことを知っている方
【特集】～インストールから設定・活用まで～ すべてが分かるWindows Vista大百科 (1) 目次 | パソコン | マイコミジャーナル
Windows Vistaは、3Dおよび半透明処理が美しいユーザーインタフェース「Windows Aero(エアロ)」をはじめ、セキュリティ関連やバックアップ機能の強化など、使い勝手以外にもさまざまな点が革新されている。また、Windows Vista Home BasicからWindows Vista Ultimateまで、搭載機能が違う多数のエディションが存在する。 この変化を受けて、Windows VistaとはどのようなOSなのか、さらにどのエディションを入手すればいいのか、戸惑っている方は少なくないはずだ。入手済みの方であればその変貌ぶりに驚いていることだろう。そこでMYCOMジャーナルでは、深い理解への橋渡しとなる特集記事を用意した。 以下が、その内容だ。 なお、Windows Vistaの成り立ちの理解を助けるために、第1章では十分なページを用意してWindowsシリー
パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.e-research.biz/column/colsemseo/000845.html
なつみかん＠はてな - ユーザビリティ関連記事 まとめ
TechCrunch Japanese アーカイブ » ソーシャルミュージックを比較する
被リンク構築のための5つの効果的な戦略 | 住 太陽のブログ
無料で音楽を楽しむ5つのサイト - DesignWalker
