Firefoxトラッキング防止機能のブロック対策
Firefoxが，Twitterの埋め込みタイムラインやFacebookのウィジェットをブロックする「強化型トラッキング防止機能」を標準実装しました．こうしたウ... Read More
JavaScriptでデータベースを使う方法
ウェブアプリやウェブシステムを作っていると，データベースが使いたいことがよくあります．PHPやPythonなどデータベースを簡単に接続できる言... Read More
レスポンシブデザインで便利なCSSを紹介。
レスポンシブWebデザイン（RWD）で使うと便利なCSSプロパティを紹介します．一般に，display: none;やwidth: 100%;は非常に使います．ここに挙げる5つの... Read More
id属性を使ってリンクを張るJavaScript
アンカーを張るときは，リンクターゲットを<a>タグで囲わねばならないですが，id名をリンク対象に含ませれば，アンカーを張らなくても飛ば... Read More
流入元URLによる絞り込み
あるディレクトリにあるファイルのリンクから飛んでくるとき，ディレクトリごとに表示させるコンテンツを絞り込みたい時はありませんか．OOO... Read More
JavaScriptで属性を一律に設定する
<a>タグにtarget='_blank'をHTMLに直に書いていくと，リンクがたくさん増えていったとき，同じ記述を繰り返すことになります．<a>にtarget属性... Read More
同じ要素の表示数を制限できるCSS
同じHTML要素をたくさん並べると，画面から外れてしまうので，表示するのは何個まで！と制限したくなりませんか．そんな時，CSSたった1行で済み... Read More
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
モリサワBIZ UDフォントのfont-familyの書き方
Windows10のOctober 2018 Updateで新たに同梱されているモリサワのBIZ UDフォント．CSSで指定したい時は次のように書いてください． example { font-family: BIZ U..... Read More
Sassを編集直後に自動コンパイル
CSSにプログラミング言語の要素を取り入れたSass．ウォルトンのCSSアーキテクチャの4要素「予測性・再利用性・保守性・拡張性」を兼ね備えたSass... Read More
ふくろうセレクタを用いた垂直配置
フロー要素による「フローシステム」とは，垂直方向に閲覧するとき，ストレスなく見られるレイアウトをいいます．フローシステムの垂直配置... Read More
WordPressで自動改行を除去するCSS
WordPressで改行が自動で入ってしまうことがあります．それをCSSで取り除く方法です．mainタグやarticleタグやsectionタグの中に自動改行があれば， main... Read More
For of & Map そして Async & Await
ECMAScriptの仕様改定に伴うJavaScriptの新しい文法．var句，function句，配列表示を使わなくなれる代わりに，const/let句，アロー演算子，for of句を使う．... Read More
Web Workerの埋め込み
Web Worker APIをひとつのファイルに埋め込んだ．ローカルサーバー等，動いているサーバー上でお試しください． <!DOCTYPE html> <html> <head>... Read More