HTMLは詳しく言うとプログラミング言語ではない（マークアップ言語）ですが振り分けの都合上「プログラミング」にカテゴライズしています。
HTML【JavaScript】ブラウザのオンライン・オフラインを判定しよう。サンプルあり
こんにちは。今ID等を色々調整してたりと忙しいので粗々なネタを… 今回はブラウザのオンライン判定を行う方法を解説します。 解説&実装 簡単に言えばwindow.navigator.onLineプロパティを使うだけです。 ...
CSS【初心者向け】Tailwind CSSのテンプレートがたくさん掲載されているサイト3選
こんにちは。今回は最近人気のCSSフレームワーク「Tailwind CSS」のテンプレートがたくさん載っているサイトをいくつか紹介したいと思います。 【TL;DR】Tailwind CSSとは このページに訪れる人向けに書くことでもない...
CSS簡単＆使いやすいマテリアルデザインのCSSテーマ「Materialize」の使い方と主なコンポーネント一覧
巷ではTailwindCSSとか流行ってるらしいが今回は使いやすいマテリアルデザインのCSSテーマのMaterializeを紹介します。 使い方 Cloudflareが提供しているCDNサービスで読み込むだけです。S...
HTML【PHP】WordPressからRSSを取得してHTMLで表示する方法【サンプルあり】
こんばんは。小池都知事に半ギレしている土曜日深夜です。今回はRSSフィードから任意の情報を取得してHTMLで表示する方法を紹介します。 サンプル＆コード 今回は当ブログのRSSフィードから最新記事を5件取得してみました。 サンプル ...
HTMLHTML+CSSで画面スクロール機能(ボタン)を作る【サンプルあり】
今回はJSなどを使わずにHTML+CSSだけで画面スクロール機能のあるボタンを作りましょう。 このコードはDEV Community（現在削除済み）から一部引用しました。 単純にボタンにhref属性をつけてクリックされたらCSS側で画面...
HTML【HTML】モバイルページの検索窓に色を付けるmetaタグの「theme-color」の使い方。
日本経済新聞とかのページでタブの検索窓に色がついてるやつあるじゃないですか、あれなんかかっこいいんで実装してみました。（とはいへ昔からやってたのだが） 設定方法 単純にカラーコードの入った以下のmetaタグをhead内に貼り付けるだけ。...
HTML【HTML】モバイル端末での入力を便利にするtype属性とplaceholder属性【サンプルあり】
HTMLではinputタグにtype属性とplaceholder属性があります。 type属性ではその値に応じてキーボードが最適な形に変化してくれるすぐれものです。UXの向上にもつながるでしょう。 placeholder属性は予...
HTML【朗報】日本が誇る阿部寛のホームページ、Googleに勝利した模様。
皆さんは日本の誇る伝統「阿部寛のホームページ」をご存知ですか？ 何がすごいのか 多くの方がもう知っていると思いますがその名の通り俳優の阿部寛さんの公式ホームページです。 もともとは阿部寛さんのファンが作ったサイトらしいの...