HTML5/canvas上に読み込んだ画像を貼り付ける | iconDecotter-Log
ここからしばらく、HTML5のcanvasについて書こうと思います。 canvasは、何やら新しいもののように思えますが、実際に操作する時に働くのはjavascriptなので、描画に関するルールや関数を覚えてしまえば、あとはスクリプトが書けるかどうかのお話です。 Canvas – HTML5.JP 基礎的な部分については、他の解説サイトやリファレンスをお読みください。ここではiconDecotterで実装する時にやったことに絞って、メモ的にまとめます。ちなみに、ブラウザはcanvasに対応していることを前提としますので、主にIE8以下等については考慮しません。 そもそも何故canvasを使うのか 実際のところ、Web上の効果表現のみであれば、向き不向きは多少あるものの、jQueryなどのエフェクトを使ったアニメーションで代用が効きます。canvasが活かせるのは、ゲームやドローツール等のイ
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
「HTML5って未完成なのに何で使おうとするの？」に対する私の答え
HTML5は2014年に正式勧告予定 2008年に最初の草案が発表されたHTML5は2014年に正式勧告予定です。ピンと来ない人も多いと思いますけど、W3Cの定める仕様は「草案」「最終草案」「勧告候補」「勧告案」「勧告」という流れを辿ってようやく正式なものとなります。なっがい道のりですね。2012年12月17日、HTML5は勧告候補に到達しました。ここまでいけばそうそう仕様がひっくり返ることはないそうです。 なんでそんなに時間がかかるの？ これについて、「なんでそんなに時間がかかるの？」って疑問を持つ人もいるかと思います。でも、この仕様は「世界全体のwebがこうやって使っていきます」と利用していくルールなのです。実際の運用もされないまま机上の計算で決定して実装し、はい使いましょう、とやっても上手く行くわけがないのです。つまり、決まる前に使うことはおかしくなく、使われているからこそ決められる
HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
PhoneGapを使ったモバイルアプリのネイティブ化は、銀の弾丸ではない
jQuery MobileやSencha Touchなど、Web技術でモバイルアプリケーションを開発するためのHTML5/JavaScriptフレームワークが普及し始めています。と、同時にそうしたアプリケーションをラップし、AppStoreなどで販売できるようなネイティブアプリケーション化する「PhoneGap」（オープンソースのプロジェクトはCordova）なども注目されつつあります。 しかしこうしたアプリケーション、これを「Shell App」と呼ぶそうですが、このShell Appには期待しすぎないほうがいい、と警告する次の2本の記事が話題になっています。 Shell Apps and Silver Bullets Responding to "Shell Apps" Anti-PhoneGap Article | DZone どちらもHTML5-Developers-jpのメーリン
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
スマホアプリ開発はHTML5／jQuery Mobileとネイティブどっちがいいの？～第2回テックヒルズまとめレポート（1/2） - ＠IT
スマホアプリ開発は HTML5／jQuery Mobileとネイティブ どっちがいいの？ 第2回テックヒルズまとめレポート 柴田克己 2012/4/27 iPhoneやAndroid端末の急速な普及を受け、多くの開発者が近年関心を寄せているのが「HTML5で実現できるWebアプリと、各プラットフォーム向けに特化したネイティブアプリ。開発するならどちらがトク？」というテーマだ。 2012年4月13日に、このテーマについて実際にスマホやWeb向けのアプリ開発を手掛けている技術者たちが意見を戦わせる「第2回テックヒルズ『ネイティブアプリ』vs『Webアプリ』～これからのアプリ開発のトレンド～」と題したディスカッションイベントが、六本木アカデミーヒルズで開催された。 司会進行を務めたのは、同イベントを企画、運営するインターネットサービス企業「CROOZ」の技術統括本部取締役の小俣泰明氏だ。 小俣氏
HTML5に踏み出せない人に捧げる、HTML5を使う10の理由
HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole
HTML5を使ったプレゼンテーション·Nerine MOONGIFT
NerineはHTML5/JavaScript製のオープンソース・ソフトウェア。プレゼンテーションの基本と言えばPowerPointだろう。だがあまりにも多く見せられたせいか、個人的にはあのツールの持つ独特な雰囲気が好きではない。エンジニアを中心に別なツールを利用する人が増えている。 プレゼンの一コマ 例えばMac OSXのKeynoteであったり、Googleドキュメントのプレゼンテーション、PDFなど様々なツールを使ってプレゼンテーションを行っている。固有の技術に束縛されない自由さが欲しい人はNerineを使ってみるといいだろう。 NerineはHTML5製のプレゼンテーションツールだ。道具は一切問わないので、テキストエディタを使ってプレゼンテーションを作ることもできる。矢印キーでスライドを入れ替え、競り上がってくるようなイフェクトや、キーを押すごとに表示を追加するようなイフェクトもで
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
HTML5に関わらないと日本企業は世界から遅れる (1/2) - ＠IT
HTML5が拓く新しいWeb（5. W3C編） HTML5に関わらないと 日本企業は世界から遅れる 新野淳一 Publickey 2010/4/6 HTML5について日本語で議論する「HTML5 JAIG」メンバーに、そもそもHTML5の仕様はどのように決められているのかを聞いた 日本語でHTML5についての議論を行うW3Cのグループ HTML5の仕様は現在、W3C（World Wide Web Consortium）のHTML Working Group（以下、HTML WG）を中心に策定が進められています。HTML WGのHTML5に関する議論は、メーリングリストに入ることで誰でも参加可能ですが、英語でのコミュニケーションであり、また仕様策定に関する内容が中心であることなどから、日本人で参加している人はそれほど多くありません。 そこで、日本語でHTML5についての議論を行うことを目的に
ニコニコ動画をHTML5で見るbookmarklet - saiten@blog
性懲りも無くニコニコネタです。 iPadでも結局Flashが搭載されなかったこともあって、最近Flashの代替手段としてHTML5がやけに押されているので、ものは試しでニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換えるbookmarkletを作ってみました。iPhone/iPadのvideoタグの動作がマシになってれば、iPhone/iPad上でも動くかもってな期待込みで。 使い方は、下記のbookmarkletをニコニコ動画の再生ページ(http;//www.nicovideo.jp/watch/*)上で実行するだけです。実行すると標準のFlash製プレイヤーを、HTML5+javascriptで構成したプレイヤーに置き換えます。 javascript:(function(){var e=document.createElement("script");e.s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【HTTP2.0最新動向】第1回：HTTP/2.0の策定、ついに始まる 
東京渋谷 “HTML5入門＆jQuery” 勉強会(5/26)の資料を公開します | tonowp