HTML5で出来たこのサイトがbいいね！って事で、 最近見たものからきょうBuzzってるHTML5のサイトを幾つかご紹介します。 20 Things I Learned About Browsers and the Web 北極のホッキョクグマ | Ring Ring Wonder Christmas kaleidoscope A WORLD OF TWEETS simo 良く出来てるHTML5増えてますね。 カッコbいいね！ o(●´ω｀●)oわくわくしたw その他今日気になった記事＆サービス!! Googleおみせメモ http://www.google.co.jp/hotpot# スティーブ・ウォズニアック：Appleは某日本企業と共同で2004年に携帯を出す寸前だった http://goo.gl/0uo2t Top Trends of 2010: HTML5 http://goo.

パンくずは何要素で実装していますか？　ul要素？　ol要素？　p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul

階層を区切る三角のデザインが特徴的なApple風のパンくずを同一の色相でカラーリングしたものを実装するチュートリアルを紹介します。 三角の箇所は画像を使用しないで、CSSで実装されています。 Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンくずはリスト要素で実装します。 シンプルでクリーンに実装するために、各アイテムにはclassを使用しません。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">現在位置</a></

ヘッドフォン出力2系統装備、充電式バッテリー内蔵のポータブルヘッドフォンアンプ M-AUDIO Bass Traveler » ハードウェア(オーディオ) M-AUDIO が2系統のヘッドフォン出力を装備した充電式バッテリー内蔵のポータブルヘッドフォンアンプ Bass Traveler を2016年7月23日に発売予定、市場価格は3,500円前後(税込)。 Bass Traveler は、4極対応のステレオミニジャックのヘッドホン端子を2系統装備したコンパクトなポータブルヘッドホンアンプで、充電式リチウムイオンバッテリーを搭載していてフル充電で約8時間の動作が可能です。 その他、ボリューム調整つまみと2段階の切り替えが可能な低音ブーストスイッチを装備しています。 4極ステレオミニジャックヘッドホン出力端子×2 4極ステレオミニジャック入力端子×1 約8時間動作可能なリチウムポリマーバッテリ

Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] 下記は各ポイントを意訳したものです。 PHPはWordPressでのものとなっています。 1. 複数の項目がある棒グラフのエフェクト 2. ホバー時に追加情報を表示 3. カテゴリごとに異なるカラーを適用 4. ちょっと面白い画像のキャプション 5. ウェブのための印刷風デザイン おわりに -developersではなく、designers 1. 複数の項目がある棒グラフのエフェクト 下記のサイトで使用している棒グラフでは、上：タグの種類と数、下：コメントのついた記事と数、をそれぞれ素晴らしいエフェクトで実装しています。 こういった数値化されたデータは、ユーザーに対して有用なコンテンツの手がかりを提供し、ユーザビリティを改善することに

[ 一般 ] iwmrwiki tipsを残しておくための個人wiki 編集 履歴 添付 設定 新規ページ作成 メニュー カテゴリー 最近更新したページ 2005-12-12 携帯電話の位置情報 2005-11-13 CSSメモ 2005-09-02 ブックマークメモ 2005-07-27 携帯電話用ムービーのHTML 携帯電話用HTML参考ページ 携帯電話向けFlash FrontPage CSS参考ページ MenuBar1 MenuBar2 携帯電話用ムービーのHTML ドコモ用（iモーション、着モーション） ダウンロード <a href="（ムービーのファイル）"> 例： <a href="hoehoge.3gp"> <object declare id="（ムービーのID）" data="（ムービーのファイル）" type="video/3gpp"> <PARAM name="co

中川です。 今回は携帯用マルチメディアコンテンツの著作権保護について調べました。 著作権保護に関して 対象ファイルの転送禁止や再生回数制限などについて、キャリアごとの設定方法を調べました。 auの場合 EZムービー(3GPP2形式)の場合 ファイルにコンテンツ保護情報を埋め込むことができます。 以下の設定が可能です。 ・端末上でのみ再生できるようにする ・再生回数を制限する ・有効期限を設定する(何日後、もしくは何年何月何日まで) QuickTimeProでエクスポートする際に、上記の設定項目があるので それらに従うだけで簡単に作ることが出来ます。 DoCoMoの場合 MP4対応iモーションの場合、 ファイルにコンテンツ保護情報を埋め込むことができます。 以下の設定が可能です。 ・端末上でのみ再生できるようにする これもQuickTimeProでエクスポートするとき

Docomo, AU, Softbankの動画再生に関しての調査メモ。 Docomo Docomo端末での再生回数制限や保存不可などの設定方法などを記述 また、Docomo端末ではストリーミング再生も可能なのだけど、公式サイトにはそのことに関しては表記されていない。 ダウンロードの場合は、初期型900は300KBまで後継機901シリーズなどは500KBが限度となっています。 それ以上の大きいサイズの動画となるとストリーミング再生を選択したほうがよいかもしれません。 ストリーミングの場合は2Mまで再生可能になります。最新機種(MobileMP4バージョン7以降?)の場合は10Mまで可能になります。 ■　本家ドキュメント ( NTT Docomo MP4対応iモーション ) http://www.nttdocomo.co.jp/service/imode/make/content/imotio

HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか