主題と副題のマークアップにはhgroupを使用する – TAKLOG
主題と副題のマークアップの方法に関しては度々Xでも話題になっていて、例えば次のポストの返信やリポストを見ると、人によって以下のような様々なアプローチがあることがわかります。 参考：過去に話題になったポスト ポストを別枠で表示する 見出し要素（h1〜h6）の中に主題と副題の両方を含めるこの場合の副題はspanではなくstrongやsmallを使うと言った意見も見られる主題をh1要素でマークアップし、副題は隣接するh2要素を使う疑似要素とcontent:attr()を使って副題を表示するこのブログのトップページでも主題+副題が用いられていて、いくつかのマークアップ方法を検討した結果「hgroupの中に主題のh1要素と副題のp要素を含める」方法を選択しました。
JSXが実はベターな解だったのではないか？｜erukiti
JSXとHTMLベースのテンプレート言語の比較を行い、批判されがちなJSXが実はベターな解だったのでは？という記事です。 僕の結論は、HTMLとJSのどちらが制御構造を持てばいいのか？でいえばJS側が持つ方がリファクタリングしやすいため、JSXの方が良いというものです。 さて、先日、JSフレームワーク事情2020年始めという記事を書きました。これは、JavaScriptフロントエンドフレームワーク、Angularの人気が下落中という記事の元ソースであるThe State of JavaScript 2019を見ながら、React/Vue/Angularや、Next/Nuxt/Gatsbyが置かれている状況を解説するものでした。 他には、確証はないものの、Reactのシェアと人気がともに高い理由は、意外にJSXにもあるのではないか？と考えています。VueもAngularも基本的にはHTMLを
Cocos2d-html5+Box2d+WebGLで「ぷるぷるプリン」 | mundo
Cocos2d-html5の精査の過程で作った「ぷるぷるプリン」を紹介。 Box2dのオーサリングツールR.U.B.Eで画像のようにプリンの周囲をサークルシェイプの小さなダイナミックボディーで埋めて、これらをディスタンスジョイントでつなぎプルプルの動きを表現しています。さらにプリンの周囲のボディーの座標からテクスチャーのUVとポリゴンの頂点を割り出し、テクスチャー付きでポリゴンを描画するとこのような画面になります。下の画像をクリックすると動きが見れます。（WebGLを有効にしてください） 時間ができたら整理してコードを公開しようと思ってます。 cocos2d-html5を使ってみた雑感 結構ちゃんと動く、サンプルを見るとcocos2d-xのサンプルとほぼほぼ同じものが動いてた、要WebGLだが。 iOSがWebGLが使えない事に衝撃、Androidは結構対応してるのに、Safariまでもが
Wii UのWebブラウザのGamePad ボタン入力の制限 - haneda point
そこそこのスピードで動く、HTML5、JavaScriptでGamePadのスティック・タッチパネル・ボタン入力が取れるとのことで十字キー大好きな人はテンション上がってきますよね。 仕様はこちら http://www.nintendo.co.jp/wiiu/hardware/features/internetbrowser/index.html こちらのサイトの方が、すでに動くモノを作っていらっしゃいました。 http://makimo.to/Maryo/ https://github.com/segabito/SuperMaryoWorld-for-WiiU なんで+と-のボタン使うのかなーと思ったら、主要なキーはWebブラウザ機能に割り当てられてしまってるんですね。（押したのは検知出来るが、割り当て済みの機能が起動してしまう） ではフルスクリーンにすれば解決と思いましたが、HTML5
第30回 HTML5とか勉強会に参加してきた #html5j - Diary of absj31
第30回HTML5とか勉強会 2012/06/12 第30回 HTML5とか勉強会 #html5j - Togetter (写真：懇親会で振る舞われた"html5"なお寿司。) 前回に引き続き参加申込で枠内に入る事が出来たのでこの回も参加して来ました！ 第29回 HTML5とか勉強会に参加してきた #html5j - Shinya’s Daily Report 開催会場はGoogle 東京オフィス＠六本木。六本木ヒルズは暫く前に同じHTML5勉強会で訪れて以来ですね。 記念特別セッション 白石 俊平さん(TwitterID:@shumpei) 30回、2年半以上やってます。 数え切れない程の人々に、お世話になってきました。 場所をご提供頂いた企業様（計18会場） 多数のスピーカ：多すぎて纏められません。1回4人のスピーカーとしても、延べ120人は下らないでしょう。 参加者：まとめられるわけ
user-scalable=noとposition: fixedを使用すると、-webkit-transformが動かなくなる - jsdo.it - Share JavaScript, HTML5 and CSS
fixedなしバージョンはこちら。 http://jsrun.it/esperia/plhF ( http://jsdo.it/esperia/plhF ) ※jsrun.itの方か、Smart Phoneボタン押さないとちゃんとうごかないです Androidでuser-scalable=noの時、-webkit-transformを使って回転させる要素とは別の要素にposition: fixedをつけた場合、回転させたい要素にも影響する問題。 Android 2.2, 2.3で確認しました。position: fixedがあったら回転しません。なかったら意図した動作になります。 バグですかね… <!doctype html> <html> <head> <title></title> <meta name="viewport" content="user-scalable=no" />
HTML5のメリットを活かしたコンテンツアイデア
35. <canvas width="480" height="268"></canvas> HTML function onEnterFrame3() { ctx.beginPath(); ctx.clearRect(0, 0, slideArea_w, canvas.height); sx = (sx + dx * 1 + tmpCanvas.width) % tmpCanvas.width; var w = Math.min(slideArea_w, tmpCanvas.width - sx); ctx.drawImage(tmpCanvas, sx, 0, w, cellH, 0, 0, w, cellH); var w1 = slideArea_w - w; JavaScript var x1 = w; while (w1 > 0) { var w2 = Math.min
ログイン ‹ デジタルマガジン — WordPress
Powered by WordPress ユーザー名またはメールアドレス パスワード ログイン状態を保存する ← デジタルマガジン へ移動 プライバシーポリシー 言語
Anatomy of a Mashup: Definitive Daft Punk visualised
A mashup is a song created by blending two or more other songs. The more complex a mashup gets, the harder it is to distinguish the parts that are being used to create what you're hearing. This visualisation of the song "Definitive Daft Punk" by Cameron Adams dissects a mashup in realtime to show you how each of the 23 parts contributes to the greater whole. Better performance in Chrome or Safari
Google Slides: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
Wallaby プレビュー版公開 - akihiro kamijo
Wallaby のプレビュー版が Adobe Labs に公開されました。（Wallaby@Labs） Wallaby は、昨年 10 月にロサンゼルスで開催された MAX のスニークピークセッションで紹介された技術で、FLA ファイルを HTML に変換します。これを使えば、iOS 上でも Flash Professional CS5 で制作したアニメーションを表示できます。 最初の公開となる今回のプレビュー版では、典型的な広告用のバナーの HTML への変換が目標とされています。複雑なタイムラインのアニメーションを HTML5 に変換できますが、（まだ） 多くの機能がサポートされていません。 ちなみに、Wallaby は Canvas ではなく SVG を使います。これは、パフォーマンスとコードの可読性の観点から選択されたそうです。 Wallaby のダウンロードはこちらです。（Wal
HTML5出力可能なFlash CS5拡張機能を作ってみた | ClockMaker Blog
2011年1月30日に開催された「東京てら子」というFlashの勉強会で発表した内容ですが、HTML5出力可能な�Flash CS5拡張ツールを作ってみたので紹介します。 まずはこちらのビデオをご覧ください。実際に動作している様子をビデオに録画したものです。 タイトルのとおり、Adobe Flash Professional CS5 から HTML5 コンテンツを書き出すという拡張機能で、サイトのトップページで使うようなシンプルなムービー制作に適したツールとなっています。対象ブラウザですがメジャーなモダンブラウザだけではなく、Internet Explorer 6-8 にも対応しています。 生成手順は次のとおり ( ↑ ) Flashの編集画面 ( ↑ ) 拡張機能を［コマンド］から呼び出す。すると変換が自動的に行われる。 ( ↑ ) 変換されたJavaScriptコードを生成、これをHT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト
CodePen - Front End Developer Playground & Code Editor in the Browser
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
web.dev
RPG JS: Your online RPG on your browser
Periscopic: Do good with data
| blog.ryow.net
Local Movie Player