Microdata を使ってみよう。サンプルソースで学ぶ Microdata
HTML5 Advent Calendar 2012、7日目の記事として、Microdata （マイクロデータ） に触れてみます。サンプルソースを中心に、実際のページでどのように使えるのかを示しました。これから Microdata を使ってみたいという人に少しでも参考になればと思います。 HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね… さて、タイトルの通りなのですが、HTML Microdata （マイクロデータ） について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく （文末にまとめてあります） として、この記事では、そういう解説は置いといて、Blog や、企業の Web サイトなど
The Foolproof Guide to Crypto Wallet Security in 2022
Be sure to check out Duet - Professional project management hosted on your own server! Beautiful Project Management & Billing Software The cryptocurrency world is growing so fast that it’s challenging to keep up. Between 2021 and 2022, the volume of crypto transactions skyrocketed by almost 600%. It’s not hard to see that cryptocurrency has surged out of the niche corners of finance to be an incre
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
Top 10 Firefox Add-Ons for Web Designers
The Firefox browser is a popular choice for web designers, and there are plenty of add-ons that can make the day-to-day work of web design significantly more efficient and fruitful. Here are 10 highly recommended, top-notch Firefox add-ons for web designers. Let us know what other Firefox add-ons you use in the comments. 1. Web Developer The Web Developer Firefox add-on is a huge suite of web desi
wrong, rogue and log : Webでお気楽に数式を表現する
いやいや、いままでWebで数式書くのに非常に苦労をしていたわけですよ、このブログも含めて。LaTeXからjpeg, gifの画像を出力したり、mimetexを使ったり、MathML使ったりと。しかし、画像だとあまりに汚いし、mimetexでもインテグラルの形だとかフラクションの大きさといった数式のバランスが悪くて気持ち悪くてしかたないし、その気持ち悪い数式にも関わらず個人的な相性がよくないはてな(mimetexがデフォルトで利用できる)に移るのはかなりビミョウだし。更に、MathMLにするとプラグイン入れていないと見えないし、通常の標準ブログではMathML自体をサポートしていないし。 だが、ここでようやく満足ができるレベルのLaTex->Webツールを見つけた。codecogsのこれである。 これなら例えばRiemann-von Mangoldtの明示公式は、 ＜img src="htt
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
input 要素の disabled 属性と readonly 属性の違い
(X)HTML の disabled 属性と readonly 属性の違いについて、どちらの属性もユーザーが値を変更できないのは同じですが、振る舞いが異なります。 <input name="a" type="text" value="hoge" disabled="disabled" /> <input name="b" type="text" value="hoge" readonly="readonly" /> 最近、2つの属性の違いが気になって調べたので、以下、HTML 4.01仕様書（和訳）からの引用抜粋と、それぞれの違いを表にまとめました。文中の「選択不能指定」が disabled、「読み出し専用指定」がreadonly です。原文へのリンクも掲載しています。 17.12 選択不能指定と読み出し専用指定からの引用[原文] ユーザによる入力が望ましくなかったり不適切だったりする場合
xml.vimでXMLとかHTMLとかの編集機能を強化する - 肉とビールとパンケーキ by @sotarok
こう、選択範囲を特定タグで囲んだりうまいことやってやりたいよとか、よくありますよねー。 xml.vim ってやつを使います。現在のバージョンは1.84でした。 xmledit - A filetype plugin to help edit XML, HTML, and SGML documents : vim online インストール インストールは $HOME/.vim/plugin にダウンロードするだけ。 % wget -O ~/.vim/plugin/xml.vim "http://www.vim.org/scripts/download_script.php?src_id=10362" 選択範囲をタグで囲む まぁとりあえずは、これがやりたかっただけ。 まず、 "vit" とかでタグ内の要素を選択とかしちゃう。 そしたら、"￥x"。タグ入力しろっていわれる*1。とりあえず、aと
script 要素の defer と async 属性 - oogatta のブログ
There are three possible modes that can be selected using these attributes. If the async attribute is present, then the script will be executed asynchronously, as soon as it is available. If the async attribute is not present but the defer attribute is present, then the script is executed when the page has finished parsing. If neither attribute is present, then the script is fetched and executed i
YappoLogs: クロスブラウザ対応やってみて思った事
クロスブラウザ対応やってみて思った事 HTMLやらCSSやらJavaScriptやら色々弄った感想 - Firefox, Safari, Google Chrome なんかは割と手がかからない - Opera も上の3つ抑えてればだいたいok - なんかSafari4のJavaScriptの挙動が3と微妙にちがう - IEは死ね、IE7からだいぶ互換性的な物がよくなってるけどIEは死ね。 -- IE6のサポートを切り捨てる時代はまだか? - IE8は確かにJavaScriptが速くなってるがGoogle Chromeは劣るしSafariとか本当速い、Firefox3.0は結構遅い - z-indexの事を考えてないで作ってると、いざとなったら本当にびっくりする - pngの透過画像をあわせるのは案外しんどい -- DXImageTransform.Microsoft.AlphaImageL
Emoji Symbols: Background Data
Background data for Proposal for Encoding Emoji Symbols L2/09-027R Date: 2009-Feb-06 Authors: Markus Scherer, Mark Davis, Kat Momoi, Darick Tong (Google Inc.) Yasuo Kida, Peter Edberg (Apple Inc.) The carrier symbol images in this file point to images on other sites. The images are only for comparison and may change. See the chart legend for an explanation of the data presentation in this chart
vim で HTML文字実体参照の変換を行うスクリプト : Serendip – Webデザイン・プログラミング
選択範囲を数値文字参照に変換するスクリプト str2numchar.vim – 川o・-・）＜2nd life を参考にして HTML文字実体参照（& < > " => & < > "）の変換・逆変換をするvimスクリプトを作った。 スクリプトファイル str2htmlentity.vim を $HOME/.vim/plugin/ に配置して .vimrc に次の記述を加える。 vmap <silent> sx :Str2HtmlEntity<cr> vmap <silent> sr :Entity2HtmlString<cr> ビジュアルモードで範囲選択を行いキー sx を押すと "文字から文字実体参照へ" の変換が、 キー sr を押すと "文字実体参照から文字へ" の変換ができる。 GitHub のリポジトリに登録しました。 inotom/str2htm
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
CGデザイナー・Webデザイナー・グラフィックデザイナーのためのクリエイティブ・タブロイド withD（ウィズ・ディー
2009.06.30 | トピックス クリエイティブ・タブロイド withD休刊のお知らせ 2009年6月30日をもって休刊させていただきました。 ご愛読いただき、ありがとうございました。 2009.06.29 | インスピレーション・ネタ探しの旅 行動につながる情報を見つけ出す インスピレーション・ネタ探しの旅 ♯26 ミキチョクシ（ペタビット／ナフタリン）
RedLine Magazine : ここがHTML5なのだ！な点。
ここがHTML5なのだ！な点。 朝からSafari4祭りになってた。で、このページHTML5だった。 アップル - Safari - Safari 4の登場です。 - 目の前にひろがる新しいウェブの世界。 HTML 5 ― HTML 4 からの変更点 先日このページ、印刷して読んだ。でもHTML5ってまだ先の話のように勝手に感じてた。だけど今日そのページ見て近くなってんじゃん･･･って不安になったので、アップルさんのページ見ながらHTML5な部分を読む。 DOCTYPE <!DOCTYPE html> HTML5の構文ではDOCTYPE宣言は「<!DOCTYPE html>」となる。大文字、小文字の区別はなし。HTML5ではDOCTYPEを標準モードのトリガーにしてる。 2.2 DOCTYPE 文字コードの指定 HTML5では文字コードの指定は３種類ある。BOM付けるか、サーバー側のヘッダ
jQueryのFlyDom pluginを使ってみたら便利だったけどバグに当たった - Lism.in * blog - nekoya (id:studio-m)
JSONを取ってきて、そこからJavaScriptで動的にHTMLを組み立てていくような場合、 $('#content').html( $('<table>').attr( { id: 'items' } ).html( $('<tr>').append( $('<th>').html( 'Header' ) ).append( $('<td>').html( 'Data' ) ) ) ); とか書くのが面倒だなーと思った。このへん、MochiKitはいい感じに書けたよね。 何かいい手はないかとremedie.jsを読んでみたら、これが使われてた。 jQuery Plugin - FlyDOM: Create DOM on the Fly さっきの例だと、 $('#content').empty().createAppend( 'table', { id: 'items' }, [ 'tr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
adakoda.com
作ろうiモード：iモードブラウザ2.0 | サービス・機能 | NTTドコモ
fam.cx
HTML → PDF
