この記事はブログでユーザーフレンドリーにYouTube動画を表示再生する方法の説明です。 後で説明しますが、普通にYouTube動画を埋め込むとスマホでは表示が崩れてしまうのでレスポンシブ対応が必要です。 また、YouTube動画をたくさん埋め込んだ場合はデータ…

久しぶりにサチコ（Search Console）を見たらモバイル ユーザビリティでエラーが出てました。 エラーの型は 「テキストが小さすぎて読めません」「クリック可能な要素同士が近すぎます」「コンテンツの幅が画面の幅を超えています」 となってました。

はじめに この記事は初心者におススメしたいエディタ「SublineText」の紹介です。 SublineTextはプログラミング・コーディング作業で多く使用されているテキストエディタです。 恋に落ちるエディタ(The text editor you'll fall in love with)と言われている…

はじめに この記事はBlogger初心者の管理人がBloggerでブログを運用する際に、どのテンプレートを選んだかを備忘録としてまとめてみました。 これからBloggerを始める方でテンプレートの選択に迷っている方は、参考に読んでみて下さい。 //

はじめに 「はてなブログカード」と「Hatena風ブログカード」の違い 「Hatena風ブログカード」のメリット アクセス元が分かる ページスピードを改善できるかも 自由にカスタマイズできる！ 「Hatena風ブログカード」の製作と使用方法 ブックマークレットとは…

皆さんはTwitterをブログで活用してますか？ 管理人はTwitterでブログ更新を告知してますが、ブログに埋め込んだTwitterは自分好みにカスタマズできることが分かったので、その方法を備忘録としてまとめて見ました。 Twitterのカスタマイズに興味がある方は…

はじめに 便利な目次 ブログへ目次を設置する方法 現在位置を表示して追尾する目次の設置方法 現在位置を追尾しない目次の設置方法 記事内への目次設定 サイドバーに目次を設定 目次のモジュールを設定 クローンコードの追加 CSSの追加 目次のカスタマイズ …

この記事はプログラムのソースコードを色付きで表示するシンタックスハイライト（Syntax Highlighting）の使用方法の説明です。 はてなブログのシンタックスハイライトは少し残念な仕様で使い勝手が悪かったことと、Bloggerは、そもそもシンタックスハイライ…

この記事はブログに埋め込んだYouTubeの動画をCSSでかわいく飾ってみたものです。 YouTubeの装飾にUruさんの動画を埋め込んだきっかけを少し説明します。

はじめに なぜヒーローヘッダーで派手な演出をするのか 初心者でもカッコ良くできるWebサイト なぜトップビューの画像をランダムに変えるのか トップの画像をランダムに変える方法 ランダムに画像を選択する jQuery CSS HTML アクセス時刻で表示を変える jQu…

はじめに 覆面アーティストBanksy Banksy Shredder 「Banksy Shredder」の使用方法 使用方法 プロフィール画像をクリック 画像を右クリック→「名前を付けて画像を保存」 適当なフォルダに保存 「CLICK TO ADD ART」をクリック→画像を選択 シュレッダースター…

はじめに WordPress風とは なぜWordPress風にするのか どういう風に変えるのか？ 仕掛け1 仕掛け2 どのようにカスタマイズしたのか？ ブログに組み込む背景スライドショー jQueryでスライドショー java scriptでスライドショー CSSのみでスライドショー スク…

はじめに なぜブログのデザインを変えるのか？ はてなブログのデザインテーマ テーマの安全な利用 ここまでのまとめ はてなブログテーマのライセンスの種類と内容 はてなブログのデザインテーマのライセンス形態 カスタマイズする前の準備 デザインのコンセ…

はじめに 注意1 おススメの読者 なぜカスタマイズするのか その１ その２ その３ どんなデザインに変えたいのか？ 理想に近い投稿テーマの探索 テーマ ストア - はてなブログ 「Boilerplate」の調査 v1：Hatena-Blog-Theme-Boilerplate-Less v2：Hatena-Blog…

SEOに強いサイトは、内容の充実が第一条件ですが、訪問者が「面白かった≒美味しかった」と思い、また覗きに来ようと思うかどうかだと思います。 内容の面白さを支えるものが「読みやすさ」「見やすさ」「使いやすさ」の3つです。そして、これを効果的に増幅…