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に戻ろうかと思ったのがちょうど
WATERMAN「みんなの手のはなし」プロジェクト
「みんなの手のはなし」プロジェクト Presented by WATERMANー新宿高島屋にて2011年5月18日から5月24日まで開催。1日1つのテーマでつむぐことばのリレー。言葉と言葉、心と心をつなぐアートプロジェクト。7日間を通してひとつの大きな1883年、ルイス・エドソン・ウォーターマンが世界で初めて毛細管現象を応用したインク機構を創り出したことにより、万年筆の歴史が始まりました。それ以来、ウォーターマンは、フレンチエレガンスを感じさせる洗練されたデザインと美しいカラーリングをペンの世界に取り入れ、「ライティング・ジュエリー」と称される高級筆記具ブランドに成長を遂げました。 “WATERMAN IS A CREATOR”をブランドコンセプトに掲げ、培ったノウハウと脈々と続く革新的なスピリットを背景に、自分らしさを表現するための筆記具の開発に力を注いでいます。近年は、デザイナーやイ
入力するのが楽しくなる、アニメーション機能を伴ったフォームを作成するチュートリアル | コリス
jQueryとCSS3を使って、複数のステップをアニメーションで次々に表示するフォームを実装するチュートリアルを紹介します。 How to Create A Multi-Step Signup Form With CSS3 and jQuery デモページ フォームの下部にある「プログレスバー」の存在もユーザビリティ的に見逃せない存在です。 [ad#ad-2] フォームのデモ フォームは全部で4つのステップで構成されており、さまざまなスパイスが含まれています。 2枚目のフォーム フォームの進捗状況は、下部のプログレスバーに表示されます。 ※個人的には%でなく、2/4が分かりやすいと思います。 フォームの実装 HTML：基本構造 フォームの基本構造は、4つのステップをそれぞれdiv要素に格納します。 <div id="container"> <form action="#" method="
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ:phpspot開発日誌
JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ 2009年08月18日- JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ。 ここ最近で巡回したもので便利そうなチュートリアルを以下にまとめてみました。 沢山あるので使えそうなものだけ覚えておくとよいかもしれません。 Quick Tip ・Resizing Images Based On Browser Window Size ブラウザサイズによって画像のサイズを変えるjQueryチュートリアル Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial - CSS Tutorial - jQuery Tutorial 水平サブナビゲーション実現のためのjqueryチュートリアル Making
チェックが入るとチェックボックスとラベル(文字)の背景色が変わります。
サンプルソース <HTML> <HEAD> <TITLE>チェックが入るとチェックボックスとラベル(文字)の背景色が変わります</TITLE> <STYLE type="text/css"> <!-- a,label{cursor:pointer;} label:hover { color : red; } .Mychk1{ width:140px; margin:5px 2px 2px 0px; font:12px; } --> </STYLE> <SCRIPT language=JavaScript> <!-- function chebg(chkID){ Myid=document.getElementById(chkID); if(Myid.checked == true){ Myid.parentNode.style.backgroundColor = '#C6E5FF'; }
折りたたみJS
HTMLソース側を極力汚さない折りたたみJavaScript Published on 2006-10-05 本ページで示すのは、良くあるJavaScriptによる折りたたみをJavaScriptとDOMとCSSで実現する手順である。jQueryなどの外部ライブラリを必要とせず、このスクリプト単独で動作する。 折りたたみというのは、ある要素をクリックすると隠れていた部分が見え、もう一度クリックするとまた隠れるというヤツである。 demo 例えばこんな感じ HTMLソース側はclassを付与するだけにとどめ、クリーンでStrictなHTMLコーディングを保ったまま実現できるよう配慮している。また、JavaScriptを切った環境では、要素は折り畳まれず、中身も読むことができるようになっている他、キーボードで操作している場合の対処もしているので、それなりにアクセシビリティも確保してあると言える
横並びのリストを中央寄せにする5つの方法 - CSSテクニック - acky.info
HTMLコード <ul class="float"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="inline-block"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="table-cell"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="flex"> <li>1</li> <li>2</li> <li>3</li> </ul> CSSコード ul { list-style-type: none; padding-left: 0; } li { background: #CCC; width: 50px;
ヤクルト保育所 | 明日も来たいと思えるところ！
ヤクルト保育所は「明日も来たいと思えるところ」をテーマに、お子様の一人一人の発育や発達を考慮しながら、人間し豊かな資質の育成、自由にのびのびした集団生活の確立、戸外遊びを主体とした健康的な基礎体力の向上を目標とし保育内容を充実させております。
Baird Beer Online Store
You need to upgrade your Flash Player This is replaced by the Flash content. Place your alternate content here and users without the Flash plugin or with Javascript turned off will see this. Content here allows you to leave out noscript tags. Include a link to bypass the detection if you wish. 営業日のご案内 緑色の日は、お問い合わせの対応がお休みとなります。 黄色の日は出荷業務の日程です。 配送日指定の場合この日程に近い日付で出荷配送いたします。予めご了承ください。
アジア家具 ヨタカ | YOTHAKA Official Japanese Site | アジアン家具 タイ家具
木製アームレストのついた美しいフォルムが特徴の「ELLE DINING CHAIR」、入荷いたしました。高級感のある美しいフォルムとヒヤシンスならではのナチュラルな質感が見事に融合したこのダイニングチェアの完成度の高さは、タイはもとより世界中のカフェやダイニングでの採用実績の多さでも既に証明されているものです。今回はテスト入荷のため写真のブラウンヒヤシンス×ブルーヘンプのモデルのみとなりますが、今秋入荷分での予約販売におきましてはご要望に合わせたシートをお選びいただけます。ぜひ、お問い合わせください。
ソラノネ
滋賀県高島市にあるソラノネです 生のものを、火にかけて調理し、食べる。 ヒトの文化は、火を使って料理をはじめたことに始まります。 New Topics 2024年03月07日 2024年 ３月16日（土）オープン致します。 2024年は３月16日土曜日より営業を再開致します。今年も皆様と大地ソラノネでお... 2024年01月09日 新年明けましておめでとうございます2024 新年明けましておめでとうございます。昨年も多くのお客様にご来店頂き感謝申し上げま... 2023年12月17日 2023年営業終了のお知らせ いつもソラノネ食堂をご利用いただき、誠にありがとうございます。2023年の営業は... 2023年11月27日 12月の営業日 いつもソラノネ食堂をご利用頂き、誠にありがとうございます。12月の営業日は以下の... 2023年11月22日 明日は営業予定です 明日、23日木曜日
ヤコブ博士が考える４つの悪いWebデザイン : could
10年以上経った今でもユーザービリティに関する興味深い記事を Web上に掲載しているヤコブ博士。今回は「Four Bad Web Design」というシンプルなタイトルで悪い例を４つ挙げています。Web designers don’t do what I told them to do 13 years ago (13年前に言ったことを未だに出来やしない) と少々強めのトーンで始まるこの記事。もちろん、人ごとだと思って笑えない深刻な問題でもあります。以下にヤコブ博士が見つけた４つの悪い例を挙げつつ僕の見解を書いていきます。 悪いコンテンツ デザインと関係ないと思ったら大間違い。デザインは文章から始まるといっても良いです。 魅力的な見た目であろうが、正しくマークアップしてようが、文章がおかしかったらすべて台無しになります。ヤコブ博士が出している例では必要な情報がないときがあると訴えていますが
聖進学院 – 悩む生徒を支えるサポート校
今学校に通えていなくても大丈夫ですか？ 個別コースでは、自分で登校する曜日や日数を決めたり、登下校の時間を決められます。まずは自分が始められそうなところから始められますので登校に不安を感じる必要はありません。 授業についていけるか不安です。授業は難しいですか？ 小・中学校の復習から受験勉強まで、一人ひとりの学び方の特徴に配慮し、 だれもが参加しやすい授業を行います。 友達はできますか？ 先生が友達作りの橋渡しをしてくれたり、HR や課外活動の時間を通してコミュニケーションの練習をします。ロールプレイング、友人間でのテーマを決めた話し合いなどを通して、少しずつコミュニケーションが取れるようになっていきます。 集団の中に入るのが苦手でも学校生活が送れますか？ 普通コースに入りたいけど、最初は集団が苦手という生徒には個別コースから始めることを勧めています。個別コースには少人数で集団授業を受ける
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://nini-design.com/nieks/2009/02/ie6.php
<BASE>－HTMLタグリファレンス
http://www.westjr.co.jp/fumikiri-cp/
GEISAI OFFICIAL WEBSITE > ホーム
bobo.jp
イチロー オフィシャルサイト 51CHANNEL