このページの本文へ

いまどきのCSSではどう書けるか? Trelloのレイアウトを再現してみた

2017年11月06日 20時26分更新

記事提供:WPJ

  • この記事をはてなブックマークに追加
本文印刷

タスク管理ツール「Trello」の特徴的なレイアウトを最新のCSSテクニックを使って実装する方法を解説します。

Trelloボード画面(例はこちら)の基本的なレイアウトの実装方法を紹介します。レスポンシブでCSSのみを使うソリューションでレイアウト構造の特徴を解説します。

最終結果のCodePenデモです。

Trello Screen

この記事をWPJのサイトで読む

Web Professionalトップへ

Web Professionalトップページバナー

WebProfessional 新着記事

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く