CSS Nite in OSAKA, Vol.29 で発表したスライドです。改訂版を http://www.slideshare.net/HiroakiWakamatsu/ss-14011485 にアップしました。Read less
![スマートフォンブラウザ不具合特集](https://cdn-ak-scissors.b.st-hatena.com/image/square/d35c5c1b1e3d51ef4c8afde2101614003395de0c/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fcssniteinosaka2920120427share-120427113841-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
なんか JavaScript を解釈できるらしい. でも, 両方 apt-get で入れて試してみたけど, うーん, 動いているように思えない・・・. links2 に -enable-javascript オプションを与えたりもしてみたけど, 駄目だなあ. ちなみに試したサイトは, Google Suggest. elinks は, 自前でコンパイルしてみようと頑張ってみたけど, JavaScript, というか SpiderMonkey が絡むと駄目だ. どうしても認識してくれん. なんでじゃ. まあ, それ以前に日本語も上手く表示してくれないしなあ. キーの扱いも, よく調べてないだけやけど, あまり使いよくないし. やっぱり, w3m がいいなあ. w3m が JavaScript 解釈するようにならないかなあ・・・. あわよくば, Emacs 内で JavaScript をふんだ
どうも、鈴木です。 さて、前回は vim の使用法というじつに低レベルレイヤの出身者的な記事を書きましたが、 今回も懲りずに低レベルのお話しをしたいと思います。 というのも、先日「ブログ書くのめんどくさいよぅ」と駄々をこねていたところ、あまりにレガシーすぎる HTML/CSS/JavaScript 仕様や Flash や Silverlight といったプロプライエタリなリッチコンテンツ用プラグインに日々苦しめられている気弱く善良な一介の WEB プログラマにすぎない我々の希望の星であり、そして同時に新たな巨大クソレガシーの萌芽でもある HTML5 が、いかにイケてないのではなくイケているのであるかを盛んに啓蒙するサイトである HTML5 Rocks (http://www.html5rocks.com/) に、"How Browsers Work" というとても楽しい記事があるのを、我が
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Firefoxに長らく存在していた用途不明なヒープメモリ、通称「ダークマター」の発生原因のひとつが突き止められたらしい(マイコミジャーナルの記事)。このダークマターはFirefoxが使うメモリのうち結構な比率を占めているそうで、この問題が解消されるとメモリ使用量の大幅な減少が期待できるとのこと。 Nicholas Nethercote氏によってなされた報告によると、jemallocのメモリアロケート時に発生する未使用領域がダークマターの原因のひとつとなっているそうだ。jemallocでは確保したメモリを開放するときにフラグメンテーションが発生しにくくなるように、特定のサイズに区切ってメモリの確保を実施している。Nicholas Nethercote氏はこの領域を「スロップ」と呼んでおり、このスロップがメモリ食いの原因とのこと。スロップを完全に排除するには、jemallocの確保するメモリサ
今日、あなたが読んだ何千という文字も本当はすべて美しくできました あなたが日頃からウェブブラウズするなら、どんなページでもテキストを目にしない日はありません。それらを表示するウェブブラウザは、実は「文字を読むための道具」だとわかります。そこで、いつでももっとも長く目に触れる文字を美しく描き出すことに、フェンリルのデザイナーは取り組みました。あらゆるページのテキストを美しくすることは、これからあなたが目にするウェブの世界すべてを美しくすることです。 美しい文字を見る ギザギザした文字を PC と古いゲーム機以外で 見たことがありますか? PC で見る文字がギザギザしているのは当たり前のことでしょうか。表示性能の進化で、PC の文字が粗いドットでなくてはならなかった時代はずいぶん前に過ぎ去りました。にも関わらず、一般的なブラウザの文字はいまだにレトロなゲーム機のようです。Sleipnir の登
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
Normalize CSS [ad#ad-2] Normalize CSSの主な特徴 Normalize CSSの対応ブラウザ Normalize CSSのデモ Normalize CSSの使い方 Normalize CSSの主な特徴 Normalize CSSは、他のリセット用スタイルシートとは一味違った特徴を備えています。 有用なデフォルトはそのまま 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。 スタイルの正常化 さまざまな種類のエレメントのスタイルを正常化します。 バグの修正 各ブラウザごとの異なるスタイルやバグを修正します。 ユーザビリティの改善 ほんのわずかな改良でユーザビリティを改善します。 コードの説明 各コードには詳細な説明があります。 Normalize CSSの対応ブラウザ 対応ブラウザは下記の通りです。 Chrome Firefox
というわけで、昨日から話題沸騰の Javascript PC Emulator すごいですね。JavaScript で書かれた x86 PC エミュレータ上で Linux 動かして、入ってる tcc 使えばそこそこのソースもコンパイルして動いたり。 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 というわけで、SpiderMonkey を入れて動かしてみました。ブラウザ内でJavaScriptが動くなんてムネアツですね! 手順としては、コンパイルの簡単な SpiderMonkey 1.7 を x86 の32ビットマシンで -static 付きでビルドして、r
バーはブラウザの幅いっぱい(左右・左のみ・右のみ)に、その中のテキストは読みやすい幅に設定するスタイルシートを紹介します。 ブラウザの幅を狭くしたキャプチャ 以下は各ポイントを意訳したものです。 まず、ブロックレベルのエレメントの幅は当然、親エレメントと同じ幅になります。単純に<body>直下に<h1>を配置すれば、自動的にブラウザの幅いっぱいになるのではないか、と思うでしょう。 しかし、それはテキスト部分もブラウザの幅いっぱいになってしまい、それは読みやすいものではありません。下記のように、バーはブラウザ幅いっぱいで、テキストは読みやすい幅になっているのが理想です。
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
#1853544 さんも ab でベンチをとったと仮定して書きますが mod_pagespeed はどちらかというと - クライアント(ブラウザ)に優しく - 帯域(ネットワーク)に優しく - サーバに厳しい ブースターなので、ab などのように単一の HTML ファイルをバルクで取得しても効果は現れません。 そもそも HTML や CSS や JavaScript ファイルにフィルタをかけるのでサーバの負荷があがります。 なので非力なサーバで単一ファイルのベンチをとると、たいてい悪化したように見えるでしょう。 (いちおう、キャッシュディレクトリを指定する箇所があるみたいなので毎回加工はしないと思いますが、 WordPress のように動的なページ生成の場合、都度都度加工される可能性が高い) どのように加工されるかについては http://d.hatena.ne.jp/sfujiwara/
MacBookAir11インチを買いました!! 夏ぐらいから新MacBookAirの噂が流れていて、待っていたので、発表直後に即購入しました。 購入したモデルは11インチSSD128GBのモデルにメモリを2GB→4GBに増やした構成になります。 システム構成 1.4GHz Intel Core 2 Duo 4GB 1066MHz DDR3 SDRAM 128GBのフラッシュストレージ 巷では導入したソフトを紹介するのが流行っているようなので、私も便乗してサーバエンジニアとして紹介したいと思います。 ソフトを紹介する前に、MacBookAirを数日間利用してみての雑感を パームレストがほとんど熱くならない。負荷をかけてもほんのり暖かいくらいです。アルミMacBookで一番不満な点が解消しています。 ファンのほとんど音がしない(ほぼ無音です) 軽い トラックパッドの感度が悪い(個体差の
PHPプログラムを解析して何処が重いか?がブラウザ上で簡単に分かる「XHProf」 2009年03月25日- XHProf Documentation (Draft) PHPプログラムを解析して何処が重いか?がブラウザ上で簡単に分かる「XHProf」。 通常、PHPでのプロファイリングというと、Xdebugでファイルを吐き出して、WinCacheGrindやKCacheGrindで読み込むというのが定番です。 ですが、この方法だと、ファイルを吐き出したファイルをGETして、ソフトに読み込ませる、というちょっと面倒な手順が必要でした。 XHProf を使えば、ブラウザ上で、プロファイリングが出来るみたいです。 XHProfの特徴 まず、セグメントごとの実行時間やメモリ利用の状況なんかがブラウザで見れます。 プログラムの構造を把握するのにも使えます。 プロファイリングの階層表示 2つのプロファ
IEで表示しているWebページを即座にPDF形式で保存できるPDF文書作成ソフト「PDFCreator」v0.9.2が、6月19日に公開された。Windows 95/98/NT/2000/XPに対応するフリーソフトで、寄付歓迎とのこと。現在作者のホームページからダウンロードできる。 「PDFCreator」は、任意のソフト経由で印刷可能な各種ファイルを、PDF形式に変換できるソフト。仮想プリンターとして動作する仕組みで、任意のソフトでファイルを印刷する際に、プリンター一覧から“PDFCreator”を選んで印刷すれば、好きなフォルダ内へPDF文書を保存できる。 さらに、PDF文書の保存時に表示されるダイアログで[eMail]ボタンをクリックすれば、通常使用するメールソフト上で、PDF文書が添付された状態のメールが新規作成されるので、素早くPDF文書をメール送信可能。 また、文書内で使用して
前エントリでやってたのは、割とダサいやり方で、location.hashというページ内リンクで使う文字列をURLの後ろに追加することで、次の画面から戻ってきたときに元の状態に戻ることができるようにしたほうがはるかに使いやすいです。 サンプルはこちら ソースはこちら Flashのテキストフィールドに文字を入力し、「Flash変数保存」を押すと、URLの後ろに文字がつくかと思います。これが入力された文字列をescapeしたものですので、戻すときはここからデータを復元させてあげればOKです。この方法であれば、次の画面遷移は普通のリンクで問題ありません。ブラウザのURL移動履歴で全てがまかなえます。 これを使って状態保持をしてあげればFlashだろうがAjaxだろうが状態復帰ができます。 また、はてなブックマークのようなサイトに途中の状態をそのまま保存することができるので、Flashが苦手としてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く