iPhone・Androidアプリの次にくる開発トレンド、 Facebookモバイルアプリとはなにか？
はじめに 本連載では、Facebookモバイルアプリの定義、開発に取り組む意義、実際の企画方法、開発手順について紹介します。開発段階ではHTML5によるWebアプリ制作を効率化するJavaScriptライブラリ「jAction」を利用します。 対象読者 Facebookモバイルアプリの開発に興味のある方。 HTML＋JavaScriptによるWebアプリ開発を経験したことがある方。 開発に必要な環境 Google Chrome推奨 JavaScript、HTMLを編集するテキストエディタ Facebookモバイルアプリには、ブラウザに関係なくアプリケーションとして起動するネイティブアプリとブラウザ内で動作するブラウザアプリの2種類があります。 ネイティブアプリは、ブラウザで動かないためにブラウザ上のFacebookページとは別に、専用アプリとして起動することになります。アプリを初めて起動す
2012年4月第1週号 1位は、デザイナーのためのHTML5の演習、気になるネタは、ハンズフリーでページがめくれる、魔法みたいな電子書籍リーダー | gihyo.jp
週刊Webテク通信 2012年4月第1週号1位は、デザイナーのためのHTML5の演習、気になるネタは、ハンズフリーでページがめくれる、魔法みたいな電子書籍リーダー ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2012年3月26日～2012年4月1日の間に見つけた記事のベスト5です。 1. HTML5 Best Practices for Designers | Web Design | instantShifthttp://www.instantshift.com/2012/03/27/html5-best-practices-for-designers/ デザイナーのためのHTML5の演習と題した記事です。 以下の項目で解説されています。 フレームワークを使う Doctypeを理解する
いろんな用途で使える！柔軟性の高いHTML5プレゼンテーションライブラリー「Presenteer.js」 - Chrome Life
最近では、HTML5製のプレゼンテーションツールも増えてきました。 筆者は、先日Node.jsの勉強会で「reveal.js」を使ったのですが、動きもカッコよくて簡単にスライドが作れてなかなかよかったです。 しかし、こういったプレゼンツールは画面全体がスライドになってしまうので、サイトの一部や記事の中に埋め込むといった用途にはむいていません。 そこで今回ご紹介するのが、どこにでも埋め込んで使える柔軟性の高いHTML5プレゼンテーションライブラリー「Presenteer.js」です。 「Presenteer.js」にアクセスすると、デモが確認できます。 ページの中にプレゼンテーションエリアが用意されていて、クリックするとスライドがアニメーションで切り替わるようになっています。 仕組みも簡単で、プレゼン用の DIVを用意しておいて、JavaScriptで指定するだけです。 var presen
HTML5関連の情報源のまとめ（2012年4月版）
こんにちわ。HTMLファイ部のふちがみです。 HTML5のすごいコンテンツやニュースをキャッチアップしきれない！知らないところでバズってる！と悔しい思いをしている方も多いと思います。そこで、ミーハーなファイ部のメンバーに「どうやって情報収集をしているか」を聞いてみたのでまとめてみました。 ソーシャルブックマーク キーワード「HTML5」を含む新着エントリー - はてなブックマーク キーワード「CSS」を含む新着エントリー - はてなブックマーク キーワード「javascript」を含む新着エントリー - はてなブックマーク コミュニティー html5j.org | Google グループ ニュースサイト HTML5/CSS3の情報をクリップ！ :: dotHTML5 dotHTML5のtwitterもフォローしておくとGOOD ゲーム・ガジェット系 Kotaku JAPAN｜ザ・ゲーム情報
[HTML5]アウトラインで迷わない！ sectionと見出しについて
webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。 皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。 これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ？」と混乱している人の為にわかりやすく整理してみようかなーと思います。 厳密な解説はこの記事を読まずとももっと信頼できる文
![[HTML5]アウトラインで迷わない！ sectionと見出しについて](https://cdn-ak-scissors.b.st-hatena.com/image/square/a579b466a9d9646edbe9cc1cec01abca7601b9fc/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F09%2Fhtml5-section-outline-150x150.png)
HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup
Dirty Markup [ad#ad-2] Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。 HTML Tidy CSS Tidy JS Beautify Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です - かちびと.net
InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありがたいですねー。 土曜日ですし、軽い話題。15秒でHTML5のテンプレが作れる！と謳うWebサービス・・InitializrがBootstrapに対応してます。これは地味に嬉しいんじゃないですかねー。 右側になんか増えてた！Bootstrapやたら人気ですしね。こういうのは嬉しいんじゃないでしょうか？Initializrはその気になれば本当に15秒で作成出来るので使うといいですよ。性能とか特徴は使って実感してください。 作ってみた 試しに15秒で支度してみました。こんな楽でいいのかな・・・LESS版も選べるので設定項目は好みで設定してくださいませ。 因みに・・・ B
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
HTML5のタグリファレンスの本やスマフォアプリを探してる人にぴったりな一冊 -標準HTML5タグリファレンス
手頃なサイズで気軽に調べることができるHTML5のタグリファレンスを探している人にぴったりな一冊を紹介します。 小さいながらもHTML5の最終草案に対応したタグリファレンスだけでなく、HTML4, XHTMLとの相違、実装時のよくある間違い・勘違いなど、制作に役立つ知識も網羅されています。 [ad#ad-2] 『標準HTML5タグリファレンス』は2011年5月25日にリリースしたHTML5最終草案をベースにしており、HTML5の各タグのリファレンスをはじめ、HTML5が誕生した背景、HTML4/XHTMLとの違い、HTML5未対応ブラウザへの対応方法など、制作に役立つ知識がコンパクトにまとめられた一冊です。 各タグの解説も充実しており、実例も掲載されているので具体的で分かりやすいです。 <section>と<div>の使い分けはどうしたいいの？ <header>は2つあってもいいの？ <n
あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
今から始めるiPhoneコーディング｜クロノドライブ
何だか周りにiPhoneを持ってる人が増えてきたなぁと思う今日この頃です。 それにつれてiPhone用のサイトをコーディングする案件も増えて来ましたので、コーディングするときのポイントをまとめました。 iPhoneの特徴 まずは、iPhoneの特徴を見てみましょう。 一つの端末で複数の解像度を持つ iPhoneの特徴の一つとして、縦持ち・横持ちのときで横幅の解像度が変わります。 例えば、縦持ちのときは320pxで、横持ちのときは480pxとなります。 ※縦持ちのとき ※横持ちのとき そのため、320pxに最適化したコーディングをすると、横持ちのときに160px分の余白が空いてしまうため、320pxにも480pxにも対応出来るコーディングをする必要があります。 ※そのためには、デザインをしっかりと考えたものにしなければいけませんが…。 HTMLやCSSの実装状況はパソコンと同様 iPhone
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
html5-memo.com
http://japan.internet.com/webtech/20120321/1.html
CSSで高度な3D表現ができると話題の「Sprite3D.js」で作った凄いデモ
html5-memo.com
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI
Validator.nu
今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net
Photoshop VIP ☞ HTML5とCSS3でデザインされた無料テンプレート素材15個まとめ (PSDファイル付)
