Hatena Blog Tags
はてなブログ トップ
fontawesome
このタグでブログを書く

fontawesome

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
おじ語り•9ヶ月前

脱FontAwesomeを決意したぞ

FontAwesomeから不穏なメール けっこうブログのデザインにFontAwesomeを使っていますって人は多いんじゃないでしょうか。 僕も今までなんの疑問も持たずに使っていたんですよ。使用例がネットにいっぱい転がっているから。 でも先日ふとFontAwesomeから来ていたメールが気になりました。英語読めないんでいつも無視していたのですが、なんとなくよろしくないことが書いてある気がして。 翻訳かけて見てみると月間PVが1万を超えているから有料版にアップグレードしろという内容でした。さもないと使えなくなるぞ的な。 ちょっと待て。月1万はとうの昔に超えていたんだが。まさか俺は毎月来ていたこのメ…

#はてなブログ#アイコン

ネットで話題

もっと見る
89ブックマーク良くあるメニュー・アイキャッチのアイコンに使えそうなFontAwesomeのまとめwebsite-homepage.com
30ブックマークフォントアイコンの使い方 (FontAwesome)syncer.jp
18ブックマークFontAwesomeでアイコンが□（四角）になって表示されない場合の対策まとめ（:after:before利用時） | 株式会社ウェブ企画パートナーズwk-partners.co.jp
14ブックマーク[RubyMotion] motion-fontawesomeっていうgems作りました - ぽっちぽちにしてやんよ1ヶ月ぶりの記事になってしまった！お久しぶりです． motion-fontawesomeというgemsを作ったので宣伝がてらエントリー書きます！ Retina環境の増加 Retina iPhone/iPadはかなり普及したんじゃないでしょうか？ ちょっと何か作るのにTabBarやToolbarのアイコンをいちいち探すのが面倒で，GlyphiconsのFREEを使っていたり...www.pchw.io
14ブックマークfontawesomeのアイコンをcssの:before/:afterで挿入する - Qiitaqiita.com
13ブックマークFontAwesome Finder - FontAwesomeを便利に使うための検索ツールwww.moongift.jp
13ブックマークAwesome Cursor - a jQuery plugin for using FontAwesome icons as custom CSS cursorsIn your terminal: npm install jquery-awesome-cursor In your web page: <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css"> <script src="node_modules/jquery/dist/jquery.min.js"></script> <script src="node_modules/jquery-awesome-cursor/dist/jquery.awesome-cursor.min.js"...jwarby.github.io
13ブックマークSetting up Gulp, Bower, Bootstrap Sass, & FontAwesomeericlbarnes.com
10ブックマークfontawesomeのアイコンをcssの:before/:afterで挿入する - Qiitaqiita.com

関連ブログ

Logicky Blog•2年前

Nuxt3でfont awesomeを使う

参考 Nuxt3で fontawesomeを導入 (2022/03/13) GitHub - FortAwesome/vue-fontawesome: Font Awesome Vue component 環境 > node -v v17.6.0 > npm -v 8.5.1 npm install npm i --save @fortawesome/fontawesome-svg-core npm i --save @fortawesome/free-solid-svg-icons npm i --save @fortawesome/vue-fontawesome@prerelease fr…

#Vue3#Nuxt3#fontawesome
RAKUS Developers Blog | ラクス エンジニアブログ•3年前

Font Awesome 使い方 【まとめ】

こんにちは、技術広報のyayawowoです。 Webサイトやブログを作成する際に 「TwitterやFacebookなどのアイコンを表示させたい・・・」 「ここに矢印のアイコンがあれば読みやすいのに・・・」 と思う方がいるのではないのでしょうか？ そんな際にとても便利なのが、" Font Awesome "です！ 本記事では、Font Awesomeの基本知識や使い方だけでなく、カスタマイズ事例も交えてご紹介します。 ※ 利用バージョンについて 2022年1月現在、Font Awesome 6のベータ版が公開されています。 Font Awesome 5も継続して利用可能であり、アイコンの種類も…

