タグ

htmlに関するhiro_yのブックマーク (199)

  • 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

    hiro_y
    hiro_y 2012/04/25
    Googleのコーディング規約
  • HTML 5での<section>要素と<article>要素の違い。


    22311   HTML5HTML5<section><article>使 <section> HTML5<section> HTML5<section>  <article>  <nav>  <aside> () <article> HTML5<article> 
    hiro_y
    hiro_y 2012/03/07
    article/sectionの使い分け
  • CSS3 Pseudo-Classes and HTML5 Forms | HTML5 Doctor

    Hello! I’m Doctor Peter and I’m here to treat you with a dose of complementary CSS3. Don’t worry, this won’t hurt a bit. Contrary to what HTML5 Please and the W3C would have you believe, CSS3 is not part of HTML5. “But this is HTML5 Doctor,” I imagine you saying. “Why are you talking about CSS3 here?” Well, I want to talk about a very specific part of CSS3, one that works in perfect tandem with HT

    hiro_y
    hiro_y 2012/03/04
    疑似クラスとフォーム
  • 15 Useful Code Snippets for Smartphone Website

    2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ

    15 Useful Code Snippets for Smartphone Website
    hiro_y
    hiro_y 2012/02/24
    「<input type="text" pattern="[0-9]*">」いいね
  • スマートフォンにおけるHTML5実装の最先端@Developers Summit 2012


     HTML5 Web HTML5HTML5HTML5HTML5Flash PlayerExGamengCoreHTML5   
    スマートフォンにおけるHTML5実装の最先端@Developers Summit 2012
    hiro_y
    hiro_y 2012/02/22
    「Canvasはシチュエーションに応じて変わるアニメーションや、同時に動くものが多い時に有効。CSS3は1枚もののアニメーションや、同時に動くものが少ない時に有効。」
  • ヤター!ウェブブラウザで動くシンセできたよー - aike’s blog


    HTML5WebAPI Google Chrome使Web Audio APIEQ使 http://aikelab.net/websynth/  Chrome Google API ExpertHTML5 : ,,, /:  : 2010/09/16 :  
    ヤター!ウェブブラウザで動くシンセできたよー - aike’s blog
    hiro_y
    hiro_y 2012/01/30
    Web Audio API使ってる
  • http://html5please.us/

  • Mobile HTML5

    Site Not Found Well, this is awkward. The site you're looking for is not here. Is this your site? Get more info or contact support. DreamHost

    hiro_y
    hiro_y 2012/01/15
    HTML5の各ブラウザの対応状況
  • MiniApps UK: Boost Productivity with Top-tier Apps

    Keep up with emerging trendsWant to improve your knowledge? Mini Apps is here for you! Coins Obtaining cryptocurrencies is different from obtaining physical currency. Instead of getting shares or physical money, you get the digital coins instead. READ MORE Mini Apps MiniApps is a visual editor with plugins that make it very easy to come up with a chatbot. You do not need to have any special skills

    hiro_y
    hiro_y 2012/01/14
    HTML5アプリが何個も。参考に。
  • http://openappmkt.com/

    hiro_y
    hiro_y 2012/01/14
    「OpenAppMkt is an app store for HTML5 mobile apps.」HTML5のwebアプリ集めたサイト。webclipとか
  • The contenteditable attribute | HTML5 Doctor

    For some time now, we’ve been using various technologies to edit and store text within a web browser. Now with the contenteditable attribute, things have got a whole lot easier. In this article, I’ll tell you what this attribute is for, how it works, and how we can take things further. The Basics # First, let’s check out the spec: The contenteditable attribute is an enumerated attribute whose keyw

    hiro_y
    hiro_y 2012/01/12
    contenteditableの扱い
  • The scoped attribute | HTML5 Doctor

    The scoped attribute for the <style> element allows you to include styles mid-document that targets a specific element and its children. Depending upon how you look at this, it’ll either be a godsend or a curse. Once you’ve reached the end of this article, I hope you can form your own opinion. Let’s take a quick look at the spec: The scoped attribute is a boolean attribute. If set, it indicates th

    hiro_y
    hiro_y 2012/01/12
    style scoped
  • GitHub - othree/html5.vim: HTML5 omnicomplete and syntax

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - othree/html5.vim: HTML5 omnicomplete and syntax
    hiro_y
    hiro_y 2012/01/04
    HTML5対応のシンタックスとか
  • HTML5 で作る iPhone ローカル Web アプリ入門

    さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た

    HTML5 で作る iPhone ローカル Web アプリ入門
    hiro_y
    hiro_y 2011/11/22
    ローカルアプリ
  • hamashun me : HTML5のstyle要素が持つscoped属性について


    HTML5stylescoped style divsectiontable - HTML5 - HTML5.JP scopedstylestyle  <p>example text</p> <!--  --> <section> <style scoped="scoped"> p { color: red; } </style> <h1>example title<
    hiro_y
    hiro_y 2011/08/07
    style要素のscoped属性
  • HTML5のvideo/audio+JavaScript APIテクニック


    HTML5videoaudioJavaScript API video/audioAPI video/audioJavaScript1 Canvas JavaScript API2011525 video/audio videoaudio MediaErr
    HTML5のvideo/audio+JavaScript APIテクニック
    hiro_y
    hiro_y 2011/07/31
    video/audio要素をJavaScriptで操作
  • HTML5 & CSS3 ブラウザ別サポート状況

    What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe

    hiro_y
    hiro_y 2011/07/30
    HTML5/CSS3のブラウザ別サポート状況
  • Document Outlines | HTML5 Doctor

    Updated 21/01/2014 by Dr. Steve Document outlines have changed a bit in HTML5. For a start, they’re actually in the spec (and have been for years – (2008). The HTML5 Doctor is here to explain what document outlines are, how to make good ones, and why you should care. What are document outlines? # The document outline is the structure of a document, generated by the document’s headings, form titles

    hiro_y
    hiro_y 2011/07/17
    documentのアウトラインを意識すること
  • コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 - kojika17


    62GoogleMicrosoftYahoo!3 HTML5Microdata MicrodataWeb1 MicrodataMicroformatsMicrodata Microdata HTML(h1,h2,h3... )(p)(ul,ol,li) HTMLHTML5
    コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 - kojika17
    hiro_y
    hiro_y 2011/06/13
    Microdataの実際
  • MicroformatsとMicrodataの違いについて - kojika17


    Web""Web(X)HTML HTMLMicroformatsMicrodata"" MicroformatsMicrodata HTML HTML MicroformatsMicrodata使HTML MicroformatsMicr
    MicroformatsとMicrodataの違いについて - kojika17
    hiro_y
    hiro_y 2011/06/13
    Microformats/Microdataの比較