タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

html5に関するswimy1113のブックマーク (11)

  • iPhone/iPadのwebviewで動画を自動再生&フルスクリーン化 - azukinohirokiの日記

    ブラウザのhtml5対応は日進月歩なので今のところ(iOS5.0)の挙動ということで。 Autoplay html5で使えるようになった NSString *httpString = @"<video id='video' width='500' height='300' src='http://hoge.com/hoge.mp4' controls></video>"; [webView loadHTMLString:httpString baseURL:nil];controls属性を追加しておけば再生ボタンなんかもブラウザが勝手に用意してくれます。 便利。 ただ、どうしても(クライアントの無茶な要望などで)自動再生させたい時があります。 たとえそれが悪いことだと分かっていても。 Autoplay is bad for all users | Punkchip そうは言ってもクライアン

    iPhone/iPadのwebviewで動画を自動再生&フルスクリーン化 - azukinohirokiの日記
  • Banner Maker - Create Your Banner Online for Free | OnlyMega.com

    New! Download your banners as AMP HTMLCreate animated HTML5 Banners Gif, Mp4 & Png display adsDive into the creative process without having programming skills. Onlymega is the right online web tool to start creating high quality web html5/javascript banners for Ad networks, Gif posts and covers for Facebook and Youtube, Mp4 export for Instagram. Quickly make amazing Google Ads banners, Facebook ad

  • HTML5花火大会をみんなで作ろう! - jsdo.it - Share JavaScript, HTML5 and CSS

    集まった花火のコードをもとに、jsdo.it上で花火大会を開催します! 色や形をアレンジしたり、個性的な演出はあなた次第。 ひと夏の思い出をあなたの花火で彩ってみませんか? 花火職人のみなさんへ 「hanabi」のタグがついたコードが会場で打ち上がります。 各コードはiframeで表示され、徐々にフェードアウトしつつ約3秒間表示されます。 他の花火と重なることはありません。背景は黒(#000)もしくは透過で作成してください。 画像から花火を作ってみよう! 1. THE花火職人 / Fireworks Generatorに画像をドラッグ&ドロップして配列を生成します。 2. 以下のコードをフォークして、htmlのscriptタグの中に生成した配列を貼り付けます。 → やらない花 注目の花火 これらの花火をあなたらしくアレンジ(=フォーク)してみましょう! 「Fork」ボタンをクリックすると編

  • 10 Great HTML5 Web Based Apps For Designers

    HTML5 is a popular among developers and designer. It is a new web technology lead by Apple. It is weapon for designer in creating new innovative web based apps. There are many tools out there for designers and developers, but getting by free and good ones is not that easy. I tried to get 10 best web based html5 tools for all developers. Hope you will like it. DeviantART muroThis is a HTML5 based a

  • björk.com/unity

    björk logo, digital fungi and typography by m/m (paris) animated by andrea philippon © 2022 all rights reserved

    björk.com/unity
  • HTML5アニメが作れるMac用オーサリングツール「Hype」

    HTML5を使ったアニメーションが作れるオーサリングアプリ「Hype」を試してみた。 (linker) HTML5のアニメーションが作れる、Macintosh用のオーサリング・ツール「Hype」が紹介されています。 タイムライン・ベースで作成するようです。 HTML5なのでiPhone/iPadからでもプラグインなしで再生できます。 AppleMac App Storeから3,500円 2,600円4,300円で購入できます。 ギャラリーから生成されたファイルのソースを見てみたのですが、HTML5 canvasではなくCSS3 animationのような気がします。(自信ない)

    HTML5アニメが作れるMac用オーサリングツール「Hype」
  • クロスブラウザはもう古い! HTML5+CSS3時代のプログレッシブ・エンハンスメント

    IE 9が登場! ユーザーの閲覧環境がますます多様化! 4月26日、ついに日でもInternet Explorer(以下、IE) 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome(以下、Chrome)など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何? Webブラウザや端末などの閲覧環境が多様化してきていま

    クロスブラウザはもう古い! HTML5+CSS3時代のプログレッシブ・エンハンスメント
  • 実用的なデザインがたくさん揃ってる、HTML5+CSS3ベースのフレームワーク -Perkins

    レイアウトのグリッドをはじめ、ナビゲーション、パラグラフ、リスト、フォーム、テーブルなどページでよく使用するエレメント、角丸、グラデーション、ドロップシャドウ、回転のエフェクトなど、ウェブページを構成するさまざまエレメントが用意されたHTML5+CSS3ベースのフレームワークを紹介します。 Perkins [ad#ad-2] Perkinsはウェブデザイナー・開発者の大切な時間を節約するために開発されたもので、HTML5+CSS3で実装された実用的なさまざまなエレメントが揃っています。 下記に、ダウンロードファイルに含まれているサンプルからいくつか紹介します。

  • WWW.AKIRAFUKUOKA.COM BLOG | 今VJするならブラウザででしょ! HTML5でVJアプリ「Fi-VJ」を制作しました

    HTML5ならのVJアプリだって作れるはず!で、作りました Fi-VJ ver1.02 デモページはこちら ファイルダウンロードはこちら (ver1.02) DLしたら@akirafukuokaに声をかけていただけると嬉しいです!! Fi-VJ(ファイブイジェイ)というVJアプリを極々個人的に制作しました。MacのネイティブアプリでもなければiPhone/iPadアプリでもありません。ブラウザで動くHTML5-VJアプリです。確認済み動作環境はMac版Safari 5.0.5だけです。他のブラウザでは確認してません(デモページはSafariとChromeで動くようですが)。というかローカル実行ではSafari以外ではまず動きません。これに関する解説は後ほど。 ここ数年ビデオミキサーにiPhoneやiPodを繋いでプレイしていた私ですが、そろそろPCを使ったVJに戻ろうかと思ったのがちょうど

  • HTML5+CSS3 入門

    Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ AppleHTML 5 に賭けているのか: ウェブの歴史 [Page 2] よ

    HTML5+CSS3 入門
  • HTML5とは何かを簡単にまとめてみた

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R&D統括部 制作部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた

    HTML5とは何かを簡単にまとめてみた
  • 1