タグ「カード型レイアウト」

タグカード型レイアウト

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 6 / 6件)

レスポンシブ対応のレイアウトやコンポーネントだけを実装するCSSのシンプルなコードのまとめ -SmolCSS | コリス

2021/07/16 17 users コリスパディングコンポーネント CSS レイアウト

Webサイトでよく使用するレスポンシブ対応のシンプルなグリッドやサイドバー、フレキシブルなパディングの実装、ギャラリーやカード型レイアウトなど、レイアウトやコンポーネントを実装するCSSのコードを紹介します。 CSSの実装は年々進化しており、さまざまなプロジェクトで使用できるシンプルで最小限のコードをまと... 続きを読む

はてなブログのトップページ一覧形式表示を使ってカード型レイアウトに - Minimal Green

2017/06/02 34 users Minimal Green CSS はてなブログ仕様ブログ

2017 - 06 - 02 はてなブログのトップページ一覧形式表示を使ってカード型レイアウトにはてなブログブログカスタマイズ CSS ついに、はてなブログでトップページの一覧表示機能ができましたね！最近はてなブログはどんどん便利な仕様が追加されててカスタマイズ好きにとっては嬉しいです。 staff.hatenablog.com 今まで一覧表示にするにはCSSでなんとかそれっぽくしたり、/ar... 続きを読む

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

2017/02/02 84 users タブ天地レイアウトコリス通常

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

[CSS]最近のWebサイトで見かけるコンポーネントを実装するチェックしておきたい便利なスニペットのまとめ -LittleSnippets | コリス

2015/12/04 84 users コリスコンポーネント CSS スニペットナビゲーション

最近のWebサイトで見かける気持ちいいアニメーションを使った、ナビゲーション、画像、ボタン、カード型レイアウトなど、HTML5+CSS3で実装されたさまざまなコンポーネントのスニペットを紹介します。 LittleSnip...記事の続きを読む続きを読む

[CSS]レスポンシブ対応の賢いアイデア、自在に伸び縮みするカード型レイアウトを実装するスタイルシート -chewing grid | コリス

2015/08/25 93 users コリスチューイングガム CSS head レスポンシブ対応

テキストや画像や動画などをタイル状に配置する、レスポンシブ対応のカード型リストを実装できるCSSのグリッドを紹介します。「chewing」の名の通り、表示サイズに合わせてチューイングガムのようにカードとグリッドが伸び縮みします。デモはサイズの可変可能 chewing-grid.cssの使い方 Step 1: 外部ファイル当スタイルシートを外部ファイルとして記述します。 <head> ... ... 続きを読む

[JS]シンプルで超軽量なのがいい！レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid | コリス

2015/08/03 338 users jQuery コリス Body Step スクリプト

レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量（2KB）のスクリプトを紹介します。デモのアニメーション minigridの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/m... 続きを読む

(1 - 6 / 6件)