Using Device Orientation in HTML5 — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Key Takeaways Device orientation is a feature of HTML5 that allows a device to detect its physical orientation with respect to gravity, and this can be utilized in HTML5 enabled web apps using the device orient
Picturefill
The picture element, srcset and sizes attributes, and associated features allow web developers to deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more. Picturefill enables support for the picture element and associated features in browsers that do not yet support them, so you can start using them today! Picture
elias94xx/HTML5-Packer · GitHub
Pack your HTML5-Apps into a single HTML file. Example: normal | packed Please note that I'm new to node/grunt plugin development so some things might not be optimal. Installation Requires node and grunt to be installed. npm install html5-packer --save-dev Usage Example config (Gruntfile.json): module.exports = function(grunt) { grunt.initConfig({ HTML5_Packer: { app: { cwd: "app", // default: ./
section, article を使う前に知っておきたいこと | WP-E (仮)
何を今更、と言われるとツライですが色々な人と仕事をしていると、思わず”んー…”っとなるような使い方をされている場面に遭遇したりして、果たして自分はどれだけ正しく使えているのかと気になり調べてみました。ぼくがウェブの勉強を始めたのは2012年、時代は既にhtml5に移りつつあり、この辺りはちょっと苦労した思い出があります。 もしぼくがこれらに関して誤った認識をしていたらそっと優しく指摘して欲しい。聞くは一時の恥、聞かぬは一生の恥なのだと思えば、自らの過ちにも耐えられると思う。 html5のルールに関しては(5.1ですが…) http://www.w3.org/html/wg/drafts/html/master/ HTML 5.1 Nightly A vocabulary and associated APIs for HTML and XHTML Editor’s Draft 3 Apri
Amaze: Empowering Creators to Sell Anything, Anywhere
Create any product you can imagine and sell it everywhere. We remove the roadblocks—supply chain, global shipping, and customer service—so you can focus on your creativity. With automatic storefronts on platforms like YouTube, TikTok and more, your fans can easily buy what they love from you. You create. We handle the rest.
html/css 参考サイト総まとめ
作成：2013/10/15 更新：2014/11/01 Web制作 > 先週、WordPressとEC-CUBEのレイアウトを変更しなければいけなくて、久しぶりにいじっておりましたが、忘れていたり知らなかったことが沢山ありました。レイアウトはSEOやUIにも深く関係しているのもあり、ここらへんでCSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います。今回はCMSやオリジナルサイトを作るうえで「知っておくと必ず役立つ」ものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 定番まとめ １．勉強になるテクニック／サンプルまとめ 基本知識 ２．セレクタ ３．メディア クエリ ４．コーディング規約 ５．フォント ６．CSSスプライト ７．アニメーション ８．正確なHTML使用方法 ９．CSSハック １０．書き方／読み方 定番まとめ
htmlday 2015
<htmlday>とは、日本全国でWebに関する多数のイベントを同じ日（6/13）に開催することで、日本のWebを一層盛り上げようという「お祭り」です（毎年6月の第2土曜日に開催しています。）。 <htmlday>に参加して、日本のWebを盛り上げよう！ <htmlday>で開催されるイベントは、誰でも開催することができ、誰でも参加することができます。「Webについて考えよう！」（Think the HTML!）という想いがあれば、どんなイベントでも構いません。例えば、勉強会やハッカソン、はたまた単なる飲み会でも構いません！とにかくWebに関するものであれば何でもOKです！！（昨年のhtmldayの模様はこちらから） もしよければ<htmlday>に参加して、日本のWebを盛り上げるために、あなたのお力を貸してください！賛同してくださったイベントには、<htmlday>特製ステッカーを差し
【HTML5】Indexed Database API を真面目に勉強してみる | DevelopersIO
最近、HTML5アプリ案件でローカルにデータを保存する必要があり、Local Storageを使うかIndexed DBを使うか検討しました。 その際、Indexed DBに関していろいろと調査したので残しておきます。 Indexed Database APIとは キー・バリュー型のデータベースです。まだワーキングドラフト(草案)の状態のため今後、仕様が変わる可能性があります。 ネットで探すとIndexed DBの記事は見つかるのですが、記事が古いとエラーが発生しました。この記事のソースコードも今日時点(2013/4/25)では動きますが今後動かなくなる可能性があります。 Local Storageと何が違うのか Local Storageと違うところは以下の３点です。 Indexed DBはキー以外の項目にインデックスを張ることでキー以外の項目も検索条件にできます。 Indexed DB
LWF by GREE
Download .zip Download .tar.gz View on GitHub LWF is an animation engine which can play animation data converted from FLASH contents in HTML5, Unity, Cocos2d-x, iOS UIKit, and more. LWF is designed to make game development easy and fun. Creating rich 2D character animations and user interfaces requires lots of investment in terms of resource and time. However, LWF converts classic FLASH format int
HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS MEDIA
HTML5で2次元のインタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。どれを選択するべきか迷いどころではないでしょうか？ そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみました。 今回検証したフレームワーク メジャーなJavaScirptライブラリとして次の5種類でテストしました。バージョンは2013年4月10日現在の最新版を使っています。詳しい検証方法は記事の後半にまとめています。 CreateJS (EaselJS 0.6.0) Arctic.js (v0.1.11) enchant.js (v0.6.3-48) Pixi.js (v1.0.0) Processing.js (v1.4.1) 各種JavaScirptライブラリのベンチマーク結果 ※グラフの数値が高いほどパフォーマンスが高いこと
HTML5やCSS3を使った次世代表現を学ぶのに役立つコードサンプル
わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 - ICS MEDIA
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 2013年3月15日に開催されたCreateJS勉強会（第2回）で発表したWebサイト「日本全国花粉飛散マップ」ですが、CreateJSとTypeScriptを使って制作しました。 今回の作品のポイントとしては、次の3点があげられます。本記事では次を具体的に説明します。 HTML5で制作、デスクトップだけでなくスマートフォンやタブレットでも再生可能 CreateJSで、DOMではできないHTML5 Canvasならではの表現 TypeScriptを用いて低学習コストで効率的な制作の実現 スマートフォンやタブレットでも閲覧可能 このWebサイトは環境省が提供している資料を元に、過去9年分の花粉の飛散量をパーティクルを用いてビジュアライズしたものです。花粉の量に比例して、パーティ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wavepot
Web Fundamentals — Google Developers
ハッカソンとは？のらなきゃソン？企業が続々参入のワケ
Custom Elements: HTML に新しい要素を定義する - HTML5 Rocks
http://component.fm/
解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
HTML5フレームワークにおける表示オブジェクトのパフォーマンス検証
Chart.js
