最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる
ブラウザのタブやブックマークに表示される「Favicon(ファビコン)」は、ウェブサイトを印象づける重要な要素です。そんなファビコンを作成しウェブサイトに表示させる最新の方法について、フロントエンドエンジニアのAndrey Sitnik氏が解説しています。 How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs ファビコンは2000年代初頭に生まれたコンセプトで、インターネットに公開するウェブサイトはファビコンを備えているべきだとSitnik氏は主張。しかし、ウェブサイト
PWA asset generator - PWA用のアイコン/スプラッシュスクリーン用画像を一気に生成 MOONGIFT
PWA（Progressive Web Apps）は今後のWebを担う大事な技術になっています。多数ある技術を合わせたものなので、すべてを実装するのは難しいですが、逆に一部からでもはじめられるのがメリットです。 そんなPWAでアプリとしてインストールする機能に注目が集まっていますが、面倒なのが多数のアイコンを作成しなければならない作業です。そこで使ってみたいのがPWA asset generatorです。 PWA asset generatorの使い方 PWA asset generatorを実行します。画像やSVGファイルを指定するだけです。 $ pwa-asset-generator new-org-logo.png 16:24:49 getSplashScreenMetaData Initialising puppeteer to load latest splash screen
GlideならPWAを5分で作れるというのでBeatles DBというアプリを作ってみた - クモのようにコツコツと
令和からアクティブに行こう！ということで初めて勉強会に参加してみた。「PWA Beginners 勉強会 #5」、PWAは前から記事などで気にはしていたけど実際にどんなものなのか知っておきたく。当日、「Glide」を使ってスプレッドシートから5分でアプリを作る実演があったので自分も早速やってみました。それではいきましょう！ 【目次】 PWAとは？ Glideで5分でアプリ作成の実演を見た！！ 準備したスプレッドシート（Beatles DB） Glideのアカウントを作る！ GlideでPWAを作るっ！！ Beatles DBアプリ完成！！！ 最後に ※参考：PWA Beginners 勉強会 #5 - connpass PWAとは？ PWAは「Progressive Web Apps」の略。Progressiveは「進歩的な,革新的な」といった意味。私にとって印象深いのはプログレッシブ・ロ
シンプルで使いやすくPWAにも対応したオンラインWebサイトビルダー・「8b」
8bはシンプルで使いやすいオンラインのWebサイトビルダーです。直感的な操作でWebサイトを作成、公開する事が出来ます よくあるビルダーサービスですが、UIもまぁまぁ分かりやすく、PWAにも対応しています。ページも複数作れるみたいです 有償版は月1ドル程度でSSL対応、作成したWebページのエクスポート、独自ドメイン対応、ページ数が無制限になる等のサービスが追加されます Google AMPにも対応、全てのテンプレートはモバイルフレンドリーに設計されています。広告も削除とあるんですが今のところ広告は見当たりませんので、無償版はそのうち挿入されるかもしれませんね 使ってみた エディターです。ブロック単位でスタイルや画像を編集、テキストはクリックでツールバーが表示されます。テキストはその場に入力します。メニューのリンクも最初は分からなかったんですが、ツールバーが出えるだけでテキストの編集はその
WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性
ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 PWA（プログレッシブウェブアプリ）とは なぜPWAを構築する必要があるのですか？ すでにPWAを採用しているのはどこですか？ PWAを作成する時に必要なもの Web App Manifest Service Worker PWAを5分で構築しよう 静的キャッシュ 動的キャッシュ 静的と動的のどちらを使用すべきですか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
