ラインが細いシュッとしたデザインにはいまいち使いにくいFont Awesomeですが、悩ましきデザイナーのためにicons8さんがLine Awesomeというものを作ってくれました。 Line AwesomeはFont Awesomeを元に作られたアイコンで、Font Awesomeと同じく手軽に扱えるのが魅力。Li...
Webデザイン
Category
並べ替え
EvernoteやTwitter、YouTubeなどが導入しているデザインに「ダークモード」があります。2019年のトレンドとしても注目されているダークモードはメリットも多いので、ぜひとも導入してみましょう！ 今回はウェブでユーザーが任意で切り替えられるボタンを作ってみますよ！ ダークモードってなあに？ そもそもダーク...
色々なアイコンを表示できる「Font Awesome 5」を使ってリッチなウェブサイトを作ってみましょう！ 以前にFont Awesomeの記事を書いていますが、この記事は色々と新しくなった「5」のバージョンとなります。 「5」より以前のバージョンを使うときは下記を参考にしてください。 で、Font Awesomeって...
この記事はバージョン5以下の内容になります。 Font Awesome 5を使う場合は下記の記事を参考にしてください。 使ってますか。Webフォント。 そしてアイコンフォント。使ってますか。 最近、というか最近でもないですけど、デバイスに依存しないところやバリエーションの多さでWebフォントが主流になりつつありますね。...
この記事も読まれています
ちょー簡単！Webフォントでアイコンが表示できる「Font Awesome 5」を使ってリッチなウェブサイトを作る！ - 色々なアイコンを表示できる「Font Awesome 5」を使ってリッチなウェブサイトを作ってみましょう！
以前にFont Awesomeの記事を書いてい...
ダークモードに任意で切り替えられるボタンをCSSとJavascriptで作ろう！ - EvernoteやTwitter、YouTubeなどが導入しているデザインに「ダークモード」があります。2019年のトレンドとしても注目されているダークモードは...
Line Awesomeをbeforeとかafterとかの疑似要素を使ってアイコン設定する方法 - ラインが細いシュッとしたデザインにはいまいち使いにくいFont Awesomeですが、悩ましきデザイナーのためにicons8さんがLine Awesomeという...
デザインのアクセントに。Font Awesomeを使ってアイコンフォントを表示させる方法 - この記事はバージョン5以下の内容になります。
Font Awesome 5を使う場合は下記の記事を参考にしてください。
使ってますか。Webフォ...
