Lucky bag::blog: CSS3 の target 疑似クラスで脚注を動的に表示する
文書の URI の後に #foo などの識別子（id）をつけたアンカーから、その文書内の当該箇所へジャンプできるのは周知の通り。ただ、スクロールもせずに移動するんで、閲覧者が一瞬戸惑ったりるすわけで、CSS3 では、そのターゲットとなる要素をハイライト表示させたりすることが可能な :target 疑似クラスってのが用意されている。現在、:target 疑似クラスに対応しているブラウザは、Firefox などの Gecko 系と Safari、Konqueror とか。IE や Opera は未対応。 Selectors 6.6.2. The target pseudo-class :target そんな :target 疑似クラスを利用して、文書下部に用意した脚注を動的に表示させてみるの試み。ちなみに、サンプルは未対応な IE でも再現できるように、Suckerfish :target |
「ブックマークに追加」 ボタン
サイトリニューアルの際に、旧デザインで各エントリーページに付けていた、hatena ブックマーク、del.icio.us 等ソーシャルブックマークへの追加ボタンをはずしてそのままにしていたのですが、これを再度掲載することに。 その際、単にアイコンを並べただけでは味気ないので、ちょこっと小技を効かせてみました。 実物はエントリータイトル横のアイコンにマウスオンしてもらえればわかるかと思いますが、せっかくなのでソースとか公開。 2007年12月14日 追記 サイトリニューアルでボタンが変わったので、サンプルを下記に移動しました。 実際に動作しているサンプルはこちら さて、今回の材料は、 アイコン画像 JavaScript ファイル 3種 本ボタンの XHTML ソース 本ボタン用 CSS の追加 JavaScript ファイルはマウスオン、オフ時の動きを制御するために使用。これは 「PJ Hy
MacWiki
ようこそ このサイトはMac OS X上の学術系ツールやオープンソースソフトウェアに関する情報を集め、共有することを目的にしています。 MacWiki の各ページは、誰でも自由に編集できます。 気付いた人が少しずつ、足りない情報を書き足していくことで、 良質の情報ページが出来ていって 多くの方の参考になってくれればと思います。 趣旨に賛同して下さる方はぜひ、 あなたの知っていること・気付いたことなどを ページに書き込んでいって下さい。 ページ一覧 次のページ一覧や、サイドバーにあるリンク・検索ボックスを使って お探しの情報にアクセスしてください。 ページ一覧 - 全ページの一覧です。 カテゴリ一覧 - 全カテゴリの一覧です。 最近更新したページ - 最近更新されたページの一覧です。 ナビゲーションページ - 主なページへのリンクです。 談話室 - サイトの運営に関する話題や、 個々のページ
MacWiki - CarbonEmacs
[編集] Carbon Emacs とは？ Mac OS X の Aqua ウィンドウ環境で動作する Emacs (UNIXのテキストエディタ参照) の総称です。 バージョン 22 の Emacs は、 OS X の Aqua ウィンドウ環境でも動作するようになりました。 この Aqua ウィンドウ対応機能は、Andrew Choi さんが Mac OS 9 に移植した Emacs 20/21 のコードを引き継いだもので、 フロントエンドに Carbon API を用いているため、 Carbon Emacs と呼ばれています。 OS X 10.4 には、Terminal 内でのみ動作する Emacs が付属しています。 また、OS X 10.5 ではウィンドウ対応で動作する Emacs 22 が付属するようになりましたが、 デフォルトでは Terminal 内で動作するように設定されてい
FrontPage - MacEmacs
MacEmacs JP Projectについて † 当プロジェクトはMac上でのEmacs(主にCarbon Emacs)利用情報を収集し、公開する事を活動の中心としています。 サイトの情報はGPLもしくはGFDLにもとづいて公開されています。(一部例外がありますのでご注意ください。) 当Wikiにはファイルを添付することができません スパム攻撃対処中のためアルファベットのみコメント不可です。トップのみ凍結処理しています ↑ 情報交換 † Users メーリングリスト(日本語)：Mac用Emacs利用者(日本語)のメーリングリストです。メールアドレスさえあればどなたでも参加できます。現在の参加人数は約400人です。 Users メーリングリスト(英語)：Mac用Emacs利用者(英語)のメーリングリストです。メールアドレスさえあればどなたでも参加できます。現在の参加人数は約100人で
howm: Hitori Otegaru Wiki Modoki
English howm: 一人お手軽 Wiki もどき Emacs で断片的なメモをどんどんとるための環境です. 分類機能はあえてつけません. かわりに, 全文検索とメモ間リンクが手軽にできるようにしました. 自由書式なので改宗も不要 :-) ダウンロード: 1.5.0 (更新記録) [2022-12-27] 使い方: UNIX USER 誌の記事 / チュートリアル / 詳細 / → いろいろ(howm wiki) → Meadow memo での紹介 ( バグの指摘をくださる方へ / ChangeLog Memo と howm ) スナップショット版 / git (https://github.com/kaorahi/howm.git) 旧版: 1.4.8 / 1.3.9.2 / 1.3.2 / 1.2.4 / 1.2.1 / 1.1.2.1 / 1.1.1.3 / 1.1.0.4
Carbon Emacs | Macの手書き説明書
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
第0回 その気になった客を逃さないフォーム設計術 | ユーザー視点のウェブデザインガイド
第0回 その気になった客を逃さないフォーム設計術 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） ウェブサイトの「ユーザビリティー」という言葉は、当たり前のように耳にする機会が増えてきた。しかし、その知名度の広まりとは裏腹に、「何をどうすれば成果に結びつくのか」「実践に落とし込むにはどうしたらよいのか」について具体的に取り上げられることは少ないようだ。 この連載では、主に「会員登録による顧客獲得を行う企業サイト」をモデルとして、想定される次のようなユーザー
IE7 の CSS レンダリングを検証
IE7 の日本語版もリリースされ、ぼちぼち使い始める人たちも増えてきそうな今日この頃。 IE7 からは今まで Firefox 等に比べて遅れていた CSS への対応も進み、サイト制作者にとってはうれしい限りなのですが、実際 IE7 のCSS レンダリングはいかがなものか、簡単に検証してみました。 今回検証したのは、IE7 におけるボックスモデルの取り扱いと、セレクタへの対応状況。 まずはボックスモデルの検証ですが、用意したのは下記の XHTML と CSS。 <ul> <li class="first_list">First element of list</li> <li class="second_list">Second element of list is a bit longer to illustrate wrapping.</li> </ul> ul { margin:0;
Movable Type 入門
Movable Type5 MovalbeType5の新機能Movable Type 5のダウンロード方法カスタムフィールドのインポート インストールと基本設定 Movable Type用にレンタルサーバーを借りるMovable Type4ダウンロードファイルの解凍、アップロード、cgi属性変更configファイルの設定は不要ブラウザからconfig設定ブラウザからユーザ設定ムームードメインで独自ドメイン取得 アップグレード Movable Type4 アップグレード方法 MT４アップグレード トラックバックで止まった場合 付録 解凍ツールの設定 FTPのインストール FTPの設定（ロリポップ編) 管理画面の使い方とカスタマイズ MovableType 4 初期画面 初期設定は分かりづらい テンプレートの種類と作成方法手順 新規ブログの設定方法 ウェブページの使い方 Movable Typ
Movable Type 入門
Movable Type5 MovalbeType5の新機能Movable Type 5のダウンロード方法カスタムフィールドのインポート インストールと基本設定 Movable Type用にレンタルサーバーを借りるMovable Type4ダウンロードファイルの解凍、アップロード、cgi属性変更configファイルの設定は不要ブラウザからconfig設定ブラウザからユーザ設定ムームードメインで独自ドメイン取得 アップグレード Movable Type4 アップグレード方法 MT４アップグレード トラックバックで止まった場合 付録 解凍ツールの設定 FTPのインストール FTPの設定（ロリポップ編) 管理画面の使い方とカスタマイズ MovableType 4 初期画面 初期設定は分かりづらい テンプレートの種類と作成方法手順 新規ブログの設定方法 ウェブページの使い方 Movable Typ
インストール完全ガイド Fedora Core 6：ITpro
●名称：Fedora Core 6 ●提供元：Fedoraプロジェクト ●URL:http://fedoraproject.org/ ●対応機種：PC AT互換機，PowerPC搭載機 Fedoraプロジェクトは2006年10月24日（米国時間），同プロジェクトが開発するLinuxディストリビューション「Fedora Core 6」を公開しました。Fedora Coreは，さまざまな先端機能をいち早く実装することを重視して開発されているLinuxディストリビューションです。 Fedora Core 6では，デスクトップ環境「GNOME 2.16」やCライブラリ「glibc-2.5」，コンパイラ「gcc-4.1.1」といった最新パッケージを，ほかのLinuxディストリビューションに先駆けて採用しています。また，グラフィック・カードのアクセラレーション機能をX Window Systemから利
インストール完全ガイド Fedora Core 6：ITpro
●名称：Fedora Core 6 ●提供元：Fedoraプロジェクト ●URL:http://fedoraproject.org/ ●対応機種：PC AT互換機，PowerPC搭載機 Fedoraプロジェクトは2006年10月24日（米国時間），同プロジェクトが開発するLinuxディストリビューション「Fedora Core 6」を公開しました。Fedora Coreは，さまざまな先端機能をいち早く実装することを重視して開発されているLinuxディストリビューションです。 Fedora Core 6では，デスクトップ環境「GNOME 2.16」やCライブラリ「glibc-2.5」，コンパイラ「gcc-4.1.1」といった最新パッケージを，ほかのLinuxディストリビューションに先駆けて採用しています。また，グラフィック・カードのアクセラレーション機能をX Window Systemから利
comatta.jp - みんなの「困った」を共有しよう
このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。
Lucky bag::blog: ピュア CSS なプレゼン用スライドショー
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」:phpspot開発日誌
PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 次の記事 ≫：WEBマスター/WEB開発者、御用達のサイトリンク集 Cookie Manager | Javascript Code | All Things Webby Initialisation of a CookieManager object: JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」。 JavaScriptでクッキーを扱うのって、いちいちクッキーをパースして面倒だ、と思っていた人は多いのではないでしょうか？ CookieManager.jsを使えば、phpでcookieを使うときみたいに簡単にcookieが使えます。 prototype.jsをベースとしていて、サンプルのコードは次のような感じになります。 サンプルはクッキーを使
ついに3次元立体映像を実現した「Cheoptics360」
今までの「なんとなく立体っぽいかな？」とかいうレベルを完全超越しています。スターウォーズとか出てきた立体映像にかなりイメージ的に近いです。何より実際のデモムービーがあるのですが、現段階で既にかなりのクオリティであることがわかります。 百聞は一見にしかず、再生は以下から。 YouTube - Cheoptics360 show Holographic Ads こんな感じで遠くからでもちゃんと視認できます 360度どこからでも見ることができるというのは楽しげ こういう使い方もできる。全部の面に文字を入れ、見る角度によって見える面が違う、と。 いかにもそれっぽい 携帯電話をくるくると立体回転しているところ。こういうプロモーションには絶大な威力を発揮しそうです 作成したのはこの会社。実演ムービーもダウンロード可能です。 Cheoptics360 XL 室内だけでなく、屋外でも投影可能なのがポイント
ついに3次元立体映像を実現した「Cheoptics360」
今までの「なんとなく立体っぽいかな？」とかいうレベルを完全超越しています。スターウォーズとか出てきた立体映像にかなりイメージ的に近いです。何より実際のデモムービーがあるのですが、現段階で既にかなりのクオリティであることがわかります。 百聞は一見にしかず、再生は以下から。 YouTube - Cheoptics360 show Holographic Ads こんな感じで遠くからでもちゃんと視認できます 360度どこからでも見ることができるというのは楽しげ こういう使い方もできる。全部の面に文字を入れ、見る角度によって見える面が違う、と。 いかにもそれっぽい 携帯電話をくるくると立体回転しているところ。こういうプロモーションには絶大な威力を発揮しそうです 作成したのはこの会社。実演ムービーもダウンロード可能です。 Cheoptics360 XL 室内だけでなく、屋外でも投影可能なのがポイント
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
定番アルゴリズムを徹底理解！ - 今からでも遅くない！アルゴリズム入門：selfup
このパートでは，プログラミングを勉強するうえで欠かせないアルゴリズムの中でも定番中の定番を紹介します。ソート（並べ替え）やサーチ（検索）などの機能は今では標準のライブラリとして提供されています。実用的なプログラムを作るときにそのものずばりをいちいち書く機会は少ないかもしれません。しかし定番のアルゴリズムは，様々に形を変えて普段のプログラミングに登場します。 解説を読んで仕組みがわかったら，ぜひそれをプログラムにしてみてください。読んだだけではプログラムを書けるようにはなりませんし，プログラムを書いてみて初めて，実は十分に理解できていなかったと気付くことがよくあります。しかもアルゴリズムは特定のプログラミング言語に依存しないので，一度身に付ければ，後でどんな言語を学ぶ場合でも役に立ちます。 1番目から6番目まではソートのアルゴリズム，7番目から9番目まではサーチのアルゴリズムです。一つひとつ
hereticanthem co.,ltd. » フリーでアイコン、クリップアートを配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
hereticanthem co.,ltd. » フリーでアイコン、クリップアートを配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
シゴタノ！ - 今日の反省を明日の仕事に活かすコツ
順調に前に進んでいる時でも、時々振り返ることでいろいろとメリットがあります。「週記のススメ」では、週に１度腰を落ち着けて振り返るための週１日記について触れましたが、これとは別に今日は「４行日記」という毎日続ける振り返りのための、文字通りの日記をご紹介します。 日記とは、その日に起きた事実とそれに対する意見（または感想）を記録するツールである、ということで。。 日記を単に書いて終わりとせず、折にふれて読み返すものであるとすると、読み返すことは感情を反復することになります。読み直すだけで書いたときのシーンがよみがえり、あなたは楽しくなったり悲しくなったりするわけです。時には、単に読んだだけなのに、身体がほてったりドキドキしたり、胃が痛くなったりもします。このような心身の状態になることは、心理学の世界では常識になっていることです。あなたが書いた言葉が人生や仕事の意欲や情熱につながるなら、みなさん
10分やったら2分休む | シゴタノ！
Procrastination hack: “(10+2)*5” 上記で紹介されている方法は、なんだかせわしないメソッドですが、今日からと言わず今すぐにでもできるくらいシンプルなので、先送り対策としては有効だと思います。 原文では料理のレシピのように紹介されていますので、それに沿います。 ●必要なもの ・タイマー（簡単にリセットできるものがよい） ・10分以内でできるタスクだけを集めたリスト（GTDな人：next action限定） ・1時間 ・先送り魔（＝あなた） ●手順 1．10分間、ひたすら1つのタスクに打ち込む（おしゃべりもダメ） 2．2分間、休む。何をやってもOK。ただしきっちり2分だけ。 3．1と2をセットとして5セット繰り返す（これで1時間） ●ポイント ・10分以内に終える（区切りを付ける）必要はない。とにかく進めるだけ。 ・10分たたないうちにキリの良いところまで終わった
Zamzar - video converter, audio converter, image converter, eBook converter
File conversion made easy Convert documents, images, videos & sound - 1100+ formats supported
Frozen Silicon
Maraknya taruhan bola online menunjukkan betapa berkembangnya dunia teknologi sehingga mampu menghadirkan situs-situs Casino Online. Keberadaan situs-situs Casino tersebut mampu menampung taruhan dari berbagai permainan yang disediakan bahkan tidak hanya untuk taruhan bola saja tapi juga taruhan kartu. Skema mudah dalam permainan bola yang diakses secara online membuat permainan judi menjadi incar
みんなのための写真共有コミニティ Zooomr
LEASE YOUR NEXT CAR FROM THE COMFORT OF YOUR OWN WHATEVER. COMING TO A SCREEN NEAR YOU IN: 00 days | 00 hours | 00 min | 00 sec Sign Up For “LeaseDeals Monthly” No Games, just Best Lease Deals Near You The entire process from the comfort of your own home SHOP. BUY. GET. 1. SHOP Guaranteed 0 Down Car Lease Deals in Your Area The car lease deal you see is the deal you get; NO Extra Fees, NO gimmicks
古川 享 ブログ 大浦博久氏のマイクロソフト退社と昨今のマイクロソフト事情
You are about to permanently delete this entry. When you delete an entry, you also delete any comments and trackbacks associated with it. This action cannot be undone. Delete|Cancel マイクロソフトに20年以上在籍した大浦博久（Patrick大浦、パック）氏がマイクロソフトを退社しその壮行会が10月2日（月）に六本木の某所で開催され、それに参加してきました。 というより、そのパーティに合わせて私は帰国スケジュールを調整したのが事実なのであります。 ...パソコン業界の一部では、知らない人は居ないという大浦さんなのだけど、彼の退社を機会に...マイクロソフトの現在を支えてきた志士たちにはこんな人も居たののだというこ
著作権 イーライセンス クリアランスシステム e-license clearance system
平素は格別のご高配を賜り、厚く御礼申し上げます。 弊社では、『著作権管理システム』リニューアルに伴い、アドレス（URL）を 以下のとおり変更させていただきましたことをご案内申し上げます。 ■新URL：https://playn.nex-tone.co.jp/login/ ■新システム名称：『PlayN』（プレイン） 作品届、利用許諾申請、ユーザー情報の変更等、全てのお手続きに関しまして、『PlayN』より行ってください。 大変お手数をおかけいたしますが、「お気に入り」や「ブックマーク」に登録されている方は変更をお願い致します。 ◇変更時期： 2017年4月：書籍等の出版物への利用許諾申請を除くすべてのお手続きを新システム『PlayN』に移行 2020年1月：書籍等の出版物への利用許諾申請のお手続きを新システム『PlayN』に移行（すべてのお手続きについて新システム『PlayN』への移行を完
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://burn-osx.sourceforge.io/
ThickBox -フローティングウインドウみたい- | typocode blog
MindMapper Japan
http://www.chal-hesso.co.jp/
ブクログ
Cornershop - Rounded Graphics for CSS Box Corners
丸角のDIVボックスを色指定して生成してくれるサイト mBlog: [WEB DESIGN] Cornershop - Rounded Graphics for CSS Box Corners丸角のDIVボックスを色指定して生成してくれるサイト
http://blog.mantiddesign.com/2006/11/bookmark_zamzer_free_online_fi.html
subwave auf eBay
LiveLeak
http://blog.mantiddesign.com/2006/11/web_design_twotone_icons_for_f.html
http://blog.mantiddesign.com/2006/11/illusion_neave_strobe_flash.html