この他に macOS の Chrome では、ShiftキーとMetaキーを併用することで、新しいタブで開きつつそのタブをアクティブにすることができました。 CSS によるスムーズスクロール ページ内リンクをクリックしたときのスクロールを、アニメーションによってスムーズにしたいということはよくあります。これは CSS のscroll-behaviorプロパティを使えば非常に簡単に実装できます。 body { scroll-behavior: smooth; } たったこれだけの宣言で、JavaScript を一切用いることなく、ページ内リンクをクリックしたときのスクロールにアニメーションが伴うようになります。また、ページ内リンクのクリックだけでなく、可視領域外にある要素がフォーカスされたときや、ページ内検索に一致したテキストがハイライトされたときなど、スクロールが伴う場面すべてに適用されま
2014年7月13日のブラウザエンジン先端観測会での発表内容です。 http://atnd.org/events/52121Read less
これ以上は長くなるため後述． ##Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかしSafariが対応しておらず，世間的にはモチベーションの上がらない状況であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである． 20ヶ月という永遠とも呼べる時を経て，2017/08/032にようやく In Development となったわけであった． ##だから何なのか SafariにService Workersの実装がなされると，一気にウェブアプリへの移行が進む可能性が大きい． ブラウザの制約が弱まり，ウェブアプ
書こうと思ってだいぶ月日が流れてしまったけどメモ。 Firefox52でCSS Text Module Level3の区分分断の変換規則が実装された。原文でいうとSegment Break Transformation Rulesというやつ。 こういう表示をしようとして、HTMLを書いたとき <p> 庭には 二羽 にわとりがいる。 </p> 要素の中で改行すると、ブラウザの表示では改行の箇所にスペースが挿入されてしまう。 こんな感じに。 これが、例えば英語で <p> The quick brown fox jumped over the lazy dogs. </p> としたときには the のあとの改行の箇所にスペースが入らない場合、改行の前後の the と lazy がくっついて The quick brown fox jumped over thelazy dogs. となってしまう
知っておきたいブラウザについての基礎入門 at サポーターズ京都勉強会 https://supporterz.connpass.com/event/51220/
最近、Microsoft、Mozilla、Google、Appleといったブラウザベンダーが積極的に情報を発信するようになったのもあって、公式の情報でもどこを見ればいいのかがわからないという状況が起きてる気がします。 (主にSNSで流れてくるものを見るのがメインストリームになってるので、そういうことを気にしなくなったというのもあると思いますが) なので、ブラウザ毎にリリースノート(Changelog)、実装状況、公式のブログ、バグ報告の場所などをまとめました。 azu/browser-javascript-resource 更新がしやすようにGitHubのREADMEとして置いてるので、継続して見たい人はWatchをするなり、付け足したい情報や訂正したほうがいいものはPull RequestやIssueを送ってくださるといいと思います。 まとめてみると、Microsoft Edgeは一本道
ネットスケープの仕事場。 © 1994-1996 Jamie Zawinski <jwz@jwz.org> nscp dorm. 以下はNetscape Communications (万歳三唱) の誕生から数ヶ月、まだぼくたちが Mosaicと呼ばれていた頃のぼくの日記からの抜粋だ。その頃は、いまみたいに何千人だかも人はいなくて、ほんの 20 人とか 30 人だった。もう中間管理職なんてものがそもそもいなかった頃。 これは「古き良き時代」と伝統的に称される時期だけれど、でも時間はいつも苦痛を和らげて、当時のできごとが実際よりももっと楽しかったように見せちゃうものだ。でも、なんでもかんでも楽しくなきゃいけないなんてだれが言った？ 苦痛は人間を育てる（そして時には製品も育てる）。 で、きみも 新興ベンチャーで働きたいって？ 以下は、警告の物語になるかも…… 1994年7月26日火曜日, 4a
レスポンシブWebデザインでは幅にパーセントを使った指定をします。 そのパーセント値やパーセント値からpx値に置き換えた値は小数点以下の値が出てくることがよくあります。 そんなときブラウザはどのようにまるめる計算しているのかを検証したエントリーがあったのでご紹介。 まず、最初にブラウザのアクションは2つあります。 ひとつはパーセンテージの丸め方。 IE7-11…小数点第二位に切り捨てる上記以外のモダンブラウザ…より多くの小数点以下の桁数を丸めるもう一つはパーセンテージから割り出されたピクセル値の出し方。 IE8を例にみてみます。 例コンテナの幅は 1325pxコンテナ内のボックスに幅 50.5290112% を指定このボックスの幅は計算上は 669.5093984px ( (1325 / 100) x 50.5290112)IE8では669pxになるIE8でどう計算されているかというと、
「自分たちが何屋か定義しない」事業開発集団。「ルールテック」「リスクデザイン」等を提供しています。
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
