カテゴリー 67件

技術メモ

2020.11.08
CSSアニメーションの開始位置をランダムにする

CSSアニメーションはロード直後に0%から開始するが、ページを開いていつも同じ場所から始まるのはつまらないのでJavaScriptで開始位置をランダムにしてみる。
2020.11.08
CSS Gridでcodeブロックがある場合に横幅をはみ出してしまう現象の解決策

CSSのGridでレイアウトを組んでいて、グリッドアイテムにcodeブロックが含まれている場合に、横幅がGridの横幅をはみ出し制御できなくなる現象を解決する方法。
2020.10.08
Gitで日付をコミットメッセージにして自動でリモートへプッシュする

Gitでステージングから、コミット、リモートまでの流れをPowerShellで自動化してみる。ゲームのセーブデータなどを保管するのに役立つ。
2020.09.06
調和数列の文字サイズをCSS変数で再現

このブログの文字サイズはすべて調和数列に基づいて設定している。これについては下記のサイトで提言されているものを参考にした。
2020.09.06
Twitterでユーザーのツイートを検索しやくするブックマークレット

Twitterの検索はfrom:ユーザー名とすれば特定のユーザーのツイートに限定したり、until:YYYY-MM-DDとすれば期間を指定したりできる。これらのコマンドを使いやすくするブックマークレットを作った。
2020.08.30
リセットCSSで消え去ったselectのスタイルを元に戻す

リセットCSSといえば、destyle.cssとかnormalize.cssとかress.cssなどいろいろあります。
2020.08.26
Hexoで記事本文を抜粋表示する

トップページなどで、記事タイトルの下に本文冒頭の数十文字が抜粋表示されているアレをHexoでも表示させる方法。
2020.07.30
Hexoのカテゴリーページで親カテゴリーを配列で取得する

Hexoにはpage.categoryという変数が用意されていて、カテゴリーページでカテゴリーの名前を出せるのですが、カテゴリーを階層化させているときに、そのカテゴリーが属する親カテゴリーの名前やURLを出す変数がありません。
2020.07.24
Hexoにテキストリンクのシェアボタンを設置する

Hexoのブログの記事下にシェアボタンを設置する方法。
2020.07.16
Hexoで記事の属するカテゴリー名を表示する

Hexoでは記事の属するカテゴリー情報がpage.categoriesに格納されています。この変数からカテゴリー名とURLを取り出しリンクを表示させる方法のメモ。