こんにちは
日々、UIについて勉強しています!そんな私が今回紹介したいのは CodePen です。
もしかしたら他の記事にもあるかもしれませんが使いやすかったので紹介させてください。
CodePen
CodePenとは、Webブラウザ上でHTML/CSS/Javascriptのコーディングができるサービスです。
世界中のプログラマーがこんなのいいよ! と投稿しています。
特徴として
- 沢山のアイディアを参考にできる
- 既存のコードをその場で編集、反映してくれる
- 自分の作品を公開することができる
変更を加えるとすぐにプレビューが更新されて反映されるので、リアルタイムでデザインを確認しながらコーディングできます。
実際私も作ってみました ネオンVer.のQiitaロゴです↓↓
CodePen公式↓
https://codepen.io/
ネオンロゴ↓
https://codepen.io/takaharatoru/pen/LYEjyMw
皆さん興味は湧きましたか?
このサイトを観ると、 html、cssでこんなことまでできるのと感じる と思います!!
今回紹介仕切れていないくらいCodePenにはまだまだ機能があります。
ナビゲーションやボタンのデザイン、スライダー、他にも様々なアイディアが紹介されていますので皆さん是非使用してみてください!!