X
  1. TOP
  2. コーダーが参考になるサイトをまとめてみた
2024.06.18

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

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

まとめ

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

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

この記事をシェアする

関連記事

おすすめ記事

株式会社スピカデザイン

渋谷のWEB制作会社「スピカデザイン」の現役コーダー達が、WEB制作のヒントになるような情報をお届けします。

© 2020 spiqa design

×