HTMLでテーブル要素に figcaption で短い説明文、キャプションを付ける方法を紹介しています。 figcaption とは figure caption の略語で図表の説明という意味で、画像の説明では良く使われ […]
HTML | テーブルにfigcaption（説明文）を付ける方法
HTMLでテーブル要素に figcaption で短い説明文、キャプションを付ける方法を紹介しています。 figcaption とは figure caption の略語で図表の説明という意味で、画像の説明では良く使われ […]
HTML | コメントアウトの使い方
HTMLでコメンアウトを書く方法を紹介しています。 HTMLのコメントアウト HTMLでコメントアウトの書き方と簡単なサンプルコードになります。 See the Pen HTML | Name form sample b […]
HTML | 名前、氏名入力フォームのサンプルコード
名前やニックネームまたは氏名での入力を可能にするテキストフォームのHTMLサンプルコード集になります。 autocomplete による候補を有効にした基本的なHTMLコードを紹介しています。 See the Pen H […]…
HTML | 都道府県選択フォームのサンプルコード
都道府県を選択するフォームのセレクトメニューボックスとラジオボタンタイプのHTMLサンプルコードになります。 See the Pen HTML | Day of the week selection form sampl […]
HTML | 曜日選択フォームのサンプルコード
曜日を選択するフォームのセレクトメニューボックスとラジオボタンタイプのHTMLサンプルコードになります。 See the Pen CSS | Table width 100% and margin by yochans […]
スマートフォンでのズームを許可または無効にする方法
HTMLのmetaを編集してスマートフォンなどの端末操作でのズームを許可または無効にする方法を紹介しています。 一般的にはユーザーによるコンテンツの拡大縮小が可能なことがユーザビリティの面からも推奨されていますが、例えば […]…
スマホで電話番号などに自動的にリンクが付くのを防ぐ方法
自動的に設定されるリンクを無効化する
スマホ対応のレスポンシブサイトを制作しているのですが、スマホのブラウザによっては勝手にリンクが設定されてしまい、どうにかならないかと調べた方法をメモ。
私はiPhoneをメインに使用していますが、iOS対応ブラウザとしてSafariはもちろん、Chrome、Edge、Bravaが入っていますが、それぞれ違った挙動でリンクが貼られてしまい困りました。
メタタグを使用する方法
<head>～</head>の間に以下のタグを埋め込みます。
&l…
S3 静的ウェブサイトにサーバーレスなお問い合わせフォームを実装してみた（Amazon SES + AWS Lambda + API Gateway）
はじめに みんなが大好きな Amazon S3 の「静的ウェブサイトホスティング」で公開したウェブサイトに、メールフォーム付きのお問い合わせページが欲しくなるケースも多いと思います。 そこで今回は AWS のクラウドサー […]…
F12 isn’t hacking: Missouri governor threatens to prosecute local journalist for finding exposed state data
Missouri governor Mike Parson is facing a monumental backlash after threatening to prosecute a journalist for responsibly reporting a serious security lapse in the state’s website. Earlier this week, St. Louis Post-Dispatch journalist Josh Renaud reported that the website for the state’s Department of Elementary and Secondary Education (DESE) was exposing over 100,000 teachers’ Social Security […]