[B! HTML] Antennaのブックマーク

Antenna id:Antenna

HTMLに関するAntennaのブックマーク (52)

ブラウザだけでここまで！　HTML5で作られた「スーパーマリオブラザーズ」がスゴい
ブラウザゲームの可能性が一気に広がりそうです次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている「HTML5」。そんなHTML5で作られた「スーパーマリオブラザーズ」が公開され、話題となっています。従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する「Infinite Mario Bros」も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません操作は方向キーで左右移動
Antenna 2011/08/19
HTML

ゲーム
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
Antenna 2011/08/02
Adobe

HTML

ツール

アニメーション
リンク
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
Antenna 2011/06/27
HTML

開発
リンク
「誰でもゲーム作りを」ゲームエンジンのGameSalad、HTML5に対応 / GameBusiness.jp
利用者が増えているゲームエンジンの「GameSalad」はHTML5での出力に対応したと発表しました。「GameSalad」はゲームエンジンというよりはゲーム開発ツールと呼んだ方がしっくりくる、「誰もがゲームを作れる」ことを目指したツール。プログラムスキルが無くてもコードを書かずに、ドラッグ＆ドロップを中心とした操作で素材を追加して、動きのパラメーターを設定していくだけで簡単にiOS向けゲームを開発する事が出来ます。今回新たにHTML5としてもゲームを出力できるようになりました。開発したゲームはウェブサイトに埋め込んでプレイしてもらうことが可能。プラグインを必要としないWebGLを採用していることから、開発されたゲームを遊ぶプレイヤーにとっても嬉しいものとなります。GameSaladの公式サイトでは実際に制作された事例が紹介されています。『Zombie Drop』や『The Secre
Antenna 2011/06/27
HTML

