画像やテキストなど、コンテンツのデザインで重要なのは縦のリズム。 ページ上の指定した要素を文字のベースラインにツラをあわせて配置し、縦のリズムを簡単にデザインできるスクリプトを紹介します。 デモのように罫線を背景にした時には、画像 ...

このnoteのメモは随時更新され書き足されていきます。 p5.jsはそもそもhtmlとDOM API, <canvas>の仕組みをうまく使って動いている。 htmlのDOM APIのHTMLElementをwrapperしたという形になっているのがp5.Element。 p5.jsでdomを変数に入れて扱いやすいようにできる。メソッド ...

完全なソースコード、特大セール告知バナーの実装デモ、および getComputedStyle との違いについての詳細な解説は、以下のブログ記事にて公開しています。 【JavaScript】element.styleによるCSSスタイルの動的変更 Webサイトにアニメーションをつけたり、ユーザーの ...

HTML5 Videoはそのコーデックまでは規約では規定されていない。現在のところH.264、OGG、WebMという3つのコーデックが有力視されており、ブラウザにおけるサポートもさまざまだ。IE9以前のIEのようにHTML5 Videoをサポートしていないブラウザに対応することも ...