unique code

????? ????

派手なプレーンテキスト

？デモ

uniquecode.now.sh

例

• 大胆なsans-serif：???? ???? ?? ?????
• イタリックセリフ：???? ???? ?? ?????
• ライトサークル：ⓣⓗⓘⓢⓣⓗⓘⓢⓘⓢ
• 暗い四角：???? ???? ?? ?????

これらのキャラクターはすべてプレーンテキストであるため、どこにでも貼り付けることができます。

Buildセットアップ

 yarn
yarn dev

ホスティング

Vercelはサイトをホストするために使用されます。

 # host site for dev
vercel

# host site for production
vercel --prod

フォーマット

Prettierは、Saveのフォーマットに使用されます。

 // recommended VS code setting
{
  "editor.defaultFormatter" : " esbenp.prettier-vscode "
}

アイコン

iOSスプラッシュ画面

pwa-asset-generator ./assets/web-icon.svg ./assets/ios-splash --splash-only --background " #F3F4F6 " 

iOSアイコン、アンドロイドアイコン、ファビコン

pwa-asset-generator ./assets/web-icon.svg ./assets/icons --icon-only --maskable --opaque false --favicon --padding " 25% "

pwa-asset-generator ./assets/web-icon.svg ./assets/icons --icon-only --maskable --opaque true --padding " 25% "

workbox

このプロジェクトでは、workbox generateSWを使用しています。

yarn workbox wizard
yarn workbox generateSW
yarn workbox generateSW workbox-config.js
# or
yarn build-sw

アクセシビリティ

これらの「Unicodeフォント」を使用すると、アクセシビリティが妨げられる場合があります。スクリーンリーダーは「？」を読むことができます「H」ではなく「数学文字太字h」として。読み取り画面読者は、太字や斜体などのユニコードスタイルフォントを解釈できますか？

これを友達にメッセージでのみ使用してください！このテキストをあなたのウェブサイトに載せないでください！

ライセンス

mit

？便利なWebサイト

一意のコードを作成してくれたこれらのサイトに感謝します：

• https://victoria.dev/blog/a-unicode-substitution-cipher-algorithm/
• https://mothereff.in/html-entities
• https://www.rapidtables.com/convert/number/hex-to-decimal.html
• https://boldtext.io/