https://b.hatena.ne.jp/ytsk/HTML5/ HTML5に関するytskのはてなブックマーク (4) https://qiita.com/kyrieleison/items/a3ebf7c55295c3e7d8f0 ytsk 2017-01-26T07:56:14Z canvas HTML5 15 <blockquote cite="https://qiita.com/kyrieleison/items/a3ebf7c55295c3e7d8f0" title="HTML5 Canvas 入門 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fkyrieleison%2Fitems%2Fa3ebf7c55295c3e7d8f0" alt="" /> <a href="https://qiita.com/kyrieleison/items/a3ebf7c55295c3e7d8f0">HTML5 Canvas 入門 - Qiita</a></cite><p><a href="https://qiita.com/kyrieleison/items/a3ebf7c55295c3e7d8f0"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0ee974160c8ebee722d8cc0a6df392503348b10b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9SFRNTDUlMjBDYW52YXMlMjAlRTUlODUlQTUlRTklOTYlODAmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWMzM2U2OTg3MWZmMjM5MTFkNWRhYTg1MTZlMTlhM2Y0%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBreXJpZWxlaXNvbiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MDY1MGNiMjJkNjRhYmJkNzk4YmFiNmUyNmRkZTZjNjQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D727bc3186448ba9ee10db803fc2b6fd4" alt="HTML5 Canvas 入門 - Qiita" title="HTML5 Canvas 入門 - Qiita" class="entry-image" /></a></p><p>今更ながら、Canvas をまともに勉強したことがなかったので、一からやってみました。 これまでの人生、 JavaScript は初心者の超えるべき壁をすっ飛ばして学んできたので、おさらいも兼ねて。 キャンバス上でクリックすると、その座標で図形を描画できるようになるチュートリアルです。 コードだけ見たい方はこちらを。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/kyrieleison/items/a3ebf7c55295c3e7d8f0"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/kyrieleison/items/a3ebf7c55295c3e7d8f0" alt="はてなブックマーク - HTML5 Canvas 入門 - Qiita" title="はてなブックマーク - HTML5 Canvas 入門 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/kyrieleison/items/a3ebf7c55295c3e7d8f0"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2016/06/html5bideojs.html ytsk 2016-06-10T03:06:47Z HTML5 30 <blockquote cite="https://phpspot.org/blog/archives/2016/06/html5bideojs.html" title="HTML5動画をフルスクリーンバックグラウンドに簡単設定できる「BIDEO.JS」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2016%2F06%2Fhtml5bideojs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2016/06/html5bideojs.html">HTML5動画をフルスクリーンバックグラウンドに簡単設定できる「BIDEO.JS」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2016/06/html5bideojs.html"><img src="" alt="HTML5動画をフルスクリーンバックグラウンドに簡単設定できる「BIDEO.JS」:phpspot開発日誌" title="HTML5動画をフルスクリーンバックグラウンドに簡単設定できる「BIDEO.JS」:phpspot開発日誌" class="entry-image" /></a></p><p>Easy Fullscreen HTML5 Background Video HTML5動画をフルスクリーンバックグラウンドに簡単設定できる「BIDEO.JS」 最近、背景に動画を設定するページもよく見かけるようになりましたが、HTML5動画があれば、こちらのJSを使って簡単に同様の事ができそうです。 関連エントリ 360度のパノラマビデオを再生できる動画プレ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2016/06/html5bideojs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2016/06/html5bideojs.html" alt="はてなブックマーク - HTML5動画をフルスクリーンバックグラウンドに簡単設定できる「BIDEO.JS」:phpspot開発日誌" title="はてなブックマーク - HTML5動画をフルスクリーンバックグラウンドに簡単設定できる「BIDEO.JS」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2016/06/html5bideojs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://bashalog.c-brains.jp/15/08/17-100000.php ytsk 2015-08-17T22:27:38Z web css HTML5 95 <blockquote cite="https://bashalog.c-brains.jp/15/08/17-100000.php" title="【CSS】img画像の縦横比は元のまま、表示させたいボックスサイズの大きい方に合わせて縮小して表示させる。ついでに上下左右中央寄せで。 | バシャログ。"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbashalog.c-brains.jp%2F15%2F08%2F17-100000.php" alt="" /> <a href="https://bashalog.c-brains.jp/15/08/17-100000.php">【CSS】img画像の縦横比は元のまま、表示させたいボックスサイズの大きい方に合わせて縮小して表示させる。ついでに上下左右中央寄せで。 | バシャログ。</a></cite><p><a href="https://bashalog.c-brains.jp/15/08/17-100000.php"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5daa55489c1ad26a219643d0705eb421667c6fc1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png" alt="【CSS】img画像の縦横比は元のまま、表示させたいボックスサイズの大きい方に合わせて縮小して表示させる。ついでに上下左右中央寄せで。 | バシャログ。" title="【CSS】img画像の縦横比は元のまま、表示させたいボックスサイズの大きい方に合わせて縮小して表示させる。ついでに上下左右中央寄せで。 | バシャログ。" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/bashalog.c-brains.jp/15/08/17-100000.php"><img src="https://b.hatena.ne.jp/entry/image/https://bashalog.c-brains.jp/15/08/17-100000.php" alt="はてなブックマーク - 【CSS】img画像の縦横比は元のまま、表示させたいボックスサイズの大きい方に合わせて縮小して表示させる。ついでに上下左右中央寄せで。 | バシャログ。" title="はてなブックマーク - 【CSS】img画像の縦横比は元のまま、表示させたいボックスサイズの大きい方に合わせて縮小して表示させる。ついでに上下左右中央寄せで。 | バシャログ。" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/bashalog.c-brains.jp/15/08/17-100000.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://codezine.jp/article/detail/8782 ytsk 2015-07-02T10:29:53Z HTML5 node.js web tech 234 <blockquote cite="https://codezine.jp/article/detail/8782" title="HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodezine.jp%2Farticle%2Fdetail%2F8782" alt="" /> <a href="https://codezine.jp/article/detail/8782">HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは</a></cite><p><a href="https://codezine.jp/article/detail/8782"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8218eb507da973f69460e5cb8d20756f08d1ded8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F8782%2F8782_t.gif" alt="HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは" title="HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは" class="entry-image" /></a></p><p>Electron（旧Atom-Shell）とは、Web開発者がHTML5とNode.jsでMac、Windows、Linuxのデスクトップアプリを作れるクロスプラットフォーム実行環境です。Electronはオープンソースで無料で使える上に、MITライセンスであるため、商用利用も可能です。開発元はGitHub社です。 最近はJavaScript、HTML5の進化によって、多機能...</p><p><a href="https://b.hatena.ne.jp/entry/s/codezine.jp/article/detail/8782"><img src="https://b.hatena.ne.jp/entry/image/https://codezine.jp/article/detail/8782" alt="はてなブックマーク - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは" title="はてなブックマーク - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codezine.jp/article/detail/8782"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>