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.
html5に関するsorausa1124のブックマーク (98)
-
sorausa1124 2013/09/03
-
Stronghold - ぼくらの本拠地
AWSWordpress April 5th 2016 Amazon EC2でWordPress – Amazon S3にメディア画像等の静的ファイルを設置する方法 AWSWordpress April 5th 2016 Amazon EC2でWordPress – パーマリンクがうまく動作しない場合 AWSWordpress April 5th 2016 Amazon EC2でWordPress – SSH接続からWordPressのインストールまで AWSWordpress April 4th 2016 AWS Amazon EC2上でWordPressを動作させる方法 – EC2のインスタンス作成からMySQLの設定まで AfterEffects May 25th 2015 After Effects 埋め込み動画/静止画から指定色を透過させ、背景透過のPNG画像（連番）で書き出す方
-
meter要素のスタイリングについてのメモ for Webkit & Opera
2012年10月15日 追記： この記事のCSSに関する情報は古くなっています。 新しく書き直しましたので、スタイリングについてはそちらをご覧ください。 meter要素のスタイリングについてのメモ 2012年10月 HTML5で追加されたmeter要素。 Windowsだと現在の最新版であるChrome 8とOpera 11で、何も指定しなくてもちゃんと表示してくれます（Mac環境と開発版は試していないので分かりません）。 見た目の変更はできないのかなーと思って調べてみたら、Webkitの独自拡張ではありますが、擬似要素がちゃんと用意されていました。 OperaはDragonflyで確認してみましたがそれらしいプロパティを発見できませんでした。 今回のデモは以下をどうぞ。対応しているブラウザはChromeです。 meter 要素のスタイリングについてのメモ デモページ デモファイルをダウン
-
-
-
アイコンを表示させる際にSVGスプライトとPNGのどちらが重いかをテストした動作サンプル - かちびと.net
SVGで書いたアイコンとPNGとで、どちらが重いかを調べた動作サンプルがあったので備忘録としてメモします。当然と言えば当然なんですけど、実際に見てみるとなんとも言えない気分になります・・ Codepenで良い動作サンプルがあったのでメモ。 PNG vs SVG for sprites Check out this Pen! ここに貼り付ける上手く動いて無さそうな・・実際にCodepenで見たほうが良さそうです。尚、使っているSVGはこちら、PNGはこちらです。 サンプルを見た限りでは今あるブラウザではかなりパフォーマンスに影響が出てしまうようですね。SVGは凄く便利ですけど、まだ実用段階としては時期早尚という印象です。使いどころ次第なんでしょうけど・・ 少し仕事が立て込んでるのでメモだけ。サンプルのコードは以下でどうぞ。 PNG vs SVG for sprites
-
-
HTML elements reference - HTML: HyperText Markup Language | MDN
HTMLBeginner's tutorialsYour first website: Creating the contentStructuring content with HTMLBasic HTML syntaxWhat's in the head? Webpage metadataHeadings and paragraphs in HTMLEmphasis and importanceListsStructuring documentsAdvanced text featuresCreating linksChallenge: Marking up a letterChallenge: Structuring a page of contentHTML imagesHTML video and audioChallenge: Mozilla splash pageHTML ta
-
htmlday 2015
<htmlday>とは、日本全国でWebに関する多数のイベントを同じ日（6/13）に開催することで、日本のWebを一層盛り上げようという「お祭り」です（毎年6月の第2土曜日に開催しています。）。 <htmlday>に参加して、日本のWebを盛り上げよう！ <htmlday>で開催されるイベントは、誰でも開催することができ、誰でも参加することができます。「Webについて考えよう！」（Think the HTML!）という想いがあれば、どんなイベントでも構いません。例えば、勉強会やハッカソン、はたまた単なる飲み会でも構いません！とにかくWebに関するものであれば何でもOKです！！（昨年のhtmldayの模様はこちらから） もしよければ<htmlday>に参加して、日本のWebを盛り上げるために、あなたのお力を貸してください！賛同してくださったイベントには、<htmlday>特製ステッカーを差し
-
-
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 - kojika17
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か？ マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の
-
MicroformatsとMicrodataの違いについて - kojika17
Webページの内容が、"何を意味するのか"をコンピュータが効率よく情報を収集・解釈できるようにする構想を「セマンティックWeb」「セマンティック(X)HTML」などと呼びます。 セマンティックHTMLを始めるにあたりMicroformatsとMicrodataの違いについて、"どう違うのか"分かりづらかったのでまとめてみました。 そもそもMicroformats、Microdataとは？ マークアップ言語であるHTMLは文章構造を表すことはできますが、意味までは表現できません。 例えば、人の名前や住所、電話番号といったものにHTML要素でマークアップすることはできません。 ただしMicroformatsとMicrodataを使うことにより、このような意味づけを可能にし、コンピュータも可読できるセマンティックなHTMLドキュメントを作成することができます。 Microformats、Micr
-
Google Structured Data Testing Tool
SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi
-
Full schema hierarchy - Schema.org
Note: You are viewing the development version of Schema.org. See how we work for more details. Schema.org is defined as two hierarchies: one for textual property values, and one for the things that they describe. This is the main schema.org hierarchy: a collection of types (or "classes"), each of which has one or more parent types. Although a type may have more than one super-type, here we show ea
-
HTML Standard
5 Microdata5.1 Introduction5.1.1 Overview5.1.2 The basic syntax5.1.3 Typed items5.1.4 Global identifiers for items5.1.5 Selecting names when defining vocabularies5.2 Encoding microdata5.2.1 The microdata model5.2.2 Items5.2.3 Names: the itemprop attribute5.2.4 Values5.2.5 Associating names with items5.2.6 Microdata and other namespaces5.3 Sample microdata vocabularies5.3.1 vCard5.3.1.1 Conversion
-
HTML Data Guide
HTML Data GuideW3C Interest Group Note 08 March 2012This version:http://www.w3.org/TR/2012/NOTE-html-data-guide-20120308/Latest published version:http://www.w3.org/TR/html-data-guide/Previous version:http://www.w3.org/TR/2012/WD-html-data-guide-20120112/Editor:Jeni Tennison, Independent Copyright © 2011-2012 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use ru
-
HTML 5.2: 4.13. Common idioms without dedicated elements
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
-
ウェブブラウザの時代は終わるのか 〜スマホアプリとHTML5の未来〜
3. Developers Summit 2013 ⾃自⼰己紹介 n 1997-‐‑‒2003 Palmscape / Xiino の開発 ⁃ Palm OS⽤用ウェブブラウザ • 実質世界初 ⁃ Sony, IBM, NTTドコモ等が採⽤用 n 2004 「Webアプリ統合開発環境の開発」 ⁃ IPA未踏スーパークリエータ 3 Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved. 4. Developers Summit 2013 ⾃自⼰己紹介 n 2005-‐‑‒2010 サイボウズ・ラボ ⁃ ウェブ関連のR&D業務 ⁃ Japanize / Pathtraq • ウェブブラウザ拡張を使うサービス ⁃ Q4M • メッセージキュー（MySQLプラグイン） • Mixi, NHN,
-
HTML5 CARNIVAL FUKUOKAに参加してきた。【スライド・Ustreamまとめあり】
Tweet※この記事は2月9日に開催されたHTML5 CARNIVAL FUKUOKAのレポート記事です。 スライドやUstreamのまとめだけ見たいという方はこちらからどうぞ！ → クリック！ 福岡の大規模HTML5イベント開催！ 先月カルタ大会を手伝っていただいた@akase244さんが、なにやら福岡のでっかいHTML5イベントの運営に携わっていると教えてもらっていて楽しみにしていたHTML5 CARNIVALが九州産業大学にて開催されたので参加してきました。 HTML5 CARNIVAL FUKUOKA 2013年2月9日＠九州産業大学 直前にチケットをプリントアウトするためにZusaarのイベントページを覗いたのですが、 参加人数500人近くなってる。。。すごっ！ でっかいイベントとは聞いていたのですが、これだけの規模になるとは開発者、デザイナーのみなさんのHTML5に対する関心の
-
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました