こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 CSS Modern Features、今回取り上げるCSSの機能はCSS Nesting Moduleです。 CSS Nesting Moduleは、CSS定義のネスト （入れ子） 記述を可能とする新しいCSS構文です。CSSのネストはSassやPostCSSといった ...

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

次世代CSSレイアウト仕様「Gird Layout Module」を使いこなすために知っておきたい、自動配置アルゴリズムのしくみを詳しく解説。 この記事では、要素を配置する際にCSS Grid Layout Moduleの自動配置アルゴリズムがたどるすべてのステップを説明します。ステップ ...

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

CSS設計は多くの現場で導入されていますが， いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。 そこで本書は， CSSのさまざまな設計手法を紹介しつつ， 考え方や実践のポイントを明確化します。そのうえでボタン ...

縦書きWeb普及委員会（次世代Webブラウザのテキストレイアウトに関する検討会）は、「縦書きWebデザインアワード」を開催。2016年1月4日（月）より作品の応募受付をスタートさせた。文字表記の方向（縦横）を指定するCSSモジュール「CSS Writing Modes」を使用 ...

縦横の文字の方向を指定するCSSモジュール「CSS Writing Modes Level 3」を利用した縦書きウェブサイトを表彰する「たてよこWebアワード2017」の作品応募受付がスタートした。締め切りは12月25日。ウェブ制作に携わるウェブデベロッパーやデザイナー ...

World Wide Web Consortiumは12月10日(米国時間)、「W3C Recommends CSS Writing Modes to support International writing modes｜W3C News」において、国際的なライティングをサポートする「CSS Writing Modes Level ...