友人の腹筋ローラーの力を信じろさんと共に監訳を担当した書籍『Every Layout——モジュラーなレスポンシブデザインを実現するCSS設計論』が出版されます。現在、Amazonで予約受付中です。当初の予定よりもかなり遅れてしまいましたが、内容はいまだ鮮やかなままに思えます。 目次: 日本語版に寄せて 監訳者まえがき Chapter 1: 基礎 1–01: ボックス 1–02: コンポジション 1–03: 単位 1–04: グローバルスタイルとローカルスタイル 1–05: モジュラースケール 1–06: 公理 Chapter 2: レイアウト 2–01: Stack 2–02: Box 2–03: Center 2–04: Cluster 2–05: Sidebar 2–06: Switcher 2–07: Cover 2–08: Grid 2–09: Frame 2–10: Reel 2

はじめに Vue.jsは軽量ですが、数万件のリストを並べるとそりゃ普通につらい。 だから目に見えるとこ以外はdom描いてもらうのやめるってコードです。 デモ デモ(jsfiddle) コード <div id="app"> <div style="overflow:auto;height:170px;" @scroll="getScrollParam"> <ul :style="listStyle"> <li style="height:17px" v-for="num in displayList">{{num}}</li> </ul> </div> </div> new Vue({ el: '#app', data: function(){ return { list:list, scroll:0,//スクロール量 scrollMax: (list.length - displayRow

この記事はUI Design Advent Calendar 2015の19日目の記事となります。 はじめに 「UIは流行りのイケてる感じで」 よく、プログラマ/エンジニアからUIへのオーダーに使われる文句の一つです. プログラマは比較的,ロジカルに物事を考え結論を出すことが要求される職業の一つだと思っていますが, なぜUIに話が及ぶと突然 曖昧で, 感覚的な 結論に考えが至るのでしょうか. システムとインターフェースは切っても切り離せないものです. UIはシステムを扱うのと同じくらい最初から注意して扱われるべきです. 本記事では, プログラマがいかにUIと付き合っていくべきなのだろうか？ということを考えていきたいと思います. あくまでこれから書くことは私が知る情報・経験をまとめたものであって絶対ではないと考えています. 意見・反論がいただければ非常に嬉しいです(きょうちょう.) なお,