after work Lab

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

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

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

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

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

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

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

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

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

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

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

これは超便利。CanvaでWeb素材をおしゃれにデザインしてみよう。

はじめに Canvaからのお問い合わせ Canvaで出来ること Canvaの登録方法 Canvaで作るWeb素材 ブログのヘッダー画像 記事のアイキャッチ画像作成 最適なアイキャッチ画像のサイズはいくつ? アイキャッチ画像の作成 Twitterのバナー画像作成 404エラー画像作成…

ノートPCのDCジャック修理は総バラシで大変だった

はじめに 背景 DCジャック(DC-INコネクタ)の修理 ノートPCの分解 バラバラになった部品 フレーム+マザーボード+スーパマルチドライブ フレーム マザーボード パネル キーボード 液晶ディスプレイ HDD 再組立て まとめ ♡いいねはこちら はじめに “あトん”が…