タグ

htmlに関するattsumiのブックマーク (10)

  • 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
  • カメラのキタムラと共同で年賀状などのポストカードを Web 上で作れるサービスを HTML5 で開発しました

    こんにちは!デザイン担当の福島です。 11月もそろそろ終わり、今年もあと1ヶ月となりました。早いですね! そろそろ年賀状の準備に取りかからないといけない時期にぴったりなサービスをカメラのキタムラ様と共同で開発しました。 年賀状まだ何もしてない!という方は方は早割もあるので、ぜひ! 『カメラのキタムラ』のサービスを HTML5 最適化 『カメラのキタムラ』 Web サイト内の年賀状や結婚報告、誕生報告、転居報告などのポストカードを作成するサービス、『オリジナルポストカード』『デザイナーズポストカード』を HTML5 で再構築しました。 また HTML5 化にともないタブレット・スマートフォン等に向けて UI も最適化しました。これにより、従来ではパソコンでしか使用できなかったサービスがタブレットやスマートフォンでできるようになりました。 HTML5 の技術で写真を加工処理 『オリジナルポスト

    attsumi
    attsumi 2015/01/23
  • Makes you HTML souce eautifully indented - Ham Cutlet

    インデントを綺麗に

    attsumi
    attsumi 2013/06/20
  • video要素、audio要素をJavaScriptから操作する-HTML5のAPI、および、関連仕様

    ※このページでは、video要素、audio要素をJavaScriptから操作する方法について紹介しています。 単純に<video>タグや<audio>タグの使い方を知りたい方は、 以下のページなどをご確認ください。 <video>タグで動画を埋め込む <video> …… 動画を再生する <audio> …… 音声を再生する ■video要素、audio要素をJavaScriptから操作 HTML5では、video要素、audio要素をJavaScriptから操作するためのメソッド・プロパティ・イベントが用意されています。 これらのメソッド・プロパティ・イベントを使用することで、 JavaScriptから動画・音声などのメディアリソースの状態を参照したり、 読み込み・再生・一時停止・再生可能かどうかの確認などの操作が可能となります。 <video>タグのcontrols属性を指定すると、

  • HTMLタグ/フレームタグ/インラインフレームの背景を透過する - TAG index

    上記の属性は、HTML 4.01では定義されていません。 この属性を指定する場合は、事前に以下の設定を行っておく必要があります。 インラインフレームに読み込まれる文書の設定 インラインフレーム内に読み込まれる文書のbody要素に、スタイルシートで次の内容を指定しておきます。 <body style="background-color: transparent;"> background-color … 背景色を設定するプロパティ transparent … 透過を指定 allowtransparency属性は、上記の設定内容を有効にするかどうかを指定することになります。 Firefoxなどでは、この属性を指定しなくても透過の設定が有効になります。

    HTMLタグ/フレームタグ/インラインフレームの背景を透過する - TAG index
    attsumi
    attsumi 2013/06/10
  • Humans TXT: 私たちは人間です。機械ではありません。

    humans.txt について humans.txtって何? ウエブに関与した人たちについての情報が入ったTXTファイルです。 何故TXTなのですか? これは 簡単に早く 作れるのです。何故なら コードに於いて篏入的ではないからです。サイトの効率が低下するなどの主張により、サイトの所有者は、ウエブ作者が自分のウエブにサインすることを望まないことが多くあります。こうすることにより、外的に、素早く、簡単に、気軽に、作者が誰であるかということ(所有権ではなく)を明示できます。 どこに配置すれば良いですか? サイトルートです。 robots.txt の隣です。 そして(可能であれば) <head> の authorタグに次を追加してください <link type "text/plain" rel "author" href "http://domain/humans.txt" /> 何故これをやら

  • HTMLの特殊文字 : IT用語辞典

    ▼ ご意見やご指摘、追加希望用語などはこちらからお送りください (個別にお返事はできかねますのであらかじめご了承ください) 当サイト「IT用語辞典 e-Wordsイーワーズ」はIT(Information Technology:情報技術)用語のオンライン辞典です。コンピュータ・情報・通信などを中心とする各分野の用語について、キーワード検索や五十音索引から調べることができます。用語の意味や定義、概要や要約、略語や別表記、英語表記や綴り、フルスペル、読み方や発音、仕組みや役割、歴史や由来、語源、構造や構成、要素、特徴、機能や性能、諸元、規格や仕様、標準、原因や要因、手法や方法、方式、種類や分類、利点やメリット、欠点やデメリット、問題点、対義語や類義語との違い、用例や事例、具体例、画像や図表、関連用語、外部資料や別の辞典による解説へのリンクなどを掲載しています。 当サイトは株式会社インセプトが制

    attsumi
    attsumi 2013/03/30
  • HTML-特殊文字

    HTML特殊文字一覧は、ホームページ作成時に特殊な文字を使用したいときに利用します。たとえば、ブラウザは通常、複数空白を詰めてしまいますが、ここで空白がほしいときには、 &nbsp; と記述すると空白を挿入してくれます。また、HTMLファイル内にいきなり "<" を書くとタグの開始とみなされますが、文字として<を書きたいときには &gl; と記述します。 使用頻度の高いのは、 &quot;   &amp;   &lt;   &gt;   &nbsp;   &copy; です。

    attsumi
    attsumi 2013/03/21
  • Google HTML/CSS Style Guide

    Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML

  • HTML - link要素の使い方 - linkとサーチエンジン

    HTML のhead要素の中で使われる要素の一つにlinkがありますが、きちんと実装しているブラウザが少なく、入門用の解説書でもほとんど触れられていないので、存在もあまり知られていません(最近ではスタイルシートのために少しずつ使われ始めているような)。ここでは、その基的な役割と使い方を紹介します。 link要素タイプ リンクタイプ linkとサーチエンジン 順方向リンクと逆方向リンク link要素タイプ アンカー(a)要素は、文書の文であるbody要素の中で、文書の特定箇所にハイパーリンクの始点や終点を設定し、利用者がそのリンクをたどれるようにする役割を持ちます。これに対し、link要素は文書全体についての情報を記述するhead要素の中に置かれ、HTML文書を前後の文書、スタイルシート、スクリプト、代替文書などの様々なリソースと結びつける働きをします。ブラウザなどのユーザーエージェント

  • 1