タグ: HTML5
5GによるWeb開発の変化を予想する
2020年から商用化が始まる5G．対応端末が普及する2022年以降，Web開発の技術は変化を経験する．今までボトルネックになっていた困難が取り払われ... Read More
CSSカウンタで項番を降順に自動採番する
連続するリストを作るとき，先頭にIDを振りたくなります．上から1，2…と振るならCSSカウンタで充分です． body { counter-reset: h3count; /* 'h3count' と... Read More
Adventarに自作サイトのサムネイル画像を表示する方法
クリスマス前，アドベントの時期がやってくると，ウェブ界隈でおなじみとなった「Adventar」が人気を集める．12月1日～25日の間，記事を書いてい... Read More
aタグへのページ内リンクが不安定な原因
アンカータグはidやnameという属性を持っている．wbdv.htmlに<a id="web" name="dev">と書くと，wbdv.html#webやwbdv.html#devというURIでアンカータ...... Read More
ロード時に「loading…」を表示しフェードアウト
サイトを読み込むときに簡単なメッセージを表示し，それをフェードインする方法．jQueryは必要． <html lang="ja" data-loading=""> ... htmlタグにカ... Read More
ドラッグドロップでスワップできるグリッド
先日の続編．要素をドラッグドロップするとき，要素がすでにある場合にはスワップできる． ※要jQuery． <script> const allowDrop = (event) => { event... Read More
ドラッグドロップできるグリッド行列
要素をドラッグドロップできるHTML5 APIを使って作った．まずそのAPI部分から． <script> const allowDrop = (ev) => { ev.preventDefault(); }...... Read More
buttonの中央寄せについて考えた
ウェブページに欠かせないボタン．なにかとあればボタンで考えがちなきょうこの頃． HTMLには2種類のボタンがある．buttonタグとinput type=”bu... Read More
IndexedDBを試してみた
HTML5 APIのひとつ「IndexedDB」を使って動かした． <!DOCTYPE html> <html> <head> <meta charset="utf-8"...... Read More
sessionStorageを試してみた
HTML5 APIのウェブストレージ（WebStorage）を試している． ローカルブラウザにセッションデータを保存できる「セッションストレージ（sessionStorage... Read More