普段、Web Inspectorはデバッガとして使っていると思うが、Web Inspectorは実は様々な物を表示できる。 例えば、コンソールでライフゲームを表示することができる。 Web Inspector Life Gameに、コードを置いた。タイミングによっては上手く動かないので、コンソール上でCmd+Rなどを押してリロードすると上手くいく。 以下に、実装に使ったハックや技術を紹介する console.logで色付き文字を表示する まず、console.warnやconsole.infoなどを使うと、黒字以外の文字を表示できることを思い出してほしい。console画面は、HTMLで実装されているのである。 console.log("%s", "aa"); のように、printf形式で文字を表示できる機能があることを知っているだろうか。 この中に、色指定をするためのものがある。%cであ
apple-mobile-web-app-capableというめmetaタグの値をyesにするとiOS Safariでそのページを「ホーム画面に追加」し、ホーム画面からアクセスした際にページをフルスクリーンモードで開くことができる。 <meta name="apple-mobile-web-app-capable" content="yes" /> 出典：Safari HTML Reference – Supported Meta Tags フルスクリーンモードで開いた場合、navigator.userAgentの値に「Safari」の文字列が現れなくなる。 Moble SafariでのuserAgent（iOS 5.1.1）: userAgent: Mozilla/5.0 (iPhone; CPU iPhone OS 5_1_1 like Mac OS X) AppleWebKit/53
1 ：以下、名無しにかわりましてVIPがお送りします ：2012/04/15(日) 01:52:52.27 ID:0GQVowcW0 Firefox「そーれーはー…」ﾁﾗｯ Chrome「…」ﾁﾗｯ Safari「…」ﾁﾗｯ IE「あぅぅ…」 Opera「やだなーもー！フォックスちゃん冗談きついよぉ！」 Firefox「…ﾁｯ」 Safari「…(助かった…)」 12 ：以下、名無しにかわりましてVIPがお送りします ：2012/04/15(日) 01:57:42.44 ID:V+TLJKiD0 相手にすらされないLunascape 13 ：以下、名無しにかわりましてVIPがお送りします ：2012/04/15(日) 01:57:42.25 ID:KnC6CXUR0 話題に上ることすらないSleipnirよ 3 ：以下、名無しにかわりましてVIPがお送りします ：2012/04/15(日)
iOS5 で CSS3 の縦書きがサポートされましたが Ruby について注意が必要です。 HTML5 界隈の話題を追っている先進的な皆様におかれましては、 iOS5 で -webkit-writing-mode :vertical-rl ; がサポートされたことについては周知であると思います。 CSS をちょっと書くだけで縦書きが出来て大変に便利です。ですが現状のところ、縦書きにした所で Ruby を使うと以下のようになり残念です。 このキャプチャ自体は Mac OS X Lion の Safari で撮りましたが iPad などでも同じようになります。 しかしこの問題を解決する方法があります。この問題はスタティックな HTML をレンダリングした時にのみ発生します。 DOM を動的に作成した場合何故かこのバグは発動せず以下のように正しくレンダリングされます。 つまり iOS 向けに縦書
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。7月29日（月）～8月4日（日）〔2024年8月第1週〕のトップ30です*1。 順位 タイトル 1位 新卒の子に「とりあえずこれ」と伝えたら生産性が10倍になったメモ（なのに1万字越え）｜やまだくにあき 2位 「クレカを止めても不正利用が止まらない」のメカニズム【鈴木淳也のPay Attention】-Impress Watch 3位 とある博物館の売店を運営することになった話 – icoro 4位 夫の作る麻婆豆腐が絶品 5位 全部ア段にすると古典インドっぽくなる言葉 6位 【読書感想】「叱れば人は育つ」は幻想 ☆☆☆☆☆ - 琥珀色の戯言 7位 「黒字、出ちゃいました」 独立から半年、デイリーポータルZの今 林雄司に聞く (1/4) :: デイリーポータルZ 8位 スイカはこう切って！種が一気
Safari's Extensions Gallery has gone live, and there's quite a bit to look through and add to your browser at launch. We took a gander through the offerings and picked out some of the extensions worth noting. Here's the (updating) list. To use these extensions, you'll need to have Safari installed, and have it updated to the latest version. Both Macs and Windows installations have Apple's updating
JavaScript, extention | | 先日、Safari5が正式リリースされて、試しに使っていたのだけど、とてつもなく秀逸でしばらくメインブラウザとして使っていました。爆速だし、UIは綺麗だし、拡張機能までサポートされて最強すぎる！唯一の不満点として、Safariでネットサーフィンすると、はてブへの登録やブコメの閲覧が非常に面倒だったので、拡張機能を自作してみた。近いうちに公式で配布されるような気もするけど・・・。 インストールHatena Bookmark for Safariこちらからどうぞ。 主な機能マウスオーバーでコメントを表示右下にページのブックマーク数が表示されます。ブコメが付いている場合、マウスオーバーでコメントビュアーが表示されます。 ちなみに、コメントビュアーのデザインについては、Firefox向けのHBカウンタという拡張のデザインを拝借させて頂きました。m
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
Windows/Mac：Appleの新しいブラウザ『Safari 5』には、これといった斬新さはないようです。しかし、速度、より読みやすいページ、速度、より良いタブブラウジング、速度、将来的な拡張機能対応、そして、しつこいですが、そう、速度に焦点が当てられています。 Apple公式の「What's New inSafari 5」に、機能の詳細が掲載されています。その内容は、なかなか興奮する内容で、失望する点は少ないです。さっそく、Safari 5を紐解いてみましょう。 ■Safariリーダー Safari 5で実際に使える、注目すべき新機能は「Safari Reader」です。特定のサイトにアクセスしていると、アドレスフィールドに小さなボタンが現れます。 クリックすると、そのサイト上の主要記事の文書がセンタリングされ、印刷に適したビューとして表示されます。「Readability」や「In
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
