impress.jsでド派手なスライドをつくろうぜ！
“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ
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
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ » SHINGOLOG
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
JavaScriptでMP3を再生するライブラリの作り方
はじめに JavaScriptでMP3を再生するライブラリ「playmp3.js」の作り方を解説します。MP3の再生にはFlashの機能を利用し、JavaScriptからFlashの関数を呼び出すなど、JavaScriptとFlashの連携方法も併せて紹介します。 Flashファイルの作成には、フリーのFlashコンパイラMTASCを利用しますので、Flashを持ってない人でも応用ライブラリを作成できるでしょう。Flashと連携することでJavaScriptの可能性が広がります。 以下のサイトで、MP3再生のサンプルを試せます。 JavaScriptでMP3再生するサンプル 対象読者 JavaScriptで効果音やBGMを鳴らしてみたい人 JavaScriptとFlashを組み合わせて面白いことをやってみたい人 必要な環境 FirefoxまたはIE 6以降 フリーのFlashコンパイラ M
音を鳴らす
音を鳴らすにはSound.play()を使います。パラメータにはMP3形式のサウンドファイル名を指定します。 サンプルコード [実行] <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <link rel="stylesheet" href="main.css" type="text/css" media="all"> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="scriptaculous.js"></script> <script type="text/javascript"><!-- f
The Joy of HTML5 Audio: Tips & Tricks for Easy Sound Embedding
Home / Blog / Web Development / JavaScript / The Joy of HTML5 Audio: Tips & Tricks for Easy Sound Embedding Up to now, playing audio in a web browser has been a bit of a black art. Traditionally there are several ways to embed a sound in a web page — some work better than others, and many only work if you happen to be using the right browser with the right plugin. The ubiquity of the Flash plugin
インボルバー、「Social Markup Language」を開発 | インターネット広告のひみつ - ブログ | Web担当者Forum
このページは、外部サイト インターネット広告のひみつ - ブログ の情報をRSSフィード経由で取得して表示しているため、記事の一部分しか表示されていなかったり、画像などが正しく表示されなかったり、オリジナル記事が意図したデザインと異なっていたりする場合があります。 完全な状態のオリジナル記事は 「インボルバー、「Social Markup Language」を開発」 からご覧ください。 インボルバーが、フェイスブックをはじめとするソーシャルプラットフォーム向けのアプリケーションを簡単に開発するためのマークアップ言語「Social Markup Language (SML)」を公開。HTML、CSS、JavaScript の知識さえあれば、高度なプログラミングの知識がなくても、投稿や投票といったコンポーネントを組み込んだソーシャルアプリケーションを作成できるという。 ------------
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
mixi,EVERNOTE,GREEボタン設置サンプル - jsdo.it - Share JavaScript, HTML5 and CSS
■補足 mixiのデベロッパー登録をしてみましたが 問題があるようであればキーの記述は消します。 まんまコピペしないでね！ ■やってないこと・バグ？ ・GREEの確認してない ・mixiで設定した画像が画像候補として出ないjsdo.itの仕様上<head>が2個ある状態なのが問題か ■参考 mixiチェック http://developer.mixi.co.jp/connect/mixi_plugin/mixi_check/spec_mixi_check EVERNOTE SiteMemory http://www.evernote.com/about/developer/sitememory/developer.php GREE Social Feedback http://developer.gree.co.jp/connect/plugins/sf <html xmlns:og="h
label要素で囲む書き方をIE6でも有効にするJavaScript | スマートネットワーク 開発ブログ
ラジオボタンとかチェックボックスって的が小さいのでクリックしにくいものです。label要素を使って対応するラベルを指定してあげるとクリックしやすくなります。 <input type="checkbox" id="green"/> <label for="green">緑茶</label> <input type="checkbox" id="roast"/> <label for="roast">ほうじ茶</label> <input type="checkbox" id="oolong"/> <label for="oolong">烏龍茶</label> label要素を使うとクリックしやすくなるので、ラジオボタンとかチェックボックスが出てくるときは指定するようにしてるのですが、最近になって以下のような書き方もできるということを知りました。 <label><input type="c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
javascriptで作った、フルフラッシュのようなサイト教えてください。
9leap : トップページ - どこでも遊べる、投稿型ゲームサイト
JavaScript + D_HTML について
IT news, careers, business technology, reviews