HTML

インターネット

HTTP Verb = リクエストメソッド の話(ざっくりと)

ここではざっくり整理するよ。おおざっぱに知りたい人向け。
インターネット

「display: grid」 は「grid-template-columns」とともに

「display: grid」を使って、テーブルのようなレイアウトを作ってみました。
ブログ関連

tableを横線だけのスタイルにする(HTMLとCSSの記述案)

表はさ。罫線を減らした方が見栄えがよさそうな感じがするんだ。
ブログ関連

画面スクロールしても常駐してくれるstickyが楽しかったので

スクロールしても常駐してくれるボタンを設置したい!(CTAとしては強力な気がしています。)
ブログ関連

マウスオーバー時の画像切替えをCSSで実装

マウスオーバーで画像を切替える動きをCSSだけで実装します。JavaScriptなしです。
ブログ関連

HTMLだけで折り畳み構成(summary と details) + ちょっと装飾

HTMLタグだけで、いわゆるアコーディオンメニューを構成できます。
ブログ関連

リスト(ul、li)のマークはCSSで変更(HTMLソースの話)

CSSの疑似クラス(:before)を利用して、リストの先頭マークを調整します。
情報システム関連

「桁数」って言われたら注意!(どうカウントするつもり?)

O この列の値は8桁です。 SunShine! もうちょっと詳しく! ○ 文字数× 桁数なんじゃ? 「桁」って。何の桁数のことを言ってる? バイナリー?ビット?バイト?全角文字数? あいまいにすると、後で大変なことになるよ。 「桁数」では複...
ブログ関連

全角と半角は使い分けたい(SEOのアピールになる?)

SunShine! 英単語は半角で書いてね。記号は全角で書いてね。 機械に読んでもらうってこと 誰か 細かいな。 SunShine! ちゃんと意味あんのよ。 主にSEOみたいな話なのかな。テキスト読み上げでも一緒でしょ? 機械的に文字列を読...
個別のアプリやサービス

ChromeとEdgeの違いって?どっち使えばいいの??

中身は一緒だし、どっちも無料。ブラウザーってなんだよって話も書いとくね。
インターネット

AMP構造化データの問題を解決できないので卒業(スイッチオフ)

分からない機能はオフにするしかありません。
ブログ関連

WordPressのRSS/feedにアイキャッチ画像の情報を載せる

WordPressの標準RSSには、アイキャッチ画像などの情報は出力されません。function.phpにコードを追加するしかありません。
ブログ関連

IFTTTでWordPressからPinterestへ画像を連携!(RSS軽油)

Pinterest(ピンタレスト)のアカウントを作成しました。WordPressの投稿をIFTTTで自動連係させたのですが、画像をうまく取得できませんでした。RSSを使ってシンプルに対応できたので備忘録です。
ブログ関連

HTMLのリスト要素(li)の行頭記号をCSSで変更する話

HTMLでリストを書く場合、「ol」か「ul」を使います。リストの冒頭に設定される数字や記号(マーク)は、HTML解釈による自動設定です。これは、CSSで調整が可能なのです。
ブログ関連

【WordPress】最新のコメントidへ移動するリンクをJavaScriptで実装

サイトに関する更新履歴を固定ページにコメントで記録しているのです。コメントは時間順にしていますので、最新のものが一番下になります。最新のコメントにページ内でジャンプする方法を考えました。
ブログ関連

【Google Search Console】AMPの警告「推奨サイズより大きい画像を指定してください」に対処

Google Search Console を使っています。直近で、AMPの『警告』が発報されてきました。「推奨サイズより大きい画像を指定してください」とのことです。対処はしましたので、警告は消えると信じています。
ブログ関連

「WordPress Popular Posts」で自分好みに順位を表示できるようにCSSを設定

当ブログでもお世話になっているプラグイン『WordPress Popular Posts』。アクセスランキングを簡単に表示できて、重宝しております。ところで、順位の数字を1、2、3・・・と付けたいのです。CSSできれいに装飾もしたいのです。
ブログ関連

HTMLタグの見出し(Headline: h)の構成を変更した記録(h3をh2に変更)

当ブログの見出し(Headline)構成を最適化しました。h3をh2に、h4をh3に、と、ナンバー構成の変更です。WordPressのプラグインを利用して一括置換して、関係するcssの記述も変えておきました。すべてステージング環境で実施後、本番環境にコピーしました。
ブログ関連

【CSS】アルファベットを大文字化する設定(解除しました)

現在利用中のWordPressテーマ『Freesia Empire』(無料版)では、「text-transform」がCSSファイルで指定されている項目が多いのです。アルファベットが強制的に大文字になるのには困っていたので、noneを優先指定しました。
ブログ関連

【CSS】タグに「style」で書式を指定しているのに反映されずに苦労した件

CSSで書式が調整されているブログに記事を投稿した際、対象部分だけどうしても見た目を変更したいことがあります。CSSでは、優先順位が最も高い「style」オプションによるタグ内指定でよいという認識でしたが、理解が中途半端だったために苦労したという話です。