-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
WebKitベースのURL全体のキャプチャ·webimage MOONGIFT
webimageはコマンドラインでWebKitベースのWebブラウザサムネイルを作成するソフトウェアです。 Webサイトのサムネイル画像生成サービスは多数あります。しかしサービスによってWebブラウザの種類が決まっています。Geckoエンジンを使ったものが多いですが、WebKitを使って取得するサービスを構築するなら使ってみたいのがwebimageです。 デモサービスを通じて生成された画像です。ページ全体がキャプチャされています。 日本語がトウフになってしまっていますが、JavaScriptが解釈された点は評価できます。 利点、欠点の双方がありそうですがこの手のシステムでは総じてセキュリティ上の理由からJavaScriptやFlashがオフにされているのが一般的です。しかしwebimageを通じて作成した画像はJavaScriptが評価されているので、Webアプリケーションのスクリーンショ
DHTML - 最低限文化的なCSSアナログ時計 : 404 Blog Not Found
2011年10月09日14:15 カテゴリLightweight Languages DHTML - 最低限文化的なCSSアナログ時計 これ見たら一つ作り置きしたくなってきたので。 Demo 右の通り。 一応 WebKit (Safari & Chrome on Mac/PC/iOS/Android)、Firefox、Operaで動くのを確認。Operaで動く分、AppleのiPod Nanoのページよりも互換性は少し上です。 なぜかIEで動かない。参考にした Fun with CSS Transforms in Firefox and Webkit - zachstronaut ではIEでもぐるぐる回転しているのですが。 何をやっているかは、ソースを見ればおわかり頂けるかと。 それよか、ちょっと驚いたのが、これ。 WebKitのWeb InspectorってリアルタイムでDOMの変化追え
WebKit サーバーというものを作ってみた - IT戦記
みなさん お久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？ 毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！ 実はブラウザっていうのは、エンジン部分と見た目の部分（タブとかボタンとかね）に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？ 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの？ 実は、今までは JavaS
iPad向け3つのCSS Tips - aduca
iPadを相手にする。と考えれば案外いろいろな制約を考えずに済む。CSSを書くときに一番面倒なのは複数のブラウザを相手にすることだからだ。(viewportとかいう実に厄介な概念がなければよりよい) んでそんな時に心に留めておくとそこそこ便利tips nth-childとか使える :nth-child(even)とかすれば、偶数・奇数でわざわざ邪魔なクラスを付与する必要が無くなる。実によい。 今時の携帯回線網がどれだけ速いのかもよく知らないのであれだけど、とりあえず昔携帯サイトとか覚えてた頃は転送量に気を使いまくって、無駄な空白の一切を削除とかしていたので、無駄なクラス名が増えるのは悪いことではなかろう。 その他、CSS3とかのオプションは案外使えるので、がんがん使うとよい。 -webkitを付けないとダメなプロパティがいくつかある border-radiusとか、最近webkitブラウザ
WebKit2 – WebKit
WebKit2 - High Level Document WebKit2 is a new API layer for WebKit designed from the ground up to support a split process model, where the web content (JavaScript, HTML, layout, etc) lives in a separate process from the application UI. This model is very similar to what Google Chrome offers, with the major difference being that we have built the process split model directly into the framework, al
WebKitを使ってスクリーンショットを取得·webkit2png MOONGIFT
webkit2pngはMac OSX向けのオープンソース・ソフトウェア。Webサービスを作る上でサイトのキャプチャを自動生成するという需要は多い。一般的にこの手の処理はFirefoxやIEを自動操作して行うことが多いように思う。だが操作は意外と複雑で分かりづらいのが難点だ。 一度の処理で三種類の画像が得られる コマンドライン一つで手早くできれば便利だ。それを実現するのがwebkit2pngだ。その名の通りレンダリングエンジンとしてWebKitを使い、指定したURLの画像をPNG画像として保存してくれるコマンドラインユーティリティだ。 webkit2pngはPythonで作られているのでPyObjCをインストールする必要がある。それさえ終わっていれば後は簡単だ。webkit2pngの引数としてURLを渡せば良いだけだ。全部で3つのスクリーンショットが取得され、一つがサイト全体、一つがそのサム
JavaScript でリアルタイム 3DCG を実現する WebGL の使い方 - WebOS Goodies
先日、ちょっとした思いつきで WebKit の Nightly Build をインストールし、 WebGL を試してみました。 WebGL というのは現在策定中の新しい規格で、 JavaScript を使って本格的な 3DCG を実現する API です。同じ目的を持つものとして Google の O3D がありますが、 WebGL は OpenGL ES を管理している Khronos グループを中心に Google, Mozilla, Opera, NVIDIA, AMD といった企業が参画しており、標準化という面ではリードしています。 まだ策定中の規格なので今後変化するかもしれませんが（WebGL 1.0 が正式リリースされました）、少なくとも現状の WebKit の実装については使い方がわかったので、本日はそれをご紹介します。 WebGL は Web 上の最も重要なグラフィックス A
モバイルブラウザーのデファクトスタンダードになりつつあるWebkit
最近、なぜかいろいろなところでHTML5やら モバイル端末向けのブラウザーの話をすることが多いのだが、今年になってトレンドとしてはっきりと見えてきたのは、WebKitがモバイル端末のブラウザーのデファクト・スタンダードになりつつあるということ。 私自身、最初にAppleがブラウザーを作ると聞いた時には「なんでそんな大変なことを今更？片手間でできる仕事じゃないぞ」と思ったりしたわけだが、その予想に反してAppleが見せた本気度とリーダーシップには本当に関心してしまった。 世の中にすでに何百万とあるサイトとコンパチビリティを保つというだけでも大変な作業なのに（経験者語る）、CANVASやCSS Transform/Transitionなどの新しいコンセプトを次々に導入してHTML5の標準化でリーダーシップを取っている点は注目に値する。 「スタンダードを決める」立場に自分を置く事がどのくらい重要
WebKitを使ったHTML2PDF·wkhtmltopdf MOONGIFT
Safariではレンダリングエンジンとして、WebKitが採用されている。iPhoneやAndroid、Palmといったモバイル機器やAdobe AIRでもWebKitをレンダリングエンジンとしており、そのシェアは拡大中だ。高速なレンダリングが可能であり、何よりオープンソースだ。 WebKitを使ったHTML2PDF そんなWebKitを使ってWebページをPDFに変換してくれるのがwkhtmltopdfだ。 今回紹介するオープンソース・ソフトウェアはwkhtmltopdf、Windowsで使えるHTML2PDFだ。 wkhtmltopdfはコマンドラインで使うソフトウェアで、URLやHTMLファイルを渡すと、それをWebKitでレンダリングした結果をPDFファイルとして保存する。日本語も利用可能だ。オプションがとにかく多彩に用意されている。 オプションが多彩 表示に関するオプションの他、
WebKitという世界標準。 - 日々、とんは語る。
にわかに現れ、ネット界を震撼させているバズワード。 以前からあった機能を「特別」にするiPhoneマジックという記事で使われている言葉ですが、ウェブ製作者の人からしてみれば、思想的に逆行、むしろ反逆しているような言葉ですね。 何故かと言えば、それ即ち、今現在でいうところの「IEという世界標準」と置きかえれてしまうからではないでしょうか。 別にWebKit自体が駄目だというわけではなく、ブラウザはあくまでウェブ "ブラウザ" であって、ブラウザ自体が標準にはなりえないわけです。全てのブラウザで等しくブラウジングできるようにあるために、標準(仕様)があるわけで、ブラウザは標準(仕様)に基づいてレンダリングできれば、何でも良いわけです。 docomo の新プラウザが(WebKitじゃなくて)イケてないという意見がありますが、逆に WebKit を採用して幸せになるのは、一体誰なのでしょうか？ i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wkhtmltopdf - Google Code
WebKit Clock - onotakehiko.com
IDEA * IDEA
IBM Developer