やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

HTML

HTML Lintを試す

最小限で。

HTMLテンプレートエンジンをインストールする【pug】

使えることを確認した。

フロントエンド開発環境を構築する(Node.js、テンプレートエンジン、プリプロセッサ、トランスパイラ、モジュールバンドラ、フォーマッタ、リント、タスクランナー)

ラズパイ4(4GB, 32bit)にて、WEBアプリやサイトを開発するために。

最小コード例(HTML, CSS, JS)

[規格][]に応じたコードを書いて動かしてみる。

HTMLのrubyを使うと文字列検索でヒットしなくなることがある

たとえば「文字列(もじれつ)検索(けんさく)」のようなルビがあるとき、「文字列検索」というテキストでは一致せず検索ヒットしない。「文字列」や「検索」でないとヒットしない。知らなかった。困る。

JSでCSSの変数を保存する(LocalStorage)

閉じたとき、更新したときなどアンロードされたら保存する。

JSでCSSの変数をセットする(CustomProperty)

CSSのカスタムプロパティをJSで操作する。

rtをコピーしないようにする

HTMLでルビを振ったあとブラウザでテキストコピーしたら漢字かんじみたくなるのを防ぐ方法。

HTMLでパス指定する3つの方法(絶対パス、ルート相対パス、ファイル相対パス)

2つの相対パスがあって混乱したのでまとめた。

zola URLの罠

page.html, section.htmlではルート相対パスを使おう。もしファイル相対パスにするとURL末尾に/をつけたら参照できなくなってしまう。

DOMマッパーを作った

CSSセレクタで要素を指定して、指定した値をあてがう。多言語化に使えるかと思ったのがはじまり。

HTMLに欲しいタグ

もはや当初のHTMLでは要件を満たせない。<code src="">とか欲しい。</code>

Element Plus【JS用UIライブラリ】

vueを使ったユーザインタフェースのライブラリ。

JSでラジオボタンのタグ<radio>を作った

簡単だった。DOM操作すればいいだけ。

vue3でラジオボタングループのコンポーネントをつくるときの考察2(HTML)

グループにまとめるときの話。

vue3でラジオボタングループのコンポーネントをつくるときの考察1(HTML,JS)

考えるべきことが多いのでまとめた。

縦書きしてみる(HTML+CSS+JS)

とりあえず版。ビジュアルはとてもキレイ。

画像、音声、動画をHTMLで再生する

はてなブログのMarkdownでも使える。

HTML文書におけるルビの振り方について考える(<ruby><rp><rt>)

前回、HTMLをテキスト化するときルビの表示がいくつかのパターンに分かれた。では、どう書くべきか? 気になったので考えてみた。

フロントエンド開発環境について調べてみた

2018-04-22時点。ちゃんとした経緯や定義など知らない。

ブラウザのみでMarkdownをハイライトしてみた

動的にパースとハイライトをしたい。

HTML5とCSS3で縦書きしてみる

日本人なら欲しい機能だが、中途半端なことになってる。

ブログで音声ファイルを再生する(github,HTML5)

ブラウザがHTML5に対応し、wavかoggファイルが再生できる環境なら可。

CSS Iconで画像を使わずアイコン表示する

HTML表示に使えるかも?

GitHubPagesでindex.htmlを表示する

静的サイトをつくるために調査。

RamDiskでHTMLファイルをオンメモリ編集する

前回のつづき。

PythonのwebbrowserでHTMLファイルを表示する

前回のつづき。DB内のデータから画像を表示できるようになった!