Vue 向けの Vite 製の UI コンポーネントカタログツール Histoire

Histoire はフランス語で「Story」という意味の単語であり、Storybook のように UI コンポーネントのカタログを作成するツールです。 Histoire は以下のような特徴を謳っています。 Vite にネイティブ対応 Histoire は Vite 向けのツールであるので、vite.config.ts の設定を再利用できます。このあたりの特徴は Vitest …

HTMLとCSSの疑問が一気に解ける！ 真剣に学びたい人にお勧めの解説書 -プロを目指す人のためのHTML＆CSSの教科書

最新のHTML Living Standardの仕様に準拠したHTMLとCSSの基礎知識を身につけ、なぜそこにそのHTMLを、そのCSSを使用するのかまで実践的な知識までしっかりと学べる解説書を紹介します。 HTMLとCSSへの理解を深めたい人、最新の仕様をきちんと理解しておきたい人、プロとしてWeb制作に関わる人が知識をブラッシュアップす…

Microsoft、ローコードで高度なビジネスWebサイトを作成可能な「Power Pages」をプレビュー公開／コンポーネントのD＆Dだけでデザイン可能。デモデータを含むテンプレートも用意

Microsoft、ローコードで高度なビジネスWebサイトを作成可能な「Power Pages」をプレビュー公開／コンポーネントのD＆Dだけでデザイン可能。デモデータを含むテンプレートも用意

headタグの中に記述していいHTML要素と記述してはいけないHTML要素 – 海外SEO情報ブログ

[レベル: 中級] メタデータ (metadata) に関する技術ドキュメントを Google は検索セントラルサイトに公開しました。 <head> 要素（タグ）内では有効な HTML 要素だけを使用するように注意喚起しています。 head 内で有効な要素 <head> セクションで有効なメタデータとして Google 検索で認識されるのは次の HTML 要素で…

これは覚えておきたい！ 左揃えの要素を中央配置にするCSSの古い書き方とモダンCSSを使用した書き方

モダンCSSは今までの記述をよりシンプルにしたり、余分なHTMLを追加する必要なく記述することもできます。 ラッパーとしてdivなどのHTMLを追加せずに、左揃えの要素を中央配置する際に記述するCSSの古い書き方とモダンCSSを使用した書き方を紹介します。 ※display: flex;が古いということではなく、モダンCSSだとラッパ…

書評『HTML解体新書』 – uhyo/blog

皆さんこんにちは。今回は、2022年4月19日発売の『HTML解体新書』を読み終わったので、書評という形で感想と紹介を述べたいと思います。筆者はもともと技術書を読まず「ネットでいいやん」派だったのですが、このたびTypeScript入門書を出版したこともあり、それを過去の話として葬り去るべく技術書を読んでいくことにし…

Pyscript.net

Unzip the downloaded file. Copy the assets you want to use and add the following lines to your html file: Just kidding, you don’t need to install anything. 😃 To use PyScript you can either dow…