Bookmarks

Hi and congrats for making these beautiful components! I notice that dark mode isn't working on a fresh install: ran npx create-next-app@latest, didn't choose to use the app directory ran npx shadcn-ui init ran npm i next-themes added <T...

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion. - yamada-ui/yamada-ui

?? Simple, Modular & Accessible UI Components for your React Applications - chakra-ui/chakra-ui

???? A Headless, Utility-First, and Zero-Runtime UI Component Library ? - kuma-ui/kuma-ui

株式会社アーティスは、Web制作、Webコンサルティング・マーケティング、システム開発、名刺通販などを行っています。

headタグ内のmetaタグ、linkタグのまとめ。随時変更していきます。

ページ全般で使用するHTML要素の一覧。DOCTYPE宣言、ルート要素、文書のメタデータに関連するHTMLタグの使い方と使用例を紹介。

<meta> 要素を使用すると、文書のメタデータを名前と値の組み合わせで提供することができます。 name 属性でメタデータ名を指定し、 content 属性で値を指定します。

API Reference for the generateViewport function.

Create a banner to promote your app on the App Store from a website.

metaタグにname="format-detection"とcontent属性にtelephone,email,addressなどにnoを指定することで自動リンクを無効にすることができるようになる。しかしiOSとAndroidではリンクに自動変換されるものとされないものが異なる。そのため特に自動的にリンクを変換する必要がなければtelephone=no, email=no, address=noをはじめから指定しておくと良い。

Describes the Hypertext Markup Language (HTML) tags and properties that are supported by Safari and WebKit.

Google supports both page-level meta tags and tag attributes. Explore a list of the special tags that Google Search can support.

ウェブアプリマニフェストは、プログレッシブウェブアプリ (PWA) と呼ばれる一連のウェブ技術の一部であり、アプリストアを通さずに端末のホーム画面にインストールすることができるものです。単純なホーム画面リンクやブックマークを持つ通常のウェブアプリとは異なり、 PWA は事前にダウンロードしてオフラインでも動作するだけでなく、通常の Web API を使用することもできます。

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: How to Favicon in 2024: Six files that fit most needs ? Martian Chronicles, Evil Martians’ team blog 原文公開日: 2020/12/23 原著者: Andrey Sitnik -- PostCSSとAutoprefixerの作者、Evil Martiansのリードフロントエンド開発者 サイト: Evil Martians -- ニューヨークやロシア

当記事では、「hreflang」の概要から書き方、canonicalタグとの併用方法について詳しく解説します。また、hreflangの確認方法や使用時の注意点についても紹介するため、多言語サイトを運用している方は、ぜひ参考にしてください。

Referrer-Policy は HTTP ヘッダーで、 (Referer ヘッダーで送られる) リファラー情報をリクエストにどれだけ含めるかを制御します。 HTTP ヘッダーのほかに、 HTML でこのポリシーを設定することもできます。

Learn how to add Metadata to your Next.js application for improved search engine optimization (SEO) and web shareability.