そろそろCSSハックの良し悪しについて考えてみる（書式編） | Blog hamashun.com
関連リンク そろそろCSSハックの良し悪しについて考えてみる（書式編） そろそろCSSハックの良し悪しについて考えてみる（管理編） おまけ付き Re:CSS の用途をわざわざ (X)HTML に限ることはない スターハックに端を発するアレコレ スターハックに端を発するアレコレ まとめ編 フルCSSでサイトを制作する際に、まだまだ避けては通れないのがCSSハックです。 巷には色んなハックが溢れていますが、今回は良いハックと悪いハックを『書式』をキーにして考えてみたいと思います。 なお、ハックはあくまで最終手段であり、使わないにこした事は無いという事を、事前に書いておきたいと思います。 また、一部CSSハックと呼ぶには語弊があるテクニックもありますが、ブラウザ実装の差異に対する技術、といった意味合いで、この記事ではハックで統一しています。 バリデータに通るか否か まず最低条件として、バリデータ
赤の女王とお茶を - マインド・ハックから脳を守る二冊 ～その１・実践編～
お正月は主に本を読んだり攻殻機動隊S.A.C.を観たりしておりました。 課題図書にしていたのは前から気になっていたコレ。 影響力の武器―なぜ、人は動かされるのか 作者: ロバート・B・チャルディーニ,社会行動研究会出版社/メーカー: 誠信書房発売日: 1991/09/01メディア: 単行本購入: 12人 クリック: 699回この商品を含むブログ (123件) を見るいや、噂にたがわず面白い。 これはもう現代人必読の書といっても構わないのではないでしょうか。 基本は心理・認知・行動科学的な原理の紹介と解説なのですが、その中でも社会生活に特に密接に関与する法則に重点がおかれています。著者自身の体験やフィールドワーク、実験や実例も豊富で、なかなか説得力があります。 特筆すべきは、現代に蔓延する強力な心理・認知トリック（広告やマーケティング含む）をしっかり把握し、それらから自分の認識を防衛すべきだ
TAKESAKO @ Yet another Cybozu Labs: Web2.0時代のAjax Binary Hacks
※公開用にいくつか手を加えてあります 前フリが長いとのツッコミがありましたので、今回の発表内容を少し要約してみたいと思います。 1. GIF Format Hacks (Server side) まずは、任意のpixelサイズ（幅・高さ）を持った画像ファイルを固定長の35byteで出力する方法 #!/usr/bin/perl use strict; use warnings; sub create_gif { my $size = pack "S2", @_; return "GIF89a$size\xf0\x00\x00\x00\x00\x00\xff\xff\xff," . "\x00\x00\x00\x00\x01\x00\x01\x00\x00\x02\x02L\x01\x00;"; } print "Content-Length: 35\n"; print "Content-Ty
Internet Explorer 7で使えなくなるCSSハック « Odysseygate.com
前回に続いて、Internet Explorer 7で使えなくなるCSSハックについていってみたいと思います。きっとどこかのサイトがすでに公開してると思うのですが、どうもうまく検索できなかったので…。 参考にしたのは、例によってCascading Style Sheet Compatibility in Internet Explorer 7です。 CSS Filters（おで訳。適当に省略してます） ブラウザーベンダーによってCSSの実装が異なったり、さまざまなバグがあるせいで、CSS標準によっても結局表示がばらばら。結果としてウェブディベロッパーコミュニティはさまざまなCSSハック(MicrosoftはこれをCSS Filterと呼んでいる)を作リ出した。 IE7では、数々の（これらの原因となる）構文バグを修復したので、これまでのバージョンのIEで動作していた、以下のCSSハックは動作
CSSハック - CSS HappyLife
使う機会は滅多に無いんだけど、知識として知ってないと困ったりしたので、取りあえず現在主流だろうブラウザのハックを自分のまとめ用に。 実際の状況を確認出来るように、デモページもご用意しました。 必要あるか分かりませんがダウンロードも出来るようにしときました。 拡張子がshtmlとかなってるので、htmlにして下さい。 ハックのデモページ デモページのファイル一式ダウンロード(zip:14kb) 通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。 コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。 IEの場合はwidth、もしくはheightを指定す
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
Bridge Word
This shop will be powered by Are you the store owner? Log in here
アスタリスクをプロパティ名の頭につけるというCSSハック
CSSの各セレクタのブロック内でInternet ExplorerとFirefoxやOperaなどで分けてプロパティを設定するハックとしてUnderscore Hackという有名なものがあるが、Details on our CSS changes for IE7によるとInternet Explorer 7では修正されている。だが、アンダースコアのかわりにアスタリスク(*)をプロパティ名の頭につけるというAsterisk Hack (勝手に命名)は健在だったりとか。 Asterisk HackはUnderscore Hackとほとんど同じで、 #menu { position: fixed; *position: absolute; } というような記述をするハック(サンプル・ページ)。結果はInternet Explorerでabsolute、FirefoxやOperaなどではfixed
[Official] Sothink SWF Decompiler, Flash Decompiler, Flash to HTML5 Converter
Important Notice: Since January 12, 2021, Adobe has blocked Flash content from running in Flash Player, so the Flash element cannot play normally in Sothink Flash products, such as Decompiler. The solution is to use the old windows system, such as win7; or use win10 that does not install the latest patch. Your First Choice of Flash Decompiler Support converting SWF to FlA, SWF to HTML5. Export the
Geekなぺーじ：Googleの高度な検索応用方法。。。
「Turn Google into Napster 2000」という記事がありました。 Googleを2000年頃のNapsterのように使ってしまうという記事でした。 MP3、PDF、ビデオ、何でもダウンロードできると書いてありました。 Apacheで「Options Indexes」を指定していてindex.htmlなどのindexファイルが無いディレクトリを狙っているみたいです。 サイト管理者の意図しない使われ方になってしまっていて非常に怖さを感じました。 例えば、これらによってGoogleで1位表示などになってしまうと場合によってはサイト管理者が著作権侵害で訴えられてしまいます。 Nirvanaの音楽ファイルの場合。 -inurl:(htm|html|php) intitle:"index of" +"last modified" +"parent directory" +desc
【コラム】OS X ハッキング! (197) iTunes 7のアートワーク関連機能をクイックハック | パソコン | マイコミジャーナル
Aperture 1.5、出ました。既存ユーザは無償アップデートOKということで、ソフトウェアアップデートでの配布開始を楽しみに待っているユーザも少なくないはず。もちろん私もその1人、起きがけにコーヒーを飲みながらソフトウェアアップデートを起ち上げると…… おや、iTunes 7.0.1が。 というわけで、今回は急遽予定を変更、「iTunes 7」について。Cover Flowおよびアートワーク自動ダウンロード機能の反響は大きいようで、にわかにTIPS的情報への要求が高まっている定番ジュークボックスソフトだ。この原稿を書き始める数時間前にマイナーアップデート版(7.0.1)がリリースされたこともあり、先日掲載されたレビュー記事の補足として、iTunes 7の最新TIPS情報をお届けする次第だ。 自動アートワーク自動ダウンロード機能のまとめ iTunes 7に追加された「アートワーク自動ダウ
最速インターフェース研究会 :: Firefoxの拡張MozLabの中に含まれるMozReplがヤバすぎる件について
MozLabという拡張を昨日知ったのですが http://dev.hyperstruct.net/trac/mozlab この中に含まれているMozReplというのがヤバい。Firefoxにtelnet接続できるようになる。 とりあえずRubyで書いた簡単なサンプル、今見ているページをリロードするだけ。 require 'net/telnet' telnet = Net::Telnet.new({ "Host" => "localhost", "Port" => 4242 }){|c| print c} telnet.puts("content.location.reload(true)") telnet.close ひたすら自分が見ているURLとページタイトルを記録する系とか簡単に作れそう。 今見ているページのURLとタイトルを取得するサンプル。 require 'net/telnet'
対話によって発想を広げる（1）
前回は、ペンや紙を使う方法や、言葉やイメージを活用する方法を紹介してきたが、今回は質疑応答や対話による方法を中心に紹介する。 物事を行う際に、人は通常、以下のように問いかけをします。「1、事実は何か」。すると、答えとして大抵、資金がない、人材がない、アレがない、ウチはこうだ、などといった事実関係が挙がります。次に、「2、事実による制約は何か」と問いかけます。すると、「資金がないから、映像を使わずに文字だけにしよう」とか、「50までやりたいけれど20にしておこう」という感じで、制約を意識します。そして最後に「3、では、その制約の中で何ができるか」と問いかけます。すると、「この資金だったら、コレとコレしかできないね」というようなネガティブな思考経路をたどります。 確かに、資金も人材もあって制約がないなど、事実が良い状態だとなんでもうまくいくのですが、悪いとすぐ低迷してしまい発想も行き詰まってし
人に話すことでアイデアを生み出す
創造性を高めるための26の方法、「紙を使った発想法」に続く第2回は、「人に話す・口に出す・言葉にする」手法を使った発想法を8つ解説します。 「こういうことをしてみたいと思っているのだけど、どう思う？」と、アイデアを、仲間や友達に言ってみましょう。また、飲み屋のお兄さん、自分の娘や家族など、全然違う業種の人に話してみると、案外、簡単に答えが返ってくることがあるものです。というのも、この業種では常識といわれていることが他業種では非常識、その業種だと未発達だったことが他業種だと発達している、ということがあるからです。 場合によっては、同業他社やライバルに話してみるのも面白いかもしれません。企業秘密もあって、あまり話せないこともあるかと思いますが、思いも寄らないことを言ってくれるかもしれません。ちゃんとした答えではないかもしれないけれど、発想は得られます。 また、話すときに使う脳は、頭で考えるとき
sshで指定したコマンドしか実行できない公開鍵を作る - 技術メモ帳
自動バックアップ処理をさせたいが シェル権限を与えたくないときとかに使える技。 やり方は簡単で $HOME/.ssh/authorized_keys の "コマンドを制限したい公開鍵" の行の先頭に 実行させたいコマンドを記述すればよい。 そのときのフォーマットはだいたい以下のようになる。 command="実行させたいコマンド",sshのオプションをカンマ区切りで書く command=hoge というのを付け足すことによって その公開鍵でアクセスがあったときに 指定したコマンドを実行させることができる。 たとえば、uptime を実行させたいときは、 以下のようにすればよい。 command="uptime",no-pty,no-port-forwarding,no-X11-forwarding,no-agent-forwarding ssh-rsa AAAABbBFERTWER....
削除されたYouTube動画を落とす「YouTube list to irv」 :にゅーあきばどっとこむ
※作者様と既に読んでいただいてる方申し訳ありません。重要な機能の存在を見逃したまま掲載してしまいました。「YouTube list to irv」には、YouTube動画のIDを元にIrvineのダウンロードリストを生成する機能があります。従って「この(既に削除されてる)動画を落としたい」→「その動画が含まれているプレイリストを探す」という手間は不要です。以下掲載当初から内容を修正しています。 個人ブログや掲示板などで紹介されているYouTube動画にアクセスしたのに既に動画が削除されていて見れなかった。……という経験がある人は多いはず。リリースされたばかりの「YouTube list to irv」を使うと、削除されたYouTube動画を強引にダウンロードし鑑賞することができてしまう。実は、YouTube動画は、削除された後も動画本体がデータサーバーに残っていることが非常に多い。ウェブ
CSS Browser Selector
Clever technique to help you on CSS hacks. Last updated: November 02, 2010 (v0.4.0) CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser. EXAMPLE The JavaScript support is disabled on your browser. Please, enable JavaScript and refresh this page. The color of th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Going My Way: Gmailの中にGoogle Readerを表示するGreasemonkeyユーザースクリプト
http://kengo.preston-net.com/archives/002840.shtml
http://www.product.tuad.ac.jp/robin/Jpn/note/checklist.htm