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年に勧告される「
~10程度っすよ ~50程度かな ~100くらい ~300程度です ~500はこなす ~1000はやってます これ以上 ( ! )
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能(Commercial use)なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約(Terms of Use等)をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ
Yahoo! SEO〜TOP 始める! 濃い被リンク 発リンクのSEO対策 キーワード出現頻度 を調べる キーワードやリンク ホームページの情報リンク SEOの分散理論 Yahoo? 検索エンジンの変遷 ホームページ検証人による… SEOの質問♪ Yahoo!のSEOを自らのホームページで◇◆◇ おすすめの情報を紹介しますが・・・ YahooへのSEOを濃い味の内容にするには注意事項があります? リンクなどホームページにやってみる⇒結果待ち〜⇒検証⇒そのあとの気付き… サイトやブログでこのようにやってみても、、Yahoo SEOって短時間で答えは出ない。 情報はいろいろありますが・・・・・・・・ Yahoo!のホームページを考えると遅いことがあります。 「短時間でいける〜」とか言う人がいたら詐欺^ ^ これはグーグルと比べれば一目瞭然。 新しく作った時が顕著で、Yahoo!に比べグーグルの
当サイト、放置サイトと化しております・・・。 YahooのSEOに関する最新情報はこちらから ↑今のYSTについて深くしてますので、宜しくどーぞ。 *とりあえずヤフーは「あらゆるリンク」が評価される! 検索サイト、各種ブックマーク、ブログ、普通のサイト・・・、そこにリンクのされ方まで関わってくるのでアル! 日本でSEOといえばYahooで上位表示することだっ!まず始めにきっぱり断定しておきます。理由は単純明快。だって、Yahooからのアクセスはすごいから。ただそれだけなのよ~ん^^ ぐーぐるからいっぱいお客さん(訪問)が来るのだったら、「SEOって言えばぁGoogleだぜい!」とこうなる。 私も好きでYahoo!のSEO対策をやっているんじゃないんです。ぐーぐるの方がけっこう簡単だったりするし...。 Yahoo!で上に来ないと何も始まらないのだわさ。だから私はヤフーSEO一本でいってる次
Updated 2013.10.08 / Published 2005.09.12 HTML4.01, XHTML1.0, XHTML1.1の全要素・属性を網羅したリファレンスです。意味や文法をすぐに調べることができるように様々な索引を用意しています。 要素名A-Z索引 HTML4.01, XHTML1.0, XHTML1.1で定義されている全要素型をアルファベット順でリストアップした索引です。 属性名A-Z索引 HTML4.01, XHTML1.0, XHTML1.1で定義されている全属性名をアルファベット順でリストアップした索引です。 要素名の読み方 HTML4.01, XHTML1.0, XHTML1.1で定義されている要素名の発音ガイド(読み方)を掲載しています。 属性名の読み方 HTML4.01, XHTML1.0, XHTML1.1で定義されている属性名の発音ガイド(読み方)を
CSSでロールオーバーボタン(マウスが上にくると画像が変わるボタン)を実装する際に、プリロードを行っていないと、マウスオーバー画像が読み込まれるまでに若干のチラツキが発生します。 プリロードはjavascriptで行うの方法が一般的ですが、CSSで行うとデザイン時に同時にプリロードの処理を行うことができて便利です。 (X)HTMLに記述するコード <p class="button"> <a href="#">sample</a> </p> CSSに記述するコード p.button{ background:url("img01/a_img.gif") no-repeat; } p.button a{ display:block; width:200px; height:50px; background:url("img01/b_img.gif"); text-indent:-9999px;
複数の画像を一枚にまとめて、スタイルシートで背景画像として指定するCSS Spritesに利用できる画像置換の実装例の紹介です。 画像置換する際には、CSSオフ時・画像オフ時・印刷時・音声ブラウザ対応・空タグ使用などを考慮する必要があります。 備考 コードは、参考サイトからサイズ指定などを変更しています。 画像置換元は、全てH3要素になっています。 H3は、テキスト(見出しのテキスト)もしくは画像(印刷用の見出し画像)です。 ブラウザに「背景画像」が表示されていれば、期待通りの動作です。 使用している画像は、次の通りです。 背景画像 印刷用の見出し画像 1pxの透過画像 名称は、Revised Image Replacementを参考にしています。 サンプル:01 -Classic FIR デモページ <textarea name="code" class="html" cols="60"
「画像置換」の最大の欠点を克服し、CSS有効かつ画像非表示の環境ではもとのテキストが表示される方法。 まもるべき条件はつぎの2つ。 HTMLに手を加えず、CSSの変更だけで実現できること CSS有効かつ画像非表示の環境では、もとのテキストが表示されること 一番目の条件はもとのHTMLがどんなだったかに依存しますが、ここでは公式テンプレのcfdn_09を例にします。 サイドバーのh3要素「Categories Archives」「Monthly Archives」「Links」を画像に変換します。 該当箇所の(X)HTML <div class="secondary-column"> <h2>Appendix</h2> <div class="section" id="categories-archives"> <h3>Categories Archives</h3> <ul> <li><a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く