[B! css] saku_na63のブックマーク

GPUを活かせるCSSの工夫 - ワザノバ | wazanova

http://calendar.perfplanet.com/2014/hardware-accelerated-css-the-nice-vs-the-naughty/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約1時間前 Ariya Hidayatが、サイトパフォーマンスの改善のためにGPUをうまく活用するポイントについて紹介してくれています。まず、期待できるGPUの効果は、ページのレンダリングを加速してくれること。アニメーションのフレームごとにピクセルを描くのではなく、ブラウザはDOMエレメントのスナップショットを撮って、それをGPUテクスチャ（レイヤ）として保存。後で、GPUにそのテクスチャを変換させ、DOMエレメントをアニメーションしているように見せることができる。渋滞している高速道路ではス

saku_na63 2015/01/12

css
gpu

リンク

CSS勉強するだるさ - mizchi's blog

そろそろ勉強しないトナーと思いつつもだるくなる原因列挙する前提お前はJS書いてればいいよと甘やかされてきたので仕事で書いた量は少ないリフロー、ペイント等の表示制御系とパフォーマンス周りだけはそれなりに知ってる position: absolute や visibility: hidden とか簡単な装飾はできる段組とかの知識があんまりないわからないこと解法が一つではなく、最適解がわからない数こなせばわかる気がするが時間かかってだるいすでにあるサイトを参考にするもそれが正しいのかよくわからない正解が(プログラマ的感覚だと)醜くみえるたとえば中央寄せたとえば段組このrelative指定は本当に必要なのか…みたいなググって引っかかる資料のレベルが低い古のspacer.gifとか未だに引っ掛かるこれはJSと同じ問題なので2010~の資料しかみないようにする楽できそ

saku_na63 2014/12/29

リンク

Elmとはどんな言語か？その７つの特徴【Elmアドベントカレンダー2014 1日目】 - None is None is None

これはElm Advent Calendar 2014の1日目です。 Elmはクライアントサイド向けの関数型言語です。一体どんな言語なのでしょうか？ 1. HTML/CSS/JSにコンパイルされる ElmはHTML/CSS/JSにコンパイルして使用します。この辺はJavaScriptにコンパイルされるAltJSに似ています。 AltJS同様、Elmも特別なランタイムライブラリは不要です。ただし、Elmは1つのソースでHTML/CSS/JSをすべてまかなえるのが特徴です。 2. 独自の抽象化レイヤーを提供している代表的なAltJSであるCoffeeScriptは"It's just JavaScript"をモットーにしています。すなわち、文法を改良するのみで、「中身」はJavaScript以上でも以下でもありません。一方、Elmでは直接JSやCSSを操作することはできません。基本的