タグ

html5に関するcremaのブックマーク (43)

  • SitePoint Blogs » JSON-P output with Rails

    10 Amazing Web Developer Resume Examples for Different Web Dev Specializations

    SitePoint Blogs » JSON-P output with Rails
  • The Mighty "I Agree to the Terms and Conditions" Checkbox

    PRO TIP: Take the hassle of writing your own terms and conditions away with our terms and conditions generator trusted by over 200,000 businesses. It’ll save you hours of work and possible costly legal mistakes. The Importance of “I Agree” Checkbox for Online Businesses The “I agree to…” checkboxes are indispensable for online businesses. They serve three major purposes: establishing legally bindi

    The Mighty "I Agree to the Terms and Conditions" Checkbox
  • HTML5 Conformance Test Results

    Official HTML5 Test Suite Conformance Results "Interoperability is the ability of two or more systems or components to exchange information and to use the information that has been exchanged." -IEEE Interoperability is important to web designers. Good test suites drive interoperability. They're a key part of making sure web standards are implemented correctly and consistently. More tests encourage

    crema
    crema 2010/11/16
  • Validator.nu

    This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Validator.nu (X)HTML5 Validator (Living Validator)Validator InputDocument

  • CSS3だけでつくるWebボタン!押さずにはいられないボタン簡単3ステップ

    インターンシップにきています。 こんにちわ。(・`д・ノ)ノ 面白法人カヤックでインターンシップ中のどうもぽんたです。 先週、鎌倉社から自由が丘支社に移りました。 自由が丘に来たのは初めてなので、「丘ないなぁ。」って思いました。 そしてこちらはインターン研修で、書いているエントリーです。 どうか柔らかいまなざしで見守って下さいませ! 今回は画像を使わず、CSS3だけでWebボタンをつくる方法を紹介したいと思います。 といっても僕自身つくったことがないので、一緒に挑戦しましょう!! つづきからどうぞ! すごいよ!CSS3 ≫ CSS3のみでつくっているボタンを紹介している凄いサイトがあります。 ラムネのようなテイストのボタンですな。 これを画像なしでつくってるっていうからスゴイ! ここまでレベルの高いボタンはつくれないので、 基重視のシンプルなCSSボタンをつくろうと思います。 まずはC

  • Adobe HTML5 特設サイト Dreamweaver® CS6 と HTML5 で始めようスマートフォン&タブレット対応| Adobe - 日本

    Dreamweaver CS6 と HTML5 で始めようスマートフォン&タブレット対応 HTML5 特設サイトは、HTML5/CSS3 やモバイルデバイスの活用を検討している方に最新情報をお届けするアドビ公式サイトです。 事例から Adobe®Dreamweaver® CS6 を始めとする制作環境まで、幅広い観点から Web の新しい方向性をお伝えします。 文へ サイトについて サイト自体が、マルチデバイス対応のレスポンシブなデザインの事例として制作されています。表示される画面の大きさに応じて、閲覧し易い様にレイアウトが変化します。詳しくは「互換化とは」をご覧ください。 jQuery Mobile を使ったスマートフォン向けの専用サイトも公開中です。

  • iPad用HTML5アプリを作成するときに知っておいた方がいいCSSに関するTips - [モ]Modern Syntax

    さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor)の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く!という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f

  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
    crema
    crema 2010/08/14
  • HTML5Rocks - A resource for open web HTML5 developers

    We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.

    HTML5Rocks - A resource for open web HTML5 developers
    crema
    crema 2010/06/25
  • HTML5のポテンシャルを感じられる48のサンプルサイト:phpspot開発日誌

    HTML5 Showcase: 48 Potential Flash-Killing Demos | Design HTML5のポテンシャルを感じられる48のサンプルサイト。 元エントリでは Flash Killing などという少々ショッキングなタイトルで表されていますが、まさに文字通りの凄いサンプルが多く紹介されています。 HTML5対応ブラウザでどうぞ 現在では、iPhoneiPadでは既にHTML5は普通に動くので、HTML5はもう次世代というわけではなく、1つのスマートフォン向けのリッチなインターネットコンテンツ実装用の要素として覚えておくべき位置づけになっていますね。 関連エントリ 見ておくべきHTML5サイト集 HTML5のCanvasで動く超クールなデモページ HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」 CSS3とH

    crema
    crema 2010/06/14
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
  • HTML5に関するW3Cのスライドをリデザイン

    先日、Twitter経由で「Web標準化 (W3C) とHTML5の状況 (PDF形式)」というスライドが総務省のWebサイトで公開されているのを知りました。早い時期から国に働きかけているのだなと関心しましたし、どのような内容を紹介しているのだろうと興味があったので早速ダウンロードしてみました。HTML5 の概要をコンパクトにまとめている点は良かったのですが、プレゼンのスライドとしての質はあまり高いものではない内容でした(一番最後のページに「ありがとうございました」と書いてあるのでスライドの可能性大)。 W3Cに携わる教授という視点だと考えられなくはない内容なのですが、国の方(もしくは IT プロフェッショナルではない方)に向ける内容ではない気がしました。せっかくHTML5を多くの方に知ってもらうという素晴らしい機会があってもこれではどうかなと私は思いました。以下が私が気付いた課題点です。

    HTML5に関するW3Cのスライドをリデザイン
  • YouTubeがHTML5ビデオに対応--現時点では一部制約も

    YouTubeは米国時間1月20日、ついにHTML5ビデオのサポートを開始すると発表した。 HTML5のvideoタグは、多くの最新ブラウザのユーザーがAdobe Systemsの「Flash Player」を使うことなく、ホストされた動画をブラウザ内で再生できるようにするウェブ標準だ。 この新機能を利用するには、ユーザーは「TestTube」上でHTML5プログラムにオプトインする必要がある。TestTubeは、YouTubeが数多くの実験的機能を公開しているサイトだ。 現在サポート対象となっているブラウザは、「Google Chrome」とAppleの「Safari」、そして「Chrome Frame」をインストールした「Internet Explorer(IE)」のみだ。「Opera」とMozilla Foundationの「Firefox」も最近のバージョンでHTML5のvideo

    YouTubeがHTML5ビデオに対応--現時点では一部制約も
  • なんちゃってyahoo検索 with サムネイル

    このサイトは、yahooの検索apihtml5 を組み合わせて、なんちゃってサムネイル付きの検索結果を表示するサイトです。 検索すると、検索結果の左側に、サイトのサムネイルっぽいものが表示されます。分かりやすいですね。 サムネイルっぽく見えているのは、実は iframe で書かれています。CSS3では表示倍率を指定可能なため、簡単にこんな表示が可能です。 ちなみに、ブラウザは firefox3.6, safari4, chrome4で動作確認しています。 なお、yahoo apiの利用制限から1日50000リクエストを超えると、検索できなくなるそうです。そうなったらご容赦を(いくわけないけど:p) 感想とかありましたら、@komasshuに呟いてみてください。

    crema
    crema 2009/12/16
  • File API & Firefox 3.6

    Supported objects: JPEG images with EXIF data (GPS data supported). To test, here is a working image (full of EXIF and GPS data): link. Drop here

  • こてさきAjax:tokyo gtug nite #5www - livedoor Blog(ブログ)

    今日は、GTUG NITE#5(html5)のLTでしゃべってきました。ホント楽しかったです。 Web SQL Database使えば、簡単に機械学習のWebアプリが書けちゃいますって話。プレゼンではいい忘れたけど、今日のデモは500行ぐらい。正直言ってびっくり(作ってる人が言うのもなんだけど) LTでのプレゼン資料 と、デモサイト http://komachu.sakura.ne.jp/foomoo/ (safari4とchrome4でしか動かないっす。ご注意を) です。リスティングの店舗詳細を見るとかしていくと、どんどん学習して行って「あなた好み」の店舗検索結果を表示してくれます。 (例えば、「渋谷」で見た店舗情報に基づいて、「新宿」の検索結果も、あなた好みに並べ替えます。) 興味のある方は、WebインスペクタでDBの中身をみたり、コードリーディングしてみてください。 #かなーーーり

    crema
    crema 2009/12/10
  • address要素の正しい使い方 « HTML5.JP ブログ

    日、html5doctor の記事「The Address Element」の日語訳を公開しました。私の翻訳がうまくないためかもしれませんが、個人的には、この記事には誤解を招いてしまうのではないかと感じるところがありましたので、個人的な見解ですが、私なりの補足を。 該当の記事では、address 要素に住所を入れてはいけないと読み取れてしまいます。しかし、私は、そう思っていません。HTML5 仕様の address 要素の定義でも、そのようなことは言っていないと解釈しています。 address 要素の用途の質は、address 要素に住所を入れて良いかどうかどうかが問題なのではなく、ドキュメントやセクションに関する著者への連絡先情報に相当するかどうかです。もし、これに該当するのであれば、住所でも構わないと思います。 HTML5 仕様では、次のように言っています: The addres

  • HTML5 でソースコード書いてみた

    今のところすぐに HTML5 を使う理由もないので、実際に HTML5 でソースコードを書いてみるってことをしていなかったのですが、思い立って簡単に書いてみました。この Blog のトップページを HTML5 で再コーディングしたらどんな感じかなということで、今ある構成要素をほぼそのままに、HTML5 でサンプルを作ってみました。 今のところすぐに HTML5 を使う理由もないので、実際に HTML5 でソースコードを書いてみるってことをしていなかったのですが、思い立って簡単に書いてみました。この Blog のトップページを HTML5 で再コーディングしたらどんな感じかなということで、今ある構成要素をほぼそのままに、HTML5 でサンプルを作ってみました。 HTML5 サンプル 見ていただければわかりますが、超適当です。スタイルもさすがに全くなしっていうのもなんですので、最低限のレイアウ

    HTML5 でソースコード書いてみた
    crema
    crema 2009/11/21
  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

    crema
    crema 2009/11/18
    行きたかった><
  • Implementations in Web browsers - WHATWG Wiki

    HTML5 General canvas with some limitation implemented in Firefox, Opera, Safari, and Konqueror 4, with ExplorerCanvas emulated in Internet Explorer getElementsByClassName implemented in Firefox 3, Safari 3.1, Opera 9.5 localStorage and sessionStorage implemented in Firefox 2, IE 8, Safari 4 Database storageimplemented in Safari 3.1 and iPhone Safari 2.0 Custom content handlers partially implemente

    crema
    crema 2009/11/17