Pencil.dev Merges Visual Design and Code Output into One Responsive Workflow

Pencil.dev focuses on design-to-code speed versus static tools; upcoming reusable component libraries are planned for 2026.
ASCII.jp

日本と世界の「レスポンシブWebデザイン」

マルチデバイス対応のWeb制作手法として注目を集める「レスポンシブWebデザイン」。ところが日本では「メディアクエリーを使ってスクリーンサイズごとにレイアウトを切り替えること」との誤解が広がっているようです。 レスポンシブWebデザインとよく似 ...
techtimes

Responsive Web Design: Ensuring Your Site Looks Great on Every Device

Have you ever opened up a webpage on your phone only to realise you can't see half of it? Frustrated because your favorite site doesn't look the same on your tablet as it does on your laptop? You're ...
技術評論社

HTML＆CSSとWebデザインが 1冊できちんと身につく本

「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる 本書はWeb制作の基礎言語であるHTMLやCSSの書き方だけでなく、多くのWebサイトが採用している4つのレイアウト手法を学ぶことで、1冊を ...
CodeZine（コードジン）

Adobe Edge Reflowで作るレスポンシブデザイン向けプロトタイプ入門

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...
ASCII.jp

HTMLの用意とリセットCSSの作成 (1/4)

この連載が本になりました！ 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方 ...