くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

HTML

ブラウザで音声を再生する(howler)

ブラウザで音声を再生したいなと思って、 いろいろ調べてみたときの備忘録(*´ω`*) github.com あまりないけど、howlerがよさそうだった(*´ω`*) 使い方 まずはインストール $ npm i howler 再生するだけならこれでOK(*´ω`*) import { Howl } from 'howler'…

auto-completeを無効にする

autocompeteを無効にしたくて、いろいろ調べたときの備忘録。 ブラウザによって挙動が違うっぽい。。 auto-complete="new-password" 参考にしたサイト様 How to turn off form autocompletion - Web security | MDN HTML attribute: autocomplete - HTML: Hy…

WAI-ARIAをちょっと調べてみた | `aria-`とか`role`とか

WAI-ARIAとかa11yとかアクセシビリティとかよく聞くけど、 あまりちゃんと理解していないので、ちょっと調べてみた(*´ω`*) 軽く概要ていどなので、個別の詳細は別途確認する。 主に以下を読み進めた感じ(*´ω`*) WAI-ARIAの基本 - ウェブ開発を学ぶ | MDN H…

SNSシェアボタンを追加するあれこれ(Facebook/Twitter/Google+/はてなブックマーク/LINE/Pocket)

ウェブサイトによくあるSNSのシェアボタン。使いたいなと思い、いろいろ調べたときの備忘録。 アイコンを探す アイコンは色を変えたりなどしたいので、CSS fontがいい。 - Font AwesomeとかLigature Symbolsを見てみる - なければ、Simple IconsでSVGを探し…

jQuery.floatTheadでスクロールしても常にテーブルヘッダを表示する

テーブルの列が多くなると、スクロールしてもテーブルヘッダが見えなくなってしまう。。。 テーブルヘッダの固定して、スクロールしても常に表示されるようにした際の、備忘録。 便利なjQueryプラグイン(jQuery.floatThead)があったので、それを使ってみた …

スマフォでショートカットを作るときのアイコンをカスタマイズする(ウェブクリップアイコン)

Webサイトを作るときにファビコンを表示してけれど、 スマフォでのショートカットやお気に入りをホーム画面に配置したとき、 デフォルトだと、頭文字やスクリーンショットになってしまう。。。 ファビコンと同じ画像にする際にやったことの備忘録。 色んなサ…