はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ グリッドベース

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 4 / 4件)
 

UI要素をグリッドではなく、サークル・放射状、曲線状にレイアウトできるCSSのフレームワーク -Orbit

2024/12/05 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip 線形 Orbit レイアウト 従来 パターン

ラジアルUIとは、従来のグリッドベースまたは線形のレイアウトとは異なり、要素がサークル・放射状のパターンでレイアウトされたUIです。 このラジアルUI、あらゆる要素をサークル・放射状、または曲線状のパターンでレイアウトできるCSSのフレームワークを紹介します。 Orbit Orbit -GitHub Orbitの特徴 Orbitのデモ Or... 続きを読む

[JS]レスポンシブ対応、グリッドベースの進化したタブ型コンテンツを実装できるスクリプト -GridTab | コリス

2017/02/02 このエントリーをはてなブックマークに追加 84 users Instapaper Pocket Tweet Facebook Share Evernote Clip 天地 タブ レイアウト コリス カード型レイアウト

タブ型コンテンツのレイアウトも進化しています。 通常のタブ、天地のタブ、カード型レイアウトのようなタブなど、グリッドベースのさまざまなレイアウトに対応したタブを実装できるスクリプトを紹介します。 GridTab Grid ...記事の続きを読む 続きを読む

グリッドベースのテクスチャが簡単に作成できる全120種類のPhotoshopのパターン素材 | コリス

2011/06/12 このエントリーをはてなブックマークに追加 114 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブデザイン コリス テクスチャ Photoshop 商用

商用でも無料で利用できる、最近のウェブデザインの背景にもよく見かけるグリッドベースのテクスチャが簡単に作成できるPhotoshopのパターン素材を紹介します。 120 Free Photoshop Grid Patter [...] 続きを読む

無駄なdiv要素やclassだらけのマークアップから卒業する方法 | コリス

2010/04/01 このエントリーをはてなブックマークに追加 954 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webdesigner Depot レイアウト コリス 要素

グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 は... 続きを読む

 
(1 - 4 / 4件)