タグ

HTMLに関するnoko-nokoのブックマーク (22)

  • ul・ol・li要素の備忘録 - NxWorld

    かなり今さら感はありますけど、ul・ol・li要素関連の備忘録です。 対応ブラウザ(特に一部のIEで未対応)とかそもそも使う場面がそんなにないとかの理由で使用頻度がかなり低いと思うのもありますが、低いからこそ使おうと思ったときにパッと思い浮かばなそうなので書き残しておきます。 list-style-type リストマーカーの種類を指定するプロパティlist-style-typeのメモです。 使用頻度が高いと思うのはulやolにデフォルトで設定されているdiscやdecimal辺りかと思いますが、他にもいろいろあるのと一部のブラウザでは未対応などあるので、パッと確認したいときのために一覧にしました。 画像はWin7 Chromeでの表示をキャプチャしたもの。 ChromeやFirefoxといったブラウザでは上記のように問題なく表示されますが、IEでは一部のマーカーが対応していない場合がありま

    ul・ol・li要素の備忘録 - NxWorld
  • HTML5 & CSS3のクロスブラウザー対応方法まとめ

    この度、HTML5でWordPressのテーマを作成したわけですが、まだHTML5は勧告前の仕様であり、ブラウザーによっても実装状況はさまざまです。主要ブラウザーであるFirefox、Chrome、Safari、Operaについては、だいぶ実装が進んでいると言われていますが、Internet Explorer(特にIE8以下)については対応が大変遅れています。WebサイトをHTML5で作成した場合、現状ではどうしてもシェアの多いIEに対応させる必要があります。 ということで、今回私が行ったHTML5とCSS3のクロスブラウザー対応策をまとめておきます。

  • FireFoxでは、innerTextは使えない - Ozalog

    innerTextはIEでしか使えないようですね。 すっかりはまりました。 FireFoxの場合は、判定し使い分ける必要がありそうです。 IEの場合 element.innerText = "文字列です"; Firefoxの場合 element.textContent = "文字列です"; // ブラウザ判定 if (typeof element.textContent != "undefined") { element.textContent = "文字列です"; } else { element.innerText = "文字列です"; } Powered by ScribeFire.

    FireFoxでは、innerTextは使えない - Ozalog
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
  • いまさら聞けない><; 基礎から学ぶ「HTML5」超入門!

    HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTMLCSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSSJavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTMLCSSJavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から

  • 見落としがちなHTML5で変更された要素いろいろ

    2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね! ↑私が10年以上利用している会計ソフト! HTML5の基はここからお勉強! 「ところでHTML5ってなに?」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ! Webの3つの問題を解決する「HTML5」とは何な

    見落としがちなHTML5で変更された要素いろいろ
  • HTML5は難しくない? XHTML1.0とHTML5のコーディングの違いを確認してみよう!【初級編:HTML5のマークアップ】 | HTML5でサイトをつくろう

    HTML5は難しくない? XHTML1.0とHTML5のコーディングの違いを確認してみよう!【初級編:HTML5のマークアップ】 先日のエントリーでもHTML5で作成されたサイトが増えてきていることから、そろそろHTML5の勉強をそろそろしなければと思っている人も多いと思います。 グーグルの特設サイトなどがトリッキーなことをやっているのでHTML5=難しいと思っている人もいると思いますが、あのような動的なサイトやAPI関連をいきなりやるのはなかなか大変ですし難しいです。それよりほとんどの人ですぐ必要になるのが通常のページをどうマークアップするかだとおもいます。 構造の考え方が全く変わりましたが、マークアップだけでしたらXHTMLHTML5はいままでxhtmlでマークアップしていた人にとっては簡単に乗り換えられるとおもいます。 xhtmlではブロックレベル要素とインライン要素という分類に分

    HTML5は難しくない? XHTML1.0とHTML5のコーディングの違いを確認してみよう!【初級編:HTML5のマークアップ】 | HTML5でサイトをつくろう
  • HTML5 でやりがちな間違い

    HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes : HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日語にしたものではあり

    HTML5 でやりがちな間違い
  • はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ

    先日このブログを HTML5 で作り直しました。その時に思った、HTML5 でコーディングするときの基的な注意書きです。なので、HTML5 をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基の文章構造、アウトラインについての記事です。また、後半は実際に HTML5 でコーディングする時の tips になってます。 先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5 にしました。 とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5 でコーディングをする時に、とても大事だなーと思っ

  • HTML5 におけるアウトラインに関して簡単解説

    HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは? アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう

    HTML5 におけるアウトラインに関して簡単解説
  • HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して

    スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは,「Webページをコーディングして作る人」全般に当てはまる。 レベルは,0から4までの5段階。 (0) 非エンジニア (1) 初学者(入門書を学習してゆく段階) (2) ノーマル(基礎的な知識があり,ある程度の画面を作れるようになった段階) (3) 中級者(Webアプリの開発プロジェクトで1人月としてカウントできる水準) (4) 上級者(メインPG/デザイナとして,Web UIの主担当を任せられる水準) Webアプリのプロジェクト開始時に作業振り分けをするにあたって,新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお,システム開発上のスキルをチェックする事が主眼なので,アーティスト(

    HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して
  • HTML5 の img 要素に alt 属性は必須ではない

    最近、Blogger の投稿エディターで写真を挿入すると、img 要素に alt 属性が付かなくなっていた。HTML4 や XHTML1.1 では、img 要素に alt 属性は「必須」要素なので、どうしたことかしらん? と思っていた。 そこで読んだのがこの記事。 HTML5ではalt属性はオプション扱いで省略可能です。ちょっとここら辺はややこしいのですが、代替テキストの記述は推奨されますが、alt属性を省略することで意図的に代替テキストを利用しないことができるようになってます。 Re:犯してはいけないHTMLタグの過ち10個[to-R] より引用 なんと、HTML5 では alt 属性が「必須」から「推奨」に変更されている。また、代替テキストがないことを HTML4 や XHTML1.1 では img alt="" で明示的に表すけれども、それも HTML5 では alt 属性を書かない

  • 結局どうすればいいの? - Dive Into HTML5

    Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で

  • コーディング前に確認しておきたいこと。 - CSS HappyLife

    CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)! じゃあまずは最初に確認しておきたい基的なことか

    コーディング前に確認しておきたいこと。 - CSS HappyLife
  • HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース

    HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何?」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何?どんなことができるの?」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 <具体的に何ができるの?> ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは?変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは? - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「

    HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース
  • IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき

  • HTML5 における HTML4 からの変更点

    この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日語訳です。 原文の最新版 は、この日語訳が参照した版から更新されている可能性があります。 この日語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011

  • &lt;/war&gt;

  • クリボウの Bookmarks: 「HTML 5 分間テスト」と「CSS 7 分間テスト」

    shknock で知った、5 分間にどれだけの HTML 要素が入力できるかというテスト。クリボウは 41 点。なかなかくやしいです。 How Many HTML Elements Can You Name in 5 Minutes? 次は、7 分間にいくつの CSS プロパティが入力できるかというテスト。クリボウは 51 点。「あーあれを忘れていた!」と必ず言うはず。 How Many CSS Properties Can You Name in 7 Minutes? ということで、ぜひお試しを。

  • JustSayHi Dating Chat with people worldwide

    JustSayHi with Video & Chat Browse video profiles and group chat with people around you. Available in the Play Store Amazing features JustSayHi is geared for singles and people who are interested in meeting singles. Check out these key features: Videos of People Nearby We think it's important you’re meeting humans, so videos are a big thing Match You like (heart) them, they like you, it's a match.

    JustSayHi Dating Chat with people worldwide