ノルウェーのオスロ発--ウェブフォーマットの標準仕様であるCSS（カスケーディングスタイルシート）は、知る人の比較的少なかった長い期間を経て真価が認められ、新世代のインタラクティブで洗練されたウェブページの開発技法として中心的な役割を ...

ChromeとFirefoxにデフォルトで実装された、CSS Grid Layout Module（グリッドレイアウトモジュール）。その基本的な機能と使い方を、デモを交えて。 Webアプリケーションはいよいよ複雑化してきています。そのためフロートを使ったハック的なソリューション抜き ...

サイトのコンテンツのレイアウトを考える場合、コンテンツをどのようなレイアウトでは位置すればいいのか悩む場合が多々あります。2コラムにするのか3コラムにするのか、それぞれのコラムの下にさらに子コラムを入れるのか否か、右サイドに置くのか ...

最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトが ...

次世代のCSSレイアウトとして注目されるのが、Grid Layout Module。実用段階まではまだ時間がかかりそうですが、活発な標準化の動きをチェックしておくとライバルに差を付けられそうです。 柔軟性に優れたCSSのグリッドレイアウト（Grid Layout）の仕様は ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

株式会社クリーク･アンド･リバー社（C&R社）は5月21日（水）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、無料のオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（6） 〜グリッド ...

CSSでグリッドレイアウトを実現するための仕様のワーキングドラフト「CSS Grid Layout - W3C Working Draft, 2 April 2013」が公開された。将来のCSSでグリッドデザインを実施する方法として参考になる。公開されたワーキングドラフトにはサンプルコードが豊富に掲載さ ...

「脱テーブルレイアウト」とタイトルを見て驚いた方もいるかもしれないが、データの整理に使う表でのお話。繊細な罫線や背景グラデーションを効果的に使って、個性的な表組みを作ってみたい。ポイントはGIFで作った罫線を駆使することだ。 個性的に ...

米Google Inc.は9日（現地時間）、Webブラウザー「Google Chrome」の最新安定版v57.0.2987.98を公開した。「Google Chrome 57」では“CSS Grid Layout（display: grid;）”がサポートされ、より複雑なレイアウトを柔軟に行えるようになった。 “Grid Layout”を利用すると、要素の ...