本記事は バリデート対策を目的としていません。今回の目的は 視認性の改善 のためのtipsです。そして font要素でマークアップされた文字色だけ を対象とします。...

FC2のコメント欄は バリデートエラー対象がいっぱい 問題(笑) 今回はコメント内にURLと思しきものが記載された際に自動でリンクになるようにするJSの導入方法と、コメント欄とバリデートの関係についても少し触れます。...

今回は弊テンプレートに的を絞った内容です。2017年12月に新規で追加されたコメントに関する個人設定について。...

ブログランキングに参加している方向け記事です。各社の バナー をどこにどう掲載するのが適切か。...

「ひとつの方法」です。やり方はそれこそ無数にありますので、現段階でこの方法が良いかもしれないなぁ、というものを提案してみようと思います。...

以前にもTOCの記事は書いていますが今回jQuery依存なしのvanilla JS(ネイティブJS, pure JS)のご紹介と説明で統一しようと思います。私が今後制作するテンプレートはよほどのことが無い限りjQueryを入れないと思います。それなのにjQueryで紹介というのはやはりマズいもので。...

head内限定だったstyle要素の記載がHTML5.2からはbody内にも書けるようになりました ということで私のその件を記事にしております。 ところがW3C validatorでbody内style要素が再びエラー対象に。その理由と解決策など。...

画像拡大スクリプト と言えば Lightbox(ライトボックス) や Colorbox(カラーボックス) などが有名どころですが、今回おすすめするのは Luminous(ルミナス) です。 FC2ブログで利用するための各ファイル導入の仕方、コードの書き方などのベーシックな内容に加え、速度強化用のコード記載の仕方や画像が拡大できることをわかりやすくするための追加CSSなど。 初心者向けになるべく事細かに説明したいと思います。 今回は...

うーーん。これは困りました (´・ω・｀) lazysizesで遅延読み込みを指定しているYouTubeがiPhoneで再生できないようです。 「YouTubeが」「iOSで」と書いていますが、その他動画サービス及びAndroid OSでは未検証なのでこの表現を取っています。 パソコンでの再生は問題ありません。あくまでもiPhone (´・ｪ・｀) 再生ボタンをクリックすると この動画は再生できません と表示されます。 私の制作したテンプレート...

検討編、初級編、中級編を経て最終の上級編です。 私が制作したテンプレートを利用していることを前提とした記事内容です。 検討編では「Lazyloadingを導入するかしないかの判断」 初級編では「テンプレートに導入済みのLazyloadingを個別記事でも利用する方法」 中級編では「関連記事リストと新着記事リストにも適用する方法」 を説明しました。 今回の上級編では html5 picture要素の使い方とLazyloading用ブログカー...

FC2ブログで画像遅延読み込み (以下 lazyloadingと称する) を 関連記事リストと新着記事リストにも適用 してみようの巻 (o'ω')ﾉ 例によってweb一般の説明記事ではなく、 FC2ブログで 私の製作したテンプレートをご利用の方 という条件下・狭い対象へ向けての記事内です。...

Lazyloadは自分との闘いです(笑) まず最初に、初心者向け説明記事ということで、なるべく平たく細かく説明できれば良いな、と思います。 「Lazyloadが何か知らない。読み方もわからない (∵`) 」を出発点にして自ら説明のハードルを上げるワタクシ((((笑) 説明すべき点がたくさんありますので、かなりの長文になりますから記事も数回に分けようと思います。 導入の具体的な手順は最終の記事にしますので、それまでの説...