#fontawesome#アイコン#デザイン#フロントエンド
みっちぇのWebデザイン研究所•3年前

cssで新窓表示_blankの時だけアイコンをつける

よくある、「リンクを新しい窓（タブ）で開く」の横にある、 のようなアイコンをcssで表示させる方法。 Font Awesome 5 使用。（フリー版） 覚書きシリーズ。

#新窓表示#アイコン表示#テーマ制作#fontawesome#ブログアイコン
エラーの屍を超えてゆけ•4年前

BootstrapとFont-Awesome導入(Rails)

導入方法（rails） Gemfileを編集する gem 'bootstrap', '~> 4.5' gem 'jquery-rails' gem 'font-awesome-sass', '~> 5.13' $ bundle SCSSに読み込ませる @import "bootstrap"; @import 'font-awesome-sprockets'; @import 'font-awesome'; application.jsファイル //= require jquery3 //= require popper //= require bootstrap-sprockets appli…

#Rails#Bootstrap5#fontawesome
小さなことからこつこつと。•4年前

【jquery】DateTimePickerとFontAwesomeを導入

もくじ はじめに Font Awesomeを導入 CDN ダウンロード 好きなアイコンを探す datetimepickerを導入 CDN ダウンロード jquery moment.js tempusdominus-bootstrap-4 コード 基本的なコード カスタマイズ 参考URL

#datetimepicker#fontawesome#ライブラリ
なべやすブログ•4日前

はてなブログの定型文貼り付け機能で作業効率が劇的にアップ！

おはようございます、なべやすです。 ブログ運営をしていると、毎回同じような定型文を入力するのが面倒に感じることはありませんか？ そんなあなたに嬉しいお知らせです！ はてなブログの定型文貼り付け機能を活用すれば、作業効率が劇的にアップします。 この機能を使えば、よく使うフレーズや文章を簡単に挿入できるため、ブログ作成の時間を大幅に短縮することが可能です。 当記事では、この便利な機能の使い方と、そのメリットについて詳しくご紹介します。 はてなブログの定型文貼り付け機能とは？ 定型文貼り付け機能の基本的な仕様 この機能を使うメリット 1. 時間の節約 2. 一貫性の維持 3. ミスの減少 4. 効率…

タクシー情報•6日前

西宮の陣痛タクシー情報まとめ【2024】

陣痛タクシーのドライバー経験者が、西宮の陣痛タクシー情報を網羅的に紹介します。 陣痛タクシーは必ず来るとは限りません。陣痛タクシーに登録済の人もそうでない人も、陣痛タクシーが来ない場合に備えて電話よりタクシーをスムーズに呼べる「配車アプリ（GO）」の無料登録を推奨します。お得なクーポンもあるので買い物、通院などで事前に試しに使っておくと安心です。 【GO】 ・新規インストールで500円分、さらにコード（友達等から入手）入力などで総額7000円分のクーポンGET！ GO タクシーが呼べるアプリ 旧MOV×JapanTaxi 開発元:GO株式会社 無料 posted withアプリーチ 西宮の陣痛…

タクシー情報•6日前

福岡のタクシー配車アプリ・ネット予約まとめ【2024/クーポンあり/安い】

