タグ グリッドベース
人気順 10 users 50 users 100 users 500 users 1000 usersUI要素をグリッドではなく、サークル・放射状、曲線状にレイアウトできるCSSのフレームワーク -Orbit
ラジアルUIとは、従来のグリッドベースまたは線形のレイアウトとは異なり、要素がサークル・放射状のパターンでレイアウトされたUIです。 このラジアルUI、あらゆる要素をサークル・放射状、または曲線状のパターンでレイアウトできるCSSのフレームワークを紹介します。 Orbit Orbit -GitHub Orbitの特徴 Orbitのデモ Or... 続きを読む
[JS]レスポンシブ対応、グリッドベースの進化したタブ型コンテンツを実装できるスクリプト -GridTab | コリス
タブ型コンテンツのレイアウトも進化しています。 通常のタブ、天地のタブ、カード型レイアウトのようなタブなど、グリッドベースのさまざまなレイアウトに対応したタブを実装できるスクリプトを紹介します。 GridTab Grid ...記事の続きを読む 続きを読む
グリッドベースのテクスチャが簡単に作成できる全120種類のPhotoshopのパターン素材 | コリス
商用でも無料で利用できる、最近のウェブデザインの背景にもよく見かけるグリッドベースのテクスチャが簡単に作成できるPhotoshopのパターン素材を紹介します。 120 Free Photoshop Grid Patter [...] 続きを読む
無駄なdiv要素やclassだらけのマークアップから卒業する方法 | コリス
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 は... 続きを読む