CSSアニメーションの開始位置をランダムにする
CSSアニメーションはロード直後に0%から開始するが、ページを開いていつも同じ場所から始まるのはつまらないのでJavaScriptで開始位置をランダムにしてみる。
-
-
CSS Gridでcodeブロックがある場合に横幅をはみ出してしまう現象の解決策
CSSのGridでレイアウトを組んでいて、グリッドアイテムにcodeブロックが含まれている場合に、横幅がGridの横幅をはみ出し制御できなくなる現象を解決する方法。
-
Gitで日付をコミットメッセージにして自動でリモートへプッシュする
Gitでステージングから、コミット、リモートまでの流れをPowerShellで自動化してみる。ゲームのセーブデータなどを保管するのに役立つ。
-
調和数列の文字サイズをCSS変数で再現
このブログの文字サイズはすべて調和数列に基づいて設定している。これについては下記のサイトで提言されているものを参考にした。
-
Twitterでユーザーのツイートを検索しやくするブックマークレット
Twitterの検索はfrom:ユーザー名とすれば特定のユーザーのツイートに限定したり、until:YYYY-MM-DDとすれば期間を指定したりできる。これらのコマンドを使いやすくするブックマークレットを作った。
-
リセットCSSで消え去ったselectのスタイルを元に戻す
リセットCSSといえば、destyle.cssとかnormalize.cssとかress.cssなどいろいろあります。
-
Hexoで記事本文を抜粋表示する
トップページなどで、記事タイトルの下に本文冒頭の数十文字が抜粋表示されているアレをHexoでも表示させる方法。
-
Hexoのカテゴリーページで親カテゴリーを配列で取得する
Hexoにはpage.categoryという変数が用意されていて、カテゴリーページでカテゴリーの名前を出せるのですが、カテゴリーを階層化させているときに、そのカテゴリーが属する親カテゴリーの名前やURLを出す変数がありません。
-
Hexoにテキストリンクのシェアボタンを設置する
Hexoのブログの記事下にシェアボタンを設置する方法。
-
Hexoで記事の属するカテゴリー名を表示する
Hexoでは記事の属するカテゴリー情報がpage.categoriesに格納されています。この変数からカテゴリー名とURLを取り出しリンクを表示させる方法のメモ。