MonacaMonacaはクラウド技術を活用した、日本発・次世代のアプリ開発プラットフォームです。多様なアプリ開発に対応するクラウドサービスを中心に、アジャイル開発を促進するDevOps、コンサルティングやテクニカルサポート。日々の課題を解決するために用意されたツールやサービスを通じて、あなたのプロジェクトの成功を支えます。 さらに詳しく
Learn HTML5, CSS3, Javascript - video style tutorials
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
CodePen - Front End Developer Playground & Code Editor in the Browser
123 CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View. CodePen is a social development environment for front-end designers and developers. 👋 It’s the best place to build and deploy a website, show
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
Video.js | Open Source Video Player
Assemble your playerFeel at home with your framework, skin, and media source 'use client'; import { createPlayer } from '@videojs/react'; import { VideoSkin, Video, videoFeatures } from '@videojs/react/video'; import '@videojs/react/video/skin.css'; const Player = createPlayer({ features: videoFeatures }); export function VideoPlayer() { return ( <Player.Provider> <VideoSkin poster="https://image.
ちょっくらKAYACにフロントエンジのお話聞きに行ってきた。 - hiromitsuuuuu.log();
今日はKAYACの恵比寿支社に『第1回 クライアントワークチーム勉強会 「フロントエンジニア主導のwebキャンペーン」』というのを聞きにちょっくら恵比寿まで行ってきました。女の人は片手で数えるくらいしか来てなかった。フロントエンジニアはやっぱり男の人が多いのかしら。 会場はKAYACの入っているビルのB1、「ART-Meter」の事務所兼倉庫な場所。クライアントワークということで、フロントエンジニアの事例が主。性質上、事例なんかは書けませんが、やはりiPadで見たいというクライアントからの要望があるようで、元々FLashだったのもをHTML5で作ってくださいという仕事が多いような気がしました。今日聞いた話で個人的に気になった言葉なんかをピックアップ。だらだら書いたメモは後日Fbにでも。 まずは比留間さんのセッション「これからのMEのあり方。JS活用入門」より。 ●これからのMEはどうあるべ
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考：video, audioのサポート状況 video, audio
gF - Gak Sato
現役の音楽家で、かつファッション・ショーの評論(特に、ショー音楽)をやっており、東京に関しては2003年SS以来ほとんど総てのショーを観ている。という立場から私感を申し上げますが、Gak Sato氏の、特にジュリアーノ・フジワラに提供しているショー・ミュージックの水準は、それ単体としても、服とのマリアージュとしても明らかに傑出しており、それは東京水準ではなく、4都総てを見渡しても、ランバンに於けるアリエル・ウィズマン、プラダに於けるフレデリック・サンチェス以外に肩を並べる物件は見当たりません。特に重要な事は打率で、所謂外れ年がなく、一定以上の水準をキープしている。という力量は素晴らしく、今回のように作品がアイテムとして独立させる意義を持つ、数少ない音楽家だと言えるでしょう。 ― 菊地成孔（音楽家 / ファッション・ショー評論） 実験音楽的感覚を内包したサウンド・トラックでありながら、一方で
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
AfterEffects(Mocha)とWEBサイト(HTML5)の連携
レコメガール 簡単に説明すると、ブラウザ上で動画の中に画像が合成されるWEBサイトです。 映像製作とは違い、ちょっと特殊な使い方だと思いますが、インタラクティブなサイトを作る際の考え方としてお役に立てれば幸いです。 概要 自動でWEB上の可変的な動画広告（デジタルサイネージ）のようなものを作成できないかと考え、動画のなかで商品やお店などがお勧めされるサイトを作りました。動画の中の女の子が、お勧めものものを紹介してくれます。 それぞれの項目で、場所や興味がある言葉などを入力することで、APIで引っ張ってきた画像や文字が動画に合成され再生されます。アニメーションから動画合成まで、HTML5、CSS3で作成しております。 ここではAfterEffects(Mocha)を使った動画と画像が合成される部分の作り方を、解説いたします。 素材準備 まずは、使用する動画を用意します。 カメラは Panas
JavaScript Guides - Touch Support | DHTMLX Suite 9 Docs
Since version 7.0 and upper, the dhtmlxSuite library provides the built-in Touch support that should work out of the box. As a result, the interaction with the DHTMLX-based apps on touch devices becomes more comfy and predictable. While interacting with applications by touching the screen, a tap becomes the same thing as a mouse click. Thus, the click events (fire on clicking, double clicking an i
熊本のホームページ制作・Web制作｜株式会社フルスケール
「なぜWebサイトが必要なのか？」「なぜそのデザインなのか？」「本当の課題は何なのか？」 フルスケールは「そもそも」を問い、最適な解となる広義の「デザイン」を提供することで、 ビジネス課題を解決へ導きます。
iPad上でHTML5 Widgetを走らせて遊ぼう
昨日の「HTML5: W3C Widget とその応用を考える会」は参加者も多く、私自身とても良い勉強になったが、そこでも予告した通り、iPad発売を記念してWidgetのサンプルをいくつか用意したので、ぜひともお試しいただきたい。 手順は以下の通り。 ステップ１. iPadにCloudReadersをインストールする（iTunes ストアへのリンク） ステップ２. 以下のWidgetをダウンロードする Download 3dClock.wgt (2.5K) ー CSS3を使った３D時計 Download TimeTrial25.wgt (7.8K) ー タイムトライアルゲーム Download JSCalc.wgt (3.4K) ー 電卓 Download QuadraBench.wgt (2.5K) ー Canvas のベンチマークプログラム ステップ３. iPadをPC/Macに繋げ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
おしい！広島県
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
Kaleidoscope
TEDxPortland | Home
forked from: 水滴か光っぽいもの落下 - jsdo.it - Share JavaScript, HTML5 and CSS
html5shiv - Project Hosting on Google Code
