Frontend Weekly Vol.97

Headlines

CSS Architecture for Design Systems by Brad Frost

デザイン・システムのためのCSSアーキテクチャ

より大きな規模、より柔軟で、強固な設計。CSSのアーキテクチャは常にそこに向かっている。Atomic Designの提唱者であるBrad Frost氏による直近のアーキテクチャとは、について紹介。

CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout by Smashing Magazine

CSS GridとFlexbox。レイアウトのための新しいシステムについて

レイアウトを行うのが苦手だったCSSも今は昔。Flexboxに続き、CSS Gridのブラウザ実装も増えてきた。記事ではそれらの導入と、実際の利用について、大量のコードサンプルとともに紹介。

Getting Started with Webpack 2

Webpack2の始め方

ドキュメンテーションの完成を待ってBetaを卒業するWebpack 2。長らくの期間を要した最新版のWebpackについて、Webpackそのもののふり返りと共に、(なぜか)Yarnを利用してのセットアップから紹介。

Easy Creation of HTML with JavaScript’s Template Strings by Wes Bos

Template Literalsを使ったHTML生成

ES6のTemplate Literalsは地味ながら便利な機能追加。その文字列の扱いを容易にする機能を使ってHTMLを生成する方法について紹介。非常に相性が良い。

Microinteractions UX Design: The Small Things That Make A Huge Difference

マイクロ・インタラクションがUXに与える影響について

その名前が示す通り、マイクロなインタラクションは、気がつかないくらい小さなインタラクション。そんなインタラクションをどうデザインするのか、そしてその影響力について。

Redux without React — State Management in Vanilla JavaScript

Reactを使わないRedux

Reactを使わずにReduxを使うことは可能なのか。結論はもちろん、可能なのだが、そこに辿り付くまでの失敗、そして成功への道のりも紹介されていて、非常に参考になる。

Slide

From Library to Tool - power-assert as a General Purpose Assertion Enhancement Tool by Takuto Wada

t-wada氏のNode学園祭2016での発表スライド。進化を続けているpower-assertがテスティングライブラリという位置付けからツールになったために、コード自体の改変をしなくても簡単に使えるようになった。

Announcement

Frontend Weekly Meetup 2016 (PR)

フロントエンドエンジニアのためのWeeklyニュースレター、Frontend Weeklyの創刊100号を記念し、初のオフサイトMeetupを12月15日(木) @ 六本木ヒルズ メルカリオフィスにて開催。
すでに参加枠を超えた応募となっていますが、抽選により参加を決定(12月1日抽選)しますので、奮ってご応募ください。

Slack for Frontend Weekly (PR)

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

In Brief