Web
実現したいこと ツールバーの拡張機能アイコンをクリックしたとき、特定のURLのときだけポップアップを表示し、それ以外のURLではポップアップを表示する代わりにaction.onClicked.addListenerを設定したい。 環境 manifest v3 Google Chrome : 112.0.5615.1…
現象 Windows標準搭載のWebサーバーであるIISを起動し、ASP.NETで書かれたaspxファイルをブラウザで表示されると文字化けした。 aspxファイルの文字コードはUFT-8。 その場しのぎ aspxファイルの文字コードを、UFT-8じゃなくてUTF-8 with BOMにする。 一応こ…
ページトップボタンを配置する方法(位置)として、6つのパターンを紹介します。 JavaScriptは使わず、(HTMLと)CSSのみで実装します。 冒頭からクソ長いお気持ち表明を書いてしまったので、結論だけ知りたい人は下のcodepenの埋め込みまでスクロールしてく…
CSSでスクロールバーの色とかを変えたりできる。何でもはできないけど。 See the Pen Untitled by nakasu (@nakasu) on CodePen. webkit系 SafariやChromeは以下のようにしてカスタマイズ可能。 bodyのスクロールバーをカスタマイズしている。 body::-webkit…
各ブラウザのみで有効なCSSと記述するためのCSSハック方法のまとめ。 OS別の対応にはJavaScriptライブラリ使えばよさげ。 はじめに 以下のサイトで赤く表示されている方法が、現在開いているブラウザで有効な方法らしい: browserstrangeness.github.io 以下…
dアニメストア公式HPのタグ一覧ページがクソ使いづらいので、制作年タグのURLだけここに抽出しておきます。 animestore.docomo.ne.jp ↑見出しidが設定されてないので、毎回アホみたいにスクロールしないといけない。 年の順番もバラバラだし。 とういことで…
静的サイトジェネレータJekyllとホスティングサービスGitHub Pagesを利用して、サークルのホームページを公開している。 でも引き継ぎのことを考えると、非エンジニアにGitやらJekyllやらを使えというのはさすがに酷な気がして、やっぱりWord Pressみたいな…
ページの幅が小さくなったときに画像がはみ出る場合に、上左で合わせるのではなく中央に合わせる方法です。 下の埋め込みのResultだとページの幅を変えられないので、右上の「EDIT ON CODEPEN」をクリックして編集ページでウインドウ幅を変えてみてください…
特にツールを使わずともニコ動の動画をDLできるので、その方法を紹介します。 環境 2021年5月時点でまだ有効 PCのブラウザで 方法 動画ページをブラウザで開き、動画部分を右クリック。 表示されるメニューから「視聴方法の切替(https > hls)」をクリック…
キーワード: ブラウザ、自動更新、自動読み込み、オートリロード、ライブロード railsで開発しているとき、ファイルに変更があるたびに手動でブラウザの更新ボタンを押さなきゃいけないのはダルいので、自動で再読み込みしてくれるようにした。 Browsersync…
DeepLでは改行は文末だと認識されてしまう。 毎回手で改行を消すのは面倒なので、自動で改行をスペースに置き換えるツールを作った。 znuko.github.io 使い方 入力欄の「Sample」ボタンを押すとサンプルテキストが挿入されます。 「Open DeepL」ボタンを押す…
とりあえずrails newしたやつをherokuにデプロイできたので記録。 環境 macOS bigsur rails 6.x 前提 railsはインスコ済み github垢持ってる heroku垢持ってる rails 一応、rails のバージョンは6系とする。 初めからアプリを作る場合は、sqlをデフォルトの …
homebrewでインスコしたmkdocsで既存テーマをインストールして使おうとしたら、なんかてこづったのでその失敗談と解決法の譚。 何も考えたくないならば、brewじゃなくてpipでmkdocsをインストールした方が良さげ。 追記:pipでインストールした方が良いです…