Components · Twitter BootstrapSleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな
はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。 話題なのはこのページ 経済産業省 会見・スピーチ 大臣記者会見 ページ自体は古め*1 divの数は下のコードで数えたらページ全体で309個あった。 検証方法 firebugにjQuery検証機能を付けるFireQueryというのを使ってjQueryで適当に以下のコードを実行した。 var c=new Array("red","yello","blue","green","black","pink"); $("div").each(function(i){ $(this).attr("style",("border:1px solid "+c[i%6])) }) 結果 こんなHTMLどうやって作ったんだろうか。 もし手打ちなら根気の居る作業だったんだろうなぁと思いました。 追
［速報］Adobe MAX 2010。HTML5とjQueryに対応したWebアニメーションツール「EDGE」などを発表
［速報］Adobe MAX 2010。HTML5とjQueryに対応したWebアニメーションツール「EDGE」などを発表 米アドビシステムズは、イベント「Adobe MAX 2010」を10月25日（日本時間25日深夜）からロサンゼルスで開催しています。 いま同社が力を入れているのがモバイルやテレビといった、さまざまなデバイスへの対応。これを同社は「マルチスクリーン対応」と呼んでいます。25日深夜に行われた基調講演では、iPadやAndroidなどさまざまなデバイスに対応したHTMLやFlash用の新しい開発ツールを披露しました。 その基調講演の内容を紹介しましょう。いちばんの注目は、HTMLやJavaScriptなどFlashを使わずにタイムラインを用いて簡単にアニメーションが作成できる「Edge」の発表です。従来Flashの領域だったインタラクティブな機能が徐々にHTML/CSS/Ja
HTML5ではパーサの動作も仕様に明記。ブラウザ間の互換性が高くなる！
HTML5対応パーサがFirefox 4に搭載されることを、先週の記事「Firefox 4.0の計画が発表。Direct2Dで高速描画、マルチタッチ、64ビット対応。来月にはβ版が登場か」で紹介しました。 HTML5パーサとは、単にHTML5として記述されたHTML文書をパースできるという意味ではなく、HTML5の仕様書にあるパーサの動作についての仕様を実装したものです。 そう、HTML5ではパーサの動作についても仕様書の「8.2 Parsing HTML documents」の項目で記述されているのです。これによってどのWebブラウザでも基本的な内部動作が揃うことが期待されています。 相互互換性のためのリバースエンジニアリングも不要に 仕様書では、詳細にわたりHTML5パーサの動作がアルゴリズムのレベルで記述されています。見出しだけをリストアップしてみました。 8.2.1 Overvie
Chrome HTML検証エクステンション登場 | エンタープライズ | マイコミジャーナル
Robert’s talk Robert Nyman氏がHTML Validator - Robert's talkにおいてChrome向けのHTMLバリデータエクステンションを公開した。同氏はこれまでにいくつもFirefox向けのエクステンションを開発している。HTML Validatorは簡単に扱うことができて便利。紹介されている内容をまとめると次のとおり。 HTML Validatorの特徴 自動または手動でHTMLの検証を実施可能。W3C Validatorを使い、インラインで処理することもW3C Validatorへ処理を飛ばすこともできる。 HTML Validatorのアイコンはアドレスバーの右側に表示される。ページにエラーがなければ緑色で0と表示され、エラーがあれば赤色でエラー数が表示される。エラー一覧はページ下にダイアログがポップアップする。 HTML Validator
2010年、押さえておきたいウェブデザインのトレンド
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント 2. 大きい見出し 3. 埋め込みフォント 4. 繊細なテクスチャ 5. ミニマリストとグリッド 6. CSS3 7. モバイル対応 はじめに 2010年はウェブデザインが今まで以上に刺激的で試行錯誤に満ちたものになるかもしれません。 HTML5、そしてCSS3の魅力的な新機能をデザイナーとデベロッパーが巧みに取り入れようとしています。 去年からのトレンドだと、現在は手描き風や大きい背景は少なくな
日記 | ヨモツネット
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 意味なかったです多分。いまは HTML に SVG 混在でき
再び注目を集めるHTML | コラム | ミツエーリンクス
Webの発明者にして W3C のDirectorを務める Tim Berners-Lee 氏が、自身のBlogに投稿した記事「 Reinventing HTML 」が話題となっています。タイトルだけを訳せば「HTMLの再発明」となりますでしょうか。Webコンテンツを実装する際に広く利用されているマークアップ言語、それがHTML（HyperText Markup Language）であり、その仕様は主にW3Cにおいて開発/策定されてきました。それを今になって再発明するというのは、一体何を意味するのでしょうか？本コラムでは、「Reinventing HTML」に記された内容を一部引用しながら、過去から現在に至るまでのHTMLを巡る動きや、今後のW3Cの活動についてご紹介しようと思います。 HTML has the potential interest of millions of people
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
HTML5, きちんと。
This document describes how to configure Spring Security for authentication and authorization in a web application. It defines a WebSecurityConfig class that configures HTTP security with roles like OWNER and MANAGER for access control. It also defines a UserDetailsManager service for loading users and a User entity class implementing UserDetails. Tests are shown for security configuration, login,
「http://」の「//」は要らなかった、とWWWの父
「http://」の「//」は要らなかった――Webの父語る Webアドレスの「http://」の「//」は無用だ――インターネットの父ことティム・バーナーズ・リー氏はWebの将来についてのインタビューでこのように語った。「インターネットを発明したころに戻れるとしたら、何を変えたいか」という質問に対し、同氏はWebアドレスの最初の部分（http://）を挙げた。http://はトップから始まることを示すためのものだったが、「誰も『http://』以外で//を使っていない」「考えてみれば、//が不要だということが分かる。//なしで設計することもできたはずだ」とし、「当時はいいアイデアに思えたのだが」と語った。 Sir Tim Berners-Lee admits the forward slashes in every web address 'were a mistake'（Daily M
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://hmdt.jp/archives/image/2004_11/ShiiraAtMOSA.pdf
nsIDOMHTMLMediaElement - Mozilla | MDN
今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで
IBM Developer
Engadget | Technology News & Reviews
http://japan.internet.com/developer/20091124/26.html?rss
IDEA * IDEA
