skillup

技術ブログ

デザイン

CSSデザインネタリンク集

投稿日:2018年6月11日 更新日:

デザインモックがないとき用のリンク集なもの

管理画面テンプレート

一般系

直接使うもよし、参考にするもよし

2016年最新 スタイリッシュな管理画面の無料&有料HTMLデザインテンプレート 19選

Bootstrap系の管理画面テンプレート

Bootstrap3管理画面用テンプレート5選

ワンポイント系

ワンポイント系のリンク集

どうやらここがトップのリンク集としては最高かも。ネタを見るときにいいかな。

オシャレ装飾で見出しに存在感を!CSSで簡単に作れる見出しデザイン41選

見出しサンプル

上記のリンクにも乗ってますが、見やすくわかりやすいです。これで8割はカバーできそう。

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

fontawesomeの検索

Font Awesomeアイコンを素早く検索しコピー

一覧でわかりやすい。

リスト系

ul,liのサンプル

コピペで使えるリストデザイン34選:CSSで箇条書きをおしゃれに

定義系

定義リストDLを装飾するレスポンシブOKなCSSデザイン5種

DL,DT,DD を見栄え良くするCSS

テーブル系

HTML5+CSS3でデザインしたtableのCSS&HTMLサンプルソース5点

オシャレなTableデザインサンプル15点

メニュー系

122CSSメニュー

-デザイン
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

共通CSSに必要な要素

簡単な業務アプリだとBootstrapなどのCSSフレームワークを使うことが多かったのですが、不必要な機能があることもあり、自作で非常に手軽なCSSを集めてこれを共通のCSSとして使うことが多いです。 …

no image

lessサンプル

lessのサンプル Contents1 lessファイル構成2 ソース3 注意点4 参考リンク lessファイル構成 header,footer sytle 変数 lib 関数 common head …

no image

破綻しないCSSについて

業務では開発する人間があまりおらず、プログラム以外にもデザイン(CSSなどのレイアウト)やらサーバーやら一人ですべてやることが多いです。 CSSなんかは最初に触ってから4,5年は立ちますけど、系統的に …

no image

flexショートハンドに関して

実務でflexをちょこちょこ使うようになりました。 やはりfloatなどで組むことと比べると圧倒的に楽ですね・・・ んで、あまり理解してなかったショートハンド要はgrow,basis,shinkに関し …

no image

tableでのヘッダー固定に関して+borderを描く時のコツ

Contents1 tableでのヘッダー固定について2 borderを描く時のコツ tableでのヘッダー固定について 超小ネタですが、tableのヘッダー固定に関して。 ソースは下記リンクに。 h …