html5に関するkachikachi2のブックマーク (8)

  • HTML[a要素]電話発信用のリンクを設定する - TAG index

    href属性の値には、tel: に続けて発信先の電話番号を指定します。(ハイフンは含めません) 次の例では、発信先として 0312345678 を指定しています。 href="tel:0312345678" 使用例 0312345678 という電話番号に発信する場合 <address> 連絡先:<a href="tel:0312345678">03-1234-5678</a> </address> 表示例 連絡先:03-1234-5678 上記の電話番号はダミーです。タップしないようお願いいたします。 PC向けのブラウザからは発信できません。

    HTML[a要素]電話発信用のリンクを設定する - TAG index
  • 【CSS3】わずか2行の CSS3 でmarqueeを再現する方法。

    先日、スマートフォン専用サイトの制作を依頼されまして、その際、marquee タグによるデザインを同時に打診されました。 しかしながら、HTML5ではmarqueeタグは非推奨。 今後は廃止予定のタグということで、別の方法を模索。 jQueryでの実装も考えましたが、CSS3を使ってより簡単にmarqueeを再現できるので、コチラを採用しました。 実際のコードは以下。 .marquee { overflow:-webkit-marquee; white-space:nowrap; } これだけでOK! とりあえず、Android 2.3以降のデフォルトブラウザ・iOS5以降Safariでは問題なく動作します。 他の端末や対応していないブラウザでの挙動が怪しいのが難点です。 細部までこだわるなら、動き方、動く範囲、動くスピード、繰り返す回数など、それぞれ任意に指定できます。 -webkit-

    【CSS3】わずか2行の CSS3 でmarqueeを再現する方法。
  • reveal.js - The HTML Presentation Framework

    Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time

    reveal.js - The HTML Presentation Framework
  • JavaScriptでローカルファイルを自在に操る - File API

    ※ただし、SafariではFileReaderオブジェクトを、Internet Explorer 10ではreadAsBinaryStringメソッドをサポートしていません。 TIPS 053:ファイルの名前/種類/サイズを取得する Fileオブジェクトを利用することで、ローカルファイルの情報にアクセスできます。 例えば以下は、<input type="file">要素で指定されたファイルの名前やサイズなどを表示するサンプルです。 [リスト01]ファイルの情報を取得するコード(fileinfo.html) <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HTML5 TIPS</title> <script> <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />

  • 『ガールフレンド(仮)の「声」実装』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。こんにちわ。 「ガールフレンド(仮)」でフロントエンドの開発をしている秋山と申します。 「ガールフレンド(仮)」とは、ユーザーが主人公となり、様々な女の子と出会っていく“声が出る♪”学園恋愛カードゲームです。各カードには、人気声優のボイスが付いていて、さまざまな演出に合わせてキャラクターの声を聞くことができます。スマホのブラウザ版カードゲーム × 声ガールフレンド(仮)の開発に入る時点で、スマホブラウザゲームで音声を出しているサービスは他にもありましたが、カードに声が付いているものは少なかったかと思います。 また、スマートフォンのブラウ

    『ガールフレンド(仮)の「声」実装』
  • [HTML5]アウトラインで迷わない! sectionと見出しについて

    webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。 皆さんもコーディングしていて「これはどう書くのがベストなんだ?」「これであってるのか?」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか?と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。 これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ?」と混乱している人の為にわかりやすく整理してみようかなーと思います。 厳密な解説はこの記事を読まずとももっと信頼できる文

    [HTML5]アウトラインで迷わない! sectionと見出しについて
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • いまさら聞けない><; 基礎から学ぶ「HTML5」超入門!

    HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTMLCSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSSJavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTMLCSSJavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から

  • 1