こんな方におすすめ 福岡でタクシーを配車アプリ・ネット予約で呼びたい全ての人 福岡で使える主なタクシーアプリは以下です。 GO ←福岡で一番おすすめ！ DiDi Japan Taxi Uber MK この中から、あなたに最適なアプリを紹介します。 ※本記事の情報は記事更新日現在のものです。※2021年8月末をもってJapan Taxiは福岡市周辺エリアで利用不可になりました※DiDiの「初乗り10回無料」キャンペーンは2022年11月末をもって全エリアで終了しました。 [st-card myclass="" id="2269" label="配車アプリのすべてがわかる記事" pc_height…

タクシー情報•6日前

仙台のタクシー配車アプリ・ネット予約まとめ【2024/クーポンあり/安い】

こんな方におすすめ 仙台でタクシーを配車アプリ・ネット予約で呼びたい全ての人 仙台で使える主なタクシーアプリは以下です。 GO ←仙台でおすすめ！ S.RIDE(PR) DiDi Uber この中から、あなたに最適なアプリを紹介します。 ※本記事の情報は記事更新日現在のものです。※Japan Taxiは2021年5月31日をもって、仙台市周辺エリアでのサービスを終了しました※DiDiの「初乗り10回無料」キャンペーンは2022年11月末をもって全エリアで終了しました。 [st-card myclass="" id="2269" label="配車アプリのすべてがわかる記事" pc_height…

タクシー情報•6日前

高知のタクシー配車アプリまとめ【2024/クーポンあり/安い】

こんな方におすすめ 高知でタクシーを配車アプリで呼びたい全ての人 高知で使える主なタクシーアプリは以下です。 GO ←高知でおすすめ！ Japan Taxi Uber この中から、あなたに最適なアプリを紹介します。 ※本記事の情報は記事更新日現在のものです。 高知でおすすめのタクシー配車アプリ 高知でおすすめの配車アプリ ⇒ GO 2024年現在、高知で総合的におすすめのアプリは「GO」です。 ・新規インストールで500円分、さらにコード（友達等から入手）入力などで総額7000円分のクーポンGET！ GO タクシーが呼べるアプリ 旧MOV×JapanTaxi 開発元:GO株式会社 無料 pos…

タクシー情報•6日前

徳島のタクシー配車アプリまとめ【2024/クーポンあり/安い】

こんな方におすすめ 徳島でタクシーを配車アプリで呼びたい全ての人 徳島で使える主なタクシーアプリは以下です。 GO ←徳島でおすすめ！ ※本記事の情報は記事更新日現在のものです。※Japan Taxiは2023年1月31日でサービス終了（GOに統合） 徳島でおすすめのタクシー配車アプリ 徳島でおすすめの配車アプリ ⇒ GO 2024年現在、徳島で総合的におすすめのアプリは「GO」です。 ・新規インストールで500円分、さらにコード（友達等から入手）入力などで総額7000円分のクーポンGET！ GO タクシーが呼べるアプリ 旧MOV×JapanTaxi 開発元:GO株式会社 無料 posted …

タクシー情報•6日前

迎車料金なしのタクシー配車アプリ【2024】

こんな方におすすめ 自分の使いたいエリアで迎車料金なしのタクシー配車アプリを知りたい 迎車料金なしでタクシーを呼ぶ方法を知りたい 迎車料金なしでタクシーを呼べる主なアプリは以下です。 GO ←おすすめ！ DiDi S.RIDE(PR) Uber フルクル ※エリアやタクシー会社によっては迎車料金が発生します。 本記事では、各エリアでの迎車料金のなしの配車アプリと迎車料金なしで呼ぶ方法を紹介します。 迎車料金なしのタクシー配車アプリまとめ 【迎車料金なしのタクシー配車アプリまとめ】 ★：迎車料金なしのタクシー会社を「まとめて（早く）」呼べる◎ ：全てのタクシー会社で迎車料金なし〇 ：迎車料金なし…

しとしと気象予報士を目指すブログ•13日前

久々のブログ更新に手間取った話

はてなのデザインはむずかしい ライフプランの設計もムズい はてなのデザインはむずかしい 秋分を過ぎて夜長になっていっても、残暑がやべー24年9月。1ヶ月予報は来月でも、真っ赤らしいです。 そんな9月～10月は少し棚卸しの時期かな、今までを振り返りたくなります。 そんなわけでデザインの話(designって設計の意なので飛躍して、人生設計も振り返りたくなります。) コロナくらいから、はてなブログを初めてわりと経ちましたが、未だに「はてなブログ」を完全に使いこなせていない自分がいます。 世間はおそらくword press派が圧倒的(？)で、カスタマイズの幅でみるとそっち使ったほうが良いのですが、レン…

あにゃろぐ•16日前

はてなブログテーマ導入後の設定内容

本ブログにはてなブログのテーマ「Minimalism」を適用後に実施した設定内容をまとめます。主にデザイン周り。絶対忘れるので、自分向けの備忘も兼ねて。 テーマ導入直後 レスポンシブデザインに設定 スマホでうまく表示されるようおまじない トップページを一覧形式に変更 ブログ名が全角（日本語）なので Font Awesomeの読み込み設定 ナビゲーションメニューを設置 ブログランキング設定 ページトップへ戻るボタン設定 テーマ導入直後 テーマ作者のこどみすさんのブログの以下ページに従って、「テーマを導入したらまずやること」を実施。 hitsuzi.hatenablog.com レスポンシブデザイ…

Category ライフスタイルブログ•1ヶ月前

Font Awesome 5のアイコンを使う

Font Awesome 5の使い方 Webフォントとして読み込む SVGとして読み込む 実際に使ってみる 疑似要素で指定する バージョン4と5の記述方法の違い よく使いそうなアイコン Font Awesome 5の使い方 Font Awesome5 Free 一覧 https://fontawesome.com/icons?d=gallery&m=free バージョン4と書き方が変わっているので、4から5にバージョンアップする時には注意が必要です。注意事項は後述します。 Webフォントとして読み込む 以下を<head>タグ内に記載する。私はこちらを使っています。 <link href="ht…

estie inside blog•1ヶ月前

SVG見て何のアイコンか推測する

kyoncy です。2023年に入社してから estie 物流リサーチの開発をしています。 週末はよく車で物流施設を巡ったりしています。同士の方、話しましょう！ estie ではデザインエンジニアとして働いていて自分は主にフロントエンドの開発を担当することが多いのですが、開発してる中で気になってるけどちゃんと調べてなかったなぁを解決する記事です。 アイコンを表示する際に Fontawesome のようなライブラリを使ったり、イラレでアイコンを作ったり、ロゴをSVGで表示することがありますが、なんかよくわからないコードが書いてあって import したら表示された から脱却しようという記事です。…

以下省略!•2ヶ月前

あともう少しでマトモなgudako. netのトップページができそうかな

記事画像はgudako.netのトップページになる予定のページ制作途中の様子である。カード型のリンク集みたいな感じになる。先日の記事で「簡易的な骨組みはできてはいる」と書いたが、中身はまだ不完全だった。今回ようやく大きく進んだ感じ。あともう少ししたらcommitかなと。アイコンとして絵文字等を使っているがFontAwesomeとか使ってもいいかも。

DRYな備忘録•2ヶ月前

Font Awesome のアイコンのアセットサイズが大きかったので利用するアイコンだけのサイズに削減したい

問題 現在開発しているChrome拡張において、Font Awesome のアイコンのためのフォントファイルが占める割合が大きいことがわかった。 % ls -l dist/assets | awk '{print $5"\t"$9}' | sort -n 15463 Mado-c38406e7.js 77160 fontawesome-webfont.woff2 98024 fontawesome-webfont.woff 165548 fontawesome-webfont.ttf 165742 fontawesome-webfont.eot 444379 fontawesome-webfo…

タクシー情報•2ヶ月前

久留米の陣痛タクシー情報まとめ【2024】

陣痛タクシーのドライバー経験者が、久留米の陣痛タクシー情報を網羅的に紹介します。 [st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#FFC107" color="#fff" margin="0 0 0 -6px"]重要[/st-minihukidashi] [st-cmemo fontawesome="fa-file-text-o" iconcolor="#FFC107" bgcolor="#FFFDE7" color="#000000" iconsize="200"]陣痛タクシーは必ず来るとは限りませ…