after work Lab

少しHでニッチなWebデザインのカスタマイズBlogです

ブログカードをカスタマイズしてページスピードを速くする方法

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

Twitterを自分好みのデザインにカスタマイズして埋め込む方法

はじめに なぜTwitterの埋め込みをカスタマイズするのか タイムラインとツイートで使える属性 埋め込みコードの属性一覧表 タイムラインとツイートの埋め込み ツイートの埋め込み方法 ツイートを埋め込むを選択 https://publish.twitter.comへ移動 CopyCode…

「はてなスター★」はやめて「いいね♡」に変えました!

はじめに なぜ「はてなスター」を止めるのか 第1の理由:サイトの高速化 第2の理由:「はてなスター」は人気がない 第3の理由:「交流」「互助会」「スパム」問題 何が問題なのか スターの確認方法 「いいね」の実装 まとめ “あトん”のスターフレンド 14名 h…

人気デザインテーマの目次をサイドバーに固定表示する方法

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

ブログに雪を降らせて雰囲気を変える方法

はじめに 雪の降らせ方 CSSで雪を降らせる方法 実装方法 Canvasで雪を降らせる方法 実装方法 まとめ ♡いいねはこちら はじめに まだ寒い日が続いてますが、今年は暖冬なのか、あまり雪を見かけません。 クリスマスはとっくに終わっていますが、せめてブログ…

簡単だった!ソースコードに色を付けハイライト表示させる方法

はじめに シンタックスハイライトとは なぜシンタックスハイライトを導入するのか はてなブログのシンタックスハイライトはどこが残念なのか 残念な所その1 残念な所その2 どのシンタックスハイライターが良いのか prism.jsの使用方法 prism.jsで使用するモ…

神サービス?新幹線の落と物が46時間で自宅に戻って来た!

はじめに 緊急事態発生! 突然の電話 財布大捜索開始 落とし物をしたら 財布発見! 財布到着 財布が戻ってくる確率は65% まとめ 最後に ♡いいねはこちら はじめに 普段は家族のことはブログには書かないのですが、感謝と警鐘を込めて記事にまとめてみました…