ゲーム
リンク
HTML5の可能性を体験できる、すごいサイトのまとめ
HTML5を実際にうまく取り入れてるサイト、HTML5の実験的なコンテンツを紹介します。 Antoine Wette GO-UP [ad#ad-2] Cultural Solutions Media
Antenna 2011/06/20
Webサイト

HTML

まとめ

コリス
リンク
[JS]Flashでもない、HTML5でもない、タイムラインベースの複雑なアニメーションを作成できるスクリプト -Mashi | コリス
ぱっと見た瞬間「Flashだな」と思ってしまったくらいの、Flashで実装したような複雑なアニメーションやムービーを作成できるスクリプトを紹介します。使用するのはHTML, CSS, JavaScriptで、こういったものにありがちなHTML5, Canvas, CSS3には頼っていません。jQueryなど他のスクリプトにも依存していません。 ※CSS3のエフェクトなどオプションとして利用が可能です。 Mashiの主な特徴スタンダードなHTML, CSS, JavaScriptでFlashのようなムービー、アニメーションを作成できます。(X)HTMLコンテンツに設置が簡単にできます。 41KB/13KB(CDN+GZip)と非常に軽量で、オブジェクト指向、モジュール式です。基本的な利用では、追加のプラグインは必要ありません。 IE6をはじめ、すべての主要なブラウザをサポートしています
Antenna 2011/06/13
Javascript

HTML

CSS

アニメーション

コリス
リンク
少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする - かちびと.net
列全体がクリック可能で、Wikipediaに飛びます。セル内にアンカータグが含まれている場合はそちらが優先されます。Webサービスの料金プランなんかに使えそうでは。 jQuery( function($) { $('tbody tr[data-href]').addClass('clickable').click( function() { window.location = $(this).attr('data-href'); }).find('a').hover( function() { $(this).parents('tr').unbind('click'); }, function() { $(this).parents('tr').click( function() { window.location = $(this).attr('data-href'); }); });
Antenna 2011/06/10
jQuery

HTML
リンク
2130703450443574201?keyword=HTML5
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Antenna 2011/06/06
HTML

テクニック

まとめ
リンク
Multiuser Drawing Pad Built with Pure JavaScript/HTML5/Canvas • The Union Platform, By USER1
This example shows how to create a simple multiuser drawing pad (aka shared whiteboard, multiuser sketchpad, or collaborative painting tool) using pure JavaScript and HTML5's <canvas> tag. The drawing pad updates in realtime when any connected user draws a line. Here's UnionDraw. Have a scribble! [View source] To manage communication between users, the JavaScript code uses OrbiterMicro, which conn
Antenna 2011/06/02
Javascript

HTML

お絵描き
リンク
HTML と CSS のみでタブを作るサンプル
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 ul.tab { margin: 0; padding: 0; border-bottom: 2px #ddd solid; } ul.tab li { float: left; margin: 0 0 0 5px; position: relative; bottom: -2px; list-style-type: none; border: 1px #ddd solid; border-top: none; border-bottom: 2px #ddd solid; } ul.tab
Antenna 2011/05/24
Web制作

HTML

CSS
リンク
iPhoneでも表示可能 HTML5のスライドショーをFlickrやPicasa、Facebookのアルバムから作れる「SlideMyPics」 - WEBマーケティングブログ
自分が撮りためた画像を、画像共有サイトに投稿し、さらに自分のサイトでも共有するという機会が増えていますよね。しかし、多くのスライドショーはFlashで作られていることから、iPhoneなどではスライドショーが表示されません。そこで今回は、iPhoneでも表示可能なHTML5のスライドショーを、画像共有サイトの画像で作れるサービスをご紹介します。組織のマインドマップツールをマインドマイスターにすべき理由伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! HTML5のスライドショーを画像共有サービスのアルバムから作れる「SlideMyPics」「SlideMyPics」は、HTML5のスライドショーを、FlickrやPicasa、Facebookなどのアルバムから作成できるサービス。 FlashではなくHTML5なので、iPhoneなどの端末を気にするこ
Antenna 2011/05/23
iPhone

HTML

スライドショー
リンク
WWW.AKIRAFUKUOKA.COM BLOG | 今VJするならブラウザででしょ！ HTML5でVJアプリ「Fi-VJ」を制作しました
HTML5ならのVJアプリだって作れるはず！で、作りました Fi-VJ ver1.02 デモページはこちらファイルダウンロードはこちら (ver1.02) DLしたら@akirafukuokaに声をかけていただけると嬉しいです!! Fi-VJ(ファイブイジェイ)というVJアプリを極々個人的に制作しました。MacのネイティブアプリでもなければiPhone/iPadアプリでもありません。ブラウザで動くHTML5-VJアプリです。確認済み動作環境はMac版Safari 5.0.5だけです。他のブラウザでは確認してません（デモページはSafariとChromeで動くようですが）。というかローカル実行ではSafari以外ではまず動きません。これに関する解説は後ほど。ここ数年ビデオミキサーにiPhoneやiPodを繋いでプレイしていた私ですが、そろそろPCを使ったVJに戻ろうかと思ったのがちょうど
Antenna 2011/05/18
音楽

アプリ

HTML
リンク
iPhone/Macブロガー専用htmlジェネレータAppStoreHelperテスト版
免責 AppStoreHelperは無保証です。自己責任でお使いください。ネイティブ版ダウンロード（人柱版）ダウンロード Ver.0.65alpha(人柱版): AppStoreHelper-0.65alpha ダウンロード Ver.0.64alpha(人柱版): AppStoreHelper-0.64alpha ダウンロード Ver.0.63alpha(人柱版): AppStoreHelper-0.63alpha ダウンロード Ver.0.62alpha(人柱版): AppStoreHelper-0.62alpha ダウンロード Ver.0.61alpha(人柱版): AppStoreHelper-0.61alpha.zip ダウンロード Ver.0.6alpha(超人柱版): AppStoreHelper-0.6alpha.zip 動作確認環境 Mac OS X 10.7.5 履
Antenna 2011/05/16
HTML

ジェネレータ
リンク
http://html5snippets.com/
Antenna 2011/05/06
HTML

Web制作
リンク
javascriptを使わず、html + cssだけでクリックシューティングゲームを作ってみた - 最高のコンピューティング環境とは？
CSSで描かれたぐぬぬ画像などを見てたら、ふとhtml + CSSだけでアクションゲームが作れないかと思ったので作ってみました。ページ移動すればいくらでも可能ですが、それだとつまらないので、1ページ内で作るという縛りもつけてます。デモページ http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm Chrome / Safariの最新版で動きます。Firefox / IEだと動きません。ソースコード https://github.com/ndruger/css-game 技術的な説明アニメーションはCSS Animationを使うだけなので簡単ですが、問題は状態管理です。アクションゲームを作るには、基本的に下記の要素が必要です。 1. ユーザー入力に対する状態の変更 2. 状態の保持 3. 状態に応じて見た目
Antenna 2011/05/06
HTML

CSS

ゲーム
リンク
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめにこんにちは。R＆D統括本部制作本部ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。なので、今回はちまたで大人気のHTML5について書きます。若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのかなどについて書いていきます。なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからないなど疑問に思っている方はぜひ見ていた
Antenna 2011/04/07
HTML

まとめ
リンク
http://designaholic.cc/2011/03/html535web.html
Antenna 2011/03/03
Webサイト

Webデザイン

HTML

まとめ
リンク
[JS]HTML5 Canvasを使って、画像にさまざまなエフェクトを与えるスクリプト -CamanJS
デモページこれらのエフェクトの種類は数多く用意されていますが、独自のプラグインを作成して使用することも可能です。詳しくは、ドキュメントを参照ください。 CamanJS Document Creating a Plugin [ad#ad-2] CamanJSの実装「caman.full.min.js」を外部ファイルとして記述し、下記のようにスクリプトを記述します。 <script type="text/javascript"> Caman("images/example-image.jpg", "#example-canvas", function () { this .saturation(20) .gamma(1.4) .vintage() .contrast(5) .exposure(15) .vignette(300, 60) .render(); }); </script>
Antenna 2011/02/28
Javascript

HTML

画像

コリス
リンク
HTML5の勉強に役立つチートシートやリファレンスのまとめ
HTML5の要素や属性、美しいコードの書き方、各ブラウザの対応状況などをまとめたチートシートやリファレンスを紹介します。 HTML 5 Visual Cheat Sheet（配布終了） HTML5のタグリファレンス、以前紹介した時から背景が白に変わり、目に優しくなりました。
Antenna 2011/02/17
Web制作

HTML

まとめ

コリス
リンク
わずか数秒で自分用のHTML5のテンプレート一式を作成するオンラインサービス -Initializr
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。 Initializr - Start your HTML5 project in 15 seconds! [ad#ad-2] InitializrでHTML5のテンプレート一式を作成する方法 HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。トップページにアクセスし、4つの選択項目から自分の必要なものをチェックし、最後に「Download」をクリックするだけです。 Initializr - Start your HTML5 project in 15 seconds! 選択項目のキャプチャ [ad#ad-2] Initializrで作成されるHTML5のテンプレート
Antenna 2011/02/14
Webサービス

HTML

コリス
リンク
1 2 3 次のページ