[JS]かなりかっこいいアニメーションを使ったスライドショーを実装するチュートリアル
スライドを単に次々と見せるだけでなく、切り替わる時に3Dのダイナミックでかっこいいエフェクトを与えたスライドショーを実装するチュートリアルを紹介します。 Slideshow with jmpress.js [ad#ad-2] デモ 実装 デモ まずは、そのダイナミックな3Dのアニメーションをご覧ください。 スライドは5枚あり、それぞれアニメーションが異なります。 デモページ：別レイアウト 実装 実装に使用しているスクリプトは先日当サイトで紹介した「jmpress.js」です。 紹介記事はこちら。 広大なカンバスを使って次々にコンテンツをスライドさせるスクリプト -jmpress.js HTML jmpress.jsのイメージは一枚の広大なカンバスにパネルを設置し、それをアニメーションでスライドする感じです。 実装は一枚の広大なカンバスとなるルート（section要素）に、各パネル（div要
impress.jsでド派手なスライドをつくろうぜ！
“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ
『2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来』に参加してきた #html5semi - Diary of absj31
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真：神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト１F大会議室＠神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった！(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
世界のJavaScriptを読もう @ 2012
調べる方法を知る JavaScriptは調べるとやり方が見つかることが多い 古いものと最近のものがまざってる ごく最近〜未来のものは見つけにくい 以下の総集編的な内容 海外のJavaScript情報を見つけよう 世界のJavaScript情報を読もう 今からRSS購読すべきタグと検索結果 ブラウザの最新情報を知るために、Web開発者が読んでおくべきブログ Webの動きはとても早いので、調べ方を知る
スマートフォンアプリ開発のクロスプラットフォーム戦略
2011-08-04 カヤック「スマートフォンアプリエンジニア ライトニングトーク交流会」 Lightning Talk 「スマートフォンアプリ開発のクロスプラットフォーム戦略」 by kwappa
HTML/CSS/JS製の小さなスライドツール『kyubey』をつくったよ - ✘╹◡╹✘
説明 タイトルはほとんど釣りです。奇跡も魔法もありません。最近よく勉強会をしているという話を前回のエントリで少ししましたが、プレゼンするのにいちいちKeynoteやPowerPointを開いていては骨が折れるし、参加出来なかったメンバーが後からWeb上でスライドを見たいということもあるので、自分でHTMLで手早くスライドを作るためにツールを作りました。jQueryやその他ライブラリが頑張って働いてくれたのでJS部分は実質100行弱のコード量でした。*1 kyubeyはjQueryを利用して作った小さなスライドツールです。作ったばかりなので機能はほとんどありませんが、小さいが故にコードの理解や拡張がしやすいかと思います。Githubに公開しているので良ければお使いください。ちなみに下記サンプルとソースコードを見て頂ければ大体理解出来るかと思います。機能要望があれば今後拡張していくつもりです。
オンラインでHTMLプレゼンを作成、公開する·Swinger MOONGIFT
SwingerはWeb上でプレゼンテーションを作成、公開するサービス/ソフトウェア。 [/s2If] SwingerはJavaScript/Couchapp製のオープンソース・ソフトウェア。数年前にドキュメント共有サイトが流行った。ScribdやSlideshareといったサービスが立ち上がり、Webベースでプレゼンテーションなどが閲覧でき、人気を集めた。 だが今ではオフィスファイルを変換する必要はなくなってきている。HTMLベースのプレゼンテーションが増えており、プレゼンテーションが終わったらそのまま公開なんて当たり前になっている。それをサービス化したのがSwingerだ。 SwingerはWebベースのプレゼンテーション作成、公開ソフトウェアだ。プレゼンテーション作成ソフトウェアほどではないものの、Web上でテキストを入力してその場でプレゼンテーションを作成できる。画像やリンクの埋め込
MOONGIFT: » チェック必須！Web上で動作するプレゼンテーションソフトウェア「Slimey」:オープンソースを毎日紹介
先日のConcrete5に続き、これまたどきどきしてしまうようなソフトウェア。こんなものがオープンソースで出るようになると、独自開発する意味はどんどんなくなっていきそうだ。 こ、こんなものがオープンソースだなんて… 280 Slidesと言うサービスがある。280 North, Inc.が開発しているAppleのプレゼンテーション作成ソフトウェアであるKeynote風のWebアプリケーションなのだが、その出来に衝撃を受けた覚えがある。同様にGoogleドキュメントのプレゼンテーションも良くできている。それをオープンソースで実現してしまうのがSlimeyだ。 SlimeyはGPLの下に公開されているオープンソース・ソフトウェアで、プレゼンテーションを作成するアプリケーションだ。 実現できることはまさにGoogleドキュメントのプレゼンテーションやKeynoteと同様のプレゼンテーション作成だ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptエンジニア向け！スマートフォンで動くブラウザゲームの作り方
IDEA * IDEA