HTML5で実現できる！環境光に合わせたレスポンシブなUI Tomomi Imura（Slack） フロントエンド開発やデザインに携っている皆さんにとって、ここ数年間「レスポンシブ・ウェブ」についての話題は避けて通れないものとなっているでしょう。モバイルやタブレット上でも、ユーザー・エクスペリエンスを失うことのないウェブを表現するには、CSS3 Media-queriesが欠かせないものとなってきました。 それでは実際、レスポンシブ・ウェブとは何についての対応（レスポンシブ）なのでしょうか。 現在のところ、私たちがいうレスポンシブ・ウェブデザインとは、どんなスクリーンの幅や表示領域、デバイスの画面解像度や画面の縦横の向きにも対応したウェブデザイン、というのが事実上の定義となっているようです。 そこで今回、私はその定義を超えたレスポンシブ・ウェブのユースケースについて考えてみました。 太陽光
「5000枚の写真をアップロードできるWebアプリがほしい」と無茶な依頼があったので、HTML5のFile APIを使ってサンプルを作ってみました。 サンプル） http://5463440d.dotcloud.com/ ソースコード） https://github.com/jou4/multi_fileupload ※上のサンプルは、サーバーが受け取ったファイルを保存しないのでアップするだけのものです。 ※またリクエストのサイズも制限されているので、大きなファイルはアップできません。 ドラッグ＆ドロップは、ondragover, ondragend, ondropといったイベントで制御します。 jQueryを使うのであれば、bindメソッドを利用してこんな感じでしょうか。 $("#holder") .bind("dragover", function(){ this.className
※ただし、SafariではFileReaderオブジェクトを、Internet Explorer 10ではreadAsBinaryStringメソッドをサポートしていません。 TIPS 053：ファイルの名前／種類／サイズを取得する Fileオブジェクトを利用することで、ローカルファイルの情報にアクセスできます。 例えば以下は、<input type="file">要素で指定されたファイルの名前やサイズなどを表示するサンプルです。 ［リスト01］ファイルの情報を取得するコード（fileinfo.html） <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HTML5 TIPS</title> <script> <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />
明示的 意味 แพลตฟอร์มการเรียนรู้และพัฒนาทักษะด้วยเทคโนโลยี https://suin.io เป็นแพลตฟอร์มที่ให้คุณเรียนรู้และพัฒนาทักษะทางเทคโนโลยีอย่างสะดวกสบาย เรามุ่งมั่นในการให้ความรู้และประสบการณ์ที่มีคุณค่าในการพัฒนาตนเอง pascalcase
動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました！（わーい！） 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します！ あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集！ 説明不要！ 気になったコードは是非のぞいてみてください！
これいいですねー。新規事業とかのアイデア出しに使えそう。 市場規模マップ (HTML5版) 市場規模をマッピング 市場規模マップは、その名の通り市場規模をマッピングしたもの。前年比マイナスの業種は赤背景になっています。データはxlsファイルでダウンロードすることもできます。 このマップ、なかなか高性能でして、「前年比ゲージ」をいじると、 対前年比で伸びが顕著な業種だけをビジュアライズすることができます。ソーシャルゲーム、太陽光が伸びてるようですね。 市場規模でもマッピングを切り替えられます。 SEOってふりかけ市場の半分以下なのか…。スマホアプリに至っては5分の1です。データの中身をよく見る必要はありますが、とりあえずふりかけ業界巨大すぎる。 というわけで、何か事業のヒントが掴めると思いますので、ぜひお試しあれ。 市場規模マップ (HTML5版)
…という題で、発表してきました。 さいたま開発勉強会 vol5です。 iOSのCore Graphicsと共通点の多いHTML5 Canvas。 iOSプログラムの経験がまるごと活かせるぜ！面白いものつくろうぜ！ ということをお伝えしたく、実際に手を動かす場面を取り入れてみました。 実際に効果があったかどうかは…わかりません (^^;) 入門的な位置づけに仕上げてみましたので、iOSプログラマの方もそうでない方も、ぜひ触ってみてください。 iOSプログラマへ。HTML5 Canvasがおもしろい！ from cocopon 練習用の「HTML5 Canvas スターターキット」はこちらから。 マウス・タッチイベント両対応のInputManagerが付属していますので、ぜひご活用ください :) CanvasStarterKit_100.zip
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
開催日 2012年10月21日(日) 会場 専門学校デジタルアーツ仙台 6F ライブシアター 定員 300名(先着順／事前予約制) 入場料 一般 3,150円(税込) 学生 1,050円(税込) 前売りチケットの販売は終了致しました。 当日券の販売を行いますので詳しくは「お申し込み」ページをご覧ください。 Webクリエイティブのための学園祭、「dotFes」。 通算5回目となる今回のdotFesは、初の東北・仙台での開催となります。 スマートフォンやHTML5の浸透で、大きな変化の時を迎えているインタラクティブデザインの世界。 HTMLを中心とした技術は、Webの世界だけでなく、アプリケーション開発、エンターテインメントコンテンツ制作の分野で強く求められるようになり、また、モバイルや電子商取引を通じて、社会のあらゆるシーンに欠かせない技術となっています。 dotFesは、そんな時代のものづ
本日鎌倉に来ていただいた中島聡さん、html5で何が実現できるのか？を現在果敢に挑戦されていまして、こちらのページ（WidgetPad.com）で実験作品を随時公開されているのですが、現在公開されている12個のhtml5で作成されたウェブアプリケーションをすべてご紹介いたします！ 信じられますか？これらはSafari上で動いているんですよ！？まずは前半6個です。 これがiPhoneのSafari上でスムーズに動いているんです。 まずは6本、個別に紹介していきます！ Gold Fish Simulation 小さなお魚さんが画面上をスイスイ泳ぎます。 このウェブアプリの動画はこちら。 Blob Sallad これが一番すごいかも！！！ 指で触れます。ぴょんぴょん触れます。 2本指で触るとなんと分裂します！！！ このウェブアプリの動画はこちら。 YAHOO! Finance 3D ヤフーファイ
2009/05/28 「決してWebをあなどってはいけない」（Never underestimate the Web）。Google I/O 2009初日の基調講演でシュミットCEOに続いて登壇したのは、米グーグル バイス・プレジデントのビック・グンドトラ氏だ。ゆっくりと一語一語を区切りながら語り始めたグンドトラ氏の言葉には重みがある。彼は元マイクロソフト社員で、まさにWebをあなどっていた側にいたからだ。 グンドトラ氏はWindowsプラットフォームを唱道する立場にあった。彼に限らず、マイクロソフト社員の間には、ネイティブアプリケーションでなければできないことがあるとする見方が一般的だったという。「Keyholeという会社が出てきたとき、彼らが持つようなアプリケーションこそ、ネイティブでなければできないものだと言っていた。ところがグーグルは2004年11月にKeyholeを買収し、Goo
まだまだWWDCレポート記事を書かなければならない立場ながら、 今、この心の高ぶりを逃すと、このままチャンスを逃してしまいそうだ。 運よく、私をインタビューするはずだった担当者２名からの連絡もないし、 次の記事について相談しようとした編集者がつかまらないので、 20分１本勝負、校正無しで一気にブログを書きあげよう。 私はYouTubeで見たGoogle IOからも、仕事の合間にちょっとだけ覗いてきたWWDCの会場からも、 先日、足を運び、まだ記事化できていないMozillaの次期Firefoxについてのインタビューからも、 まったく同じ５文字のシグナルを受けとった。 「HTML5」 このシグナルを受信すると、 実は4.0=3.5=3.0 = 5という不可解な数式が成り立ってくる。 つまり (Safari) 4.0=HTML 5 (FireFox) 3.5= HTML5 (
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
