760
944

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

現役Vueエンジニアが参考にしているフロントエンド素材まとめおすすめサイト4選

Last updated at Posted at 2020-08-12

今回の記事ではフロントエンド開発で参考にしているサイトを紹介していきます。
どれも動くCSS素材やコピペだけで簡単に実装できる素材がまとまっています。

気に入ったサイトを自己判断で参考にしてみてください。

TwinzLabo

**コピペだけで作れるデザインレシピを公開しています。動きのあるデザインやオシャレなWebデザインなど様々な記事があるのでおもちゃ屋さんに来たかのように楽しめます。**記事に使用しているアニメーションはVue環境で作成されているので普段Vueで開発している方はコピペだけできれいに反映させることができて便利です。記事で紹介されているコードひとつひとつに詳しく解説がついているので初心者にはありがたいかと思います。

スクリーンショット 2020-08-12 20.09.09.png


Free Frontend

By using freefrontend.com you accept our cookies and agree to our privacy policy, including cookie policy. Read privacy policy. OK! Free Frontend. HTML + CSS. HTML Examples · CSS Examples · Bootstrap Examples · Speed Code.
いわゆるCodePenのまとめサイトです。コピペOKですがコードにはライセンスがあるので気をつけて使ってください。参考になるデザインは多いので初心者の方には刺激になり面白いかと思います。

スクリーンショット 2020-08-12 20.19.51.png


サルワカ

サルワカはあらゆることを分かりやすく解説するメディアです。フロントエンドを学習している方ならだれもが知っているサイト。ガンガン動くようなアニメーションは少ないですが、基礎的なデザインやCSSのエフェクトを学習したい方にはぴったりのサイトです。無料でフロントエンドを学習したい!という方は是非。

スクリーンショット 2020-08-12 20.25.39.png


1stWebDesigner

海外のサイトです。Webデザインで参考になる素材が多く見ているだけでも楽しいです。頭が湧いてきた際に眺めているとアイデアが湧いてくるのでいつも感謝しています。ただ、ちょっとページの読み込みが重いのが難点。。

スクリーンショット 2020-08-12 20.27.59.png

他にもいくつかありますが、最近特に参考にしているサイトはこんな感じです。
初心者の学習の励みになれたら本望です。

760
944
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
760
944

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?