6つの現場が語る、スマホアプリ開発の理想と現実～デブサミまとめレポート（スマホアプリ開発編）（1/3） - ＠IT
6つの現場が語る、 スマホアプリ開発の理想と現実 デブサミまとめレポート（スマホアプリ開発編） 有限会社オングス 杉山貴章、後藤大地 2012/2/22 2月16～17日の2日間、東京の目黒雅叙園にて開発者の祭典「Developers Summit 2012」が開催された。「デブサミ」の愛称で知られる同イベントは、2002年より年1回のペースで開催され、今年で10回目を迎えた。 2日間で行われた並列5トラック、全68セッションのうち、ここではiOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなどスマートフォン／スマートデバイス向けのアプリ開発に関連した6セッションをピックアップして、その様子をレポートする。 Yahoo! JAPANのスマホ向けHTML5対応とは HTML5でスマホアプリ開発、ホントのところ UXを壊さずにスマホのプラットフォ
CSS - Contents and compatibility
Last major update on 23 February 2012. Mobile table. See the CSS Selector Test for tests of and information about CSS3 selectors. Earlier versions of this page has been translated into Brazilian Portuguese and Romanian. The contents of my CSS pages and browser compatibility. This is the old table. I’m slowly moving towards the new tables, which feature greatly extended tests and full mobile browse
Announcing Ringmark, a Mobile Browser Test Suite - Facebook開発者
As part of our work on the mobile web over the past year, we've often wished that there had been a test suite for mobile browsers that is comprehensive, fair, and that tests the feature sets that developers really need. We decided to solve this problem and solved our own need. Today, we're proud to announce Ringmark, a new mobile browser test suite which does just that. Ringmark, developed togethe
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
Impact - HTML5 Canvas & JavaScript Game Engine
The Awesomest Way to Create Even More Awesome HTML5 Games! Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers. I’ve tried four other JavaScript game engines, and this is the first one I’ve used that makes sense (…) Impact is the first truly professional-grade JavaScript and HTML5 game engine to hit the market. Game Developer Magazine,
SproutCore
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web. Install Sproutcore View on GitHub New Tutorial to Help You Get Up and Running! You've heard all about SproutCore and now it's time to see for yourself. It's easier than ever to get started with our new tutorial. In it you'll learn: How to install SproutCore on your machine How to build your
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
HTML5のカテゴリーの種類についてまとめました【MdN連載第6回目】 | HTML5でサイトをつくろう
HTML4では、要素ごとにブロック要素、インライン要素というわけ方があり、インライン要素の中にブロック要素が使えなかったりなどタグの使い方にルールがありましたが、HTML5ではブロック要素、インライン要素というわけ方はしなくなり、要素ごとに目的に応じたカテゴリーという形で分けられています。今回はそのカテゴリーについてまとめてみたいと思います。 MdN Design Interactiveの第6回目のURLはこちらになります。 HTML5の「カテゴリー」についてまとめよう HTML5の各要素は、目的に応じたカテゴリーに属しています。 メタデータ・コンテンツ フロー・コンテンツ セクショニング・コンテンツ ヘッディング・コンテンツ フレージング・コンテンツ エンベッディッド・コンテンツ インタラクティブ・コンテンツ セクショニング・ルート HTML5の要素のほとんどが上記のカテゴリーのどれかに
ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
【デブサミ2012】16-C-1 レポート アプリ基盤としての「HTML5」が持つ可能性～あらゆる業界のコアビジネスへ
10年ぶりのWeb標準刷新となったHTML5 羽田野氏は、言わずと知れたHTML5のエキスパート。HTML5の詳細な解説本も執筆しており、日本におけるHTML5の第一人者として広く知られている。本セッションではそんな同氏から、HTML5の現状や今後の見通し、そしてWeb技術者にとってのHTML5の存在意義などについて解説が行われた。 「HTML5とは何か。一言で言えば、マークアップ言語にAPIの機能が加わったものだ。むしろ、マークアップ言語よりAPIの仕様の方が大きくて、『HTML5はほとんどAPIの塊』と言ってもいいほどだ」 セッションの冒頭で、羽田野氏はこう述べる。では、Webテクノロジーの面から見て、膨大なAPIをWeb標準として定義したHTML5の登場にはどのような意義があるのか。同氏によれば、そもそもWeb標準の世界は「この10年の間、まったく進化してこなかった」という。 振り返
HTML5の「アウトライン」についてまとめました【MdN連載第8回目】 | HTML5でサイトをつくろう
アウトラインとは階層構造のことで、HTML5のマークアップでは、このアウトラインを意識することが重要になってきます。 今までのHTML4やXHTML1.0でもh1～h6の要素を使用して暗黙的に階層化されているのを示していましたので考え方が変わったということではないですが、HTML5ではサイトのアウトラインを考えるには、まずセクションを意識する事がとても大切になります。 HTML5のセクションを考える セクションの考え方を理解する為に1冊の本を例に挙げたいと思います。 本は1つの大きなセクションからできていて、タイトル見出しと内容があります。その中には章があり、それらの各章をセクションに例えます。そして章にも見出しと内容があります。さらに章の中にはいくつかの節があり、これもセクションに例えることができます。 次に、この考えをWebページに当てはめる為にHTMLではセクションをどう区別している
JSによるコンテンツスライダーを使用しているサイトのサンプル集
Webデザインスライダーコンテンツ 個人的なまとめです。スライド で画像やコンテンツを実装して いるサイトのデザインサンプル です。jQuery等を使用している サイトに絞っています。 個人的なまとめです。スライド で画像やコンテンツを実装して いるサイトのデザインサンプル です。jQuery等を使用している サイトに絞っています。 インスピレーション用のサンプル集です。サンプルを見ることで、使い勝手良し悪しの判断も出来るのではないかと思います。ブラウザはChromeのみでしか確認していません。 hm-andrei.ro デザイナーさんのポートフォリオ。手やフルーツは固定されています。いいアイデアですね。 hm-andrei.ro jguiss 画像は縦にスライドし、同時にテキストコンテンツが横スライドします。 jguiss Crush + Lovely コンテンツがダイナミックに縦スライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEO Labs - Home-brew Multi-touch
GitHub - mozilla/popcorn-js: The HTML5 Media Framework. (Unmaintained. See https://github.com/menismu/popcorn-js for activity)
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
HTML5 Please - Use the new and shiny responsibly
http://www.css-lecture.com/log/web-design/horizontal-scroll-website.html