カテゴリー: Web
Feedly・Inoreaderの購読ページのURLを生成
FeedlyとInoreaderの購読ページのURLを生成するツールです。ページ先ではログインなしでそれぞれの購読者数を確認することもできます。
旧愛生会病院HPをCSSアニメーションで再現するサンプル4種
サイケデリックで目の痛いデザインで有名な旧愛生会病院のホームページをCSSアニメーションで再現してみるサンプル。
HexoのショートコードでAmazonアソシエイトリンクを挿入
Hexoでショートコードを使ってAmazonの商品リンクを簡単に挿入する方法のメモ。
画像のtitle属性をキャプションとして利用する
下のサイトで紹介されているtitle属性をキャプションに変換するアイデアが素晴らしかったので、参考にさせていただいた。 画像のキャプション title属性編
記事内で使えるアラート表示のテンプレート3種
このブログの記事内で使っているアラート表示の装飾。ブログ記事作成に役立つ。
CSSアニメーションの開始位置をランダムにする
CSSアニメーションはロード直後に0%から開始するが、ページを開いていつも同じ場所から始まるのはつまらないのでJavaScriptで開始位置をランダムにしてみる。
CSS Gridでcodeブロックがある場合に横幅をはみ出してしまう現象の解決策
CSSのGridでレイアウトを組んでいて、グリッドアイテムにcodeブロックが含まれている場合に、横幅がGridの横幅をはみ出し制御できなくなる現象を解決する方法。
Hexoのカテゴリー・タグ機能を無効化する
Hexoのカテゴリー機能とタグ機能を無効化する手順のメモ。 前提 前提としては、過去記事のフロントマターにカテゴリーとタグの情報がびっしり詰まっている状態...
Gitで日付をコミットメッセージにして自動でリモートへプッシュする
Gitでステージングから、コミット、リモートまでの流れをPowerShellで自動化してみる。ゲームのセーブデータなどを保管するのに役立つ。
調和数列の文字サイズをCSS変数で再現
このブログの文字サイズはすべて調和数列に基づいて設定している。これについては下記のサイトで提言されているものを参考にした。