その他

2023.11.14

コーダーが参考になるサイトをまとめてみた

CodePenで動きの参考を探すのが好きなコーダー、オガワです。

コーディングで詰まった時、何かと動きの参考を探すことってありますよね…。
今回はそんな時に参考になるサイトをまとめてみました!

いざという時に使える7つのHTML&CSS Tips集 vol.2

アニメーションや文字のふち取り、PCだけホバーを効かせる方法など…
コーディングをする上で詰まりがちなかゆいところに手が届くTips集です!

勉強中の方にはこういうこともできるんだ!というアイデアの引き出しになるのではないでしょうか?

いざという時に使える7つのHTML&CSS Tips集 vol.2

Table Tag Generator

結合をしようとすると何かとややこしいtableタグ…。
rowspan?colspan?どっちだっけ?となったことがある方はいるのではないでしょうか?

そんなお悩みを解決できるのがこちらのジェネレーターです!
作りたいtableの見た目を作るだけでそれ通りのHTMLが生成されます。

覚えるに越したことはないですが…ツールを使うとサクッと正しいタグで書けるのは魅力的ですね!

Table Tag Generator

CSS Gradient

出会ってからありとあらゆる人に勧めているのが、こちらのグラデーションジェネレーター。

色や不透明度を設定するとグラデーションのCSSが生成される、神のようなツールです!
背景やボタンなど、何かと使う機会の多いグラデーションを簡単に生成できるので、一生手放せない気がします!笑

CSS Gradient

まとめ

参考になるサイトの引き出しが多いと、いざ作ってください!と言われた時にパッと作ることができたり、他のメンバーからの相談にすぐ答えられたりします。

ぜひ集めてみてください!

この記事をシェアする

関連記事

  • 2024.03.22

    Webデザインにおけるアニメーションについて考えてみた〜実例編〜

    その他

  • 2024.03.12

    Webデザインにおけるアニメーションについて考えてみた〜メリット・デメリット編〜

    その他

  • 2023.12.30

    案件を切り替える拡張機能「Project Manager」が便利!

    その他

おすすめ記事

  • 2021.04.16

    【勝手にWEBサイトレビュー#28】画像の枠にこだわりのあるポートフォリオサイト

    その他

  • 2021.01.29

    【CSS】id/classを使わず指定できる属性セレクタとは?

    その他

  • 2022.07.29

    Simple Calenderで日付/曜日がズレてしまう時の解決法

    その他

TAG

×