after work Lab

少しHでニッチな「Webデザイン、家電・IT」のカスタマイズBlogです

「まぜるな危険」は「漏らすと危険」だった!

はじめに 消毒液の作り方 「漏らすと危険」事故発生 液漏れ事故プロローグ キッチンカーペットが台無し キッチンの天板が真っ白 カミさんご帰宅 どこから液漏れしたのか? 液漏れ事故エピローグ シンクの引き出しが大腐食 液漏れ対策 まとめ 余談 「まぜるな…

明日は我が身?テレワークに備えノートPCをThinkPadに変えました!

PC

はじめに ノートPCをThinkPadに変えた理由 どんなノートPCに買い替えるのか 譲れない部分 特にこだわらない部分 なぜ「ThinkPad」を選んだのか ThinkPad L580登場 まとめ ♡いいねはこちら はじめに とうとう“あトん”のノートPCが新しくなりました! 今回の記…

新型コロナウイルスのアイコンを使って感染拡大を防止しよう!

はじめに COVID-19のアイコン一覧 アイコンの使用方法 CSSの読込み HTMLでの読み込みコード CSSでの読み込みコード アイコンの表示方法 HTMLで表示する方法 はてなブログでの使用上の注意 CSSの疑似要素で表示する方法 アイコンのサイズ・角度・動きを変更す…

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

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

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

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

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

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

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

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