アフィリエイトってなに?ブログを書いてお小遣い稼ぐ方法とその仕組みを紹介

さまざまなデザインCSSをワンクリックでコピペして使える便利なまとめサイトが登場!

コピペでCSSを簡単に使えるサイト

どうも、NORI(@norilog4)です。今回はちょっとデザインに関する記事を投稿していきたいと思います。

最近Twitterで見かけたCSSのソースコードをコピペで利用できることに特化した素晴らしいサイトをご紹介。

NORI

シンプルでわかりやすいサイトです

See-SS

See-SS(シーエスエス)は、様々なデザインを一覧で見やすく表示されたCSSサンプルサイトになっています。WEBデザイン(HTMLやCSS)を勉強している方には非常に重宝するはずです。

関連リンク

https://see-ss.com/

マウスでカーソルを合わせると実際にどういった動きをするのか、このサイト上で確認できます。

ドメインも上手いこと取得されてるなと思いました。
CSSを見るというところからSee(見る)SSとかけてドメインに反映されてますね。

See-SSの使い方

使い方は簡単、使ってみたいデザインの上にマウスを合わせると「コードを見る」というボタンが表示されるので、そのボタンをクリックしましょう。

コピペでCSSを簡単に使えるサイト

すると右側にHTMLとCSSのソースコードが表示されるので、そのコードを自分のサイト等にコピーするだけですぐに利用ができます。

コードをコピペで貼付けするだけで利用することができるなので非常に簡単で便利!

公開されているカテゴリー

現在公開されているのは以下8つのカテゴリー。今後もどんどんと使えるCSSが増えていくことを期待。

利用可能なコンポーネントカテゴリー

  • ボタン
  • シェア
  • シェア
  • カード
  • フォーム
  • ローディング
  • テキスト
  • メニュー

あと、1つだけこのサイトおしいなーと思った点があり。

それは一番最初にパソコンでこのサイトを閲覧した訳ではなく、スマホからアクセスして「コードを見る」ボタンをタップしたときに、一瞬ソースコードがどこに表示されているのかわからなくなった点。

スマホで一番下までスクロールをしていくとようやくソースコードが表示されます。

コピペでCSSを簡単に使えるサイト

そもそもWEBデザインしてる人は、パソコンで作業している人がほとんどと考えて、PCでみたときにコピペできるソースコードがわかりやすく表示されてればいいのかなと思ったり。

即日対応のスピード感

作者の方がどうやらこの記事を見ていただいたようで、早速上記の対応をされておりました。。。対応が素晴らしすぎますね✨

プライバーシーポリシーで当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」「Googleサーチコンソール」を利用しています。 と書かれているので、どのデバイスからのアクセスが多いのかは制作された方が一番わかってると思います。

個人的にスマホからみた際に気になって、パソコンからみた人にとってはまったく気になることではないので、制作された方へ、

NORI

素晴らしいサイトをありがとう!

See-SSのレビューまとめ

本記事は、CSSのソースコードをコピペで簡単に利用できる、See-SSについてのレビュー記事です。

WEBデザインの勉強をされている方、CSSの勉強をされてる方にとっては非常に勉強になるサイトだと思います。ブックマークしておくと便利だと思います。

以上、NORI(@norilog4)でした。

初心者におすすめの書籍はこちら

コメントを閉じる

コメントを残す