This is an example on how to use the whatwg canvas element now available in Firefox. All the code here is available without any restriction. You need at least Firefox 1.1 to be able to use this examples. It should look like this.
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
Webページの自動カテゴライズ の続き。 前回書いたとおり、パストラックで行っている Web ページのカテゴライズでは、Web ページの本文抽出がひとつの鍵になっています。今回はその本文抽出モジュールを公開しつつ、使っている技法をざっくり解説などしてみます。 本モジュールの利用は至極簡単。require して analyse メソッドに解析したい html を与えるだけ。文字コードは UTF-8 です。 【追記】大事なこと書き忘れ。本モジュールは Ruby1.8.5 で動作確認していますが、特別なことはしていないので、1.8.x なら動くと思います。 $KCODE="u" # 文字コードは utf-8 require 'extractcontent.rb' # オプション値の指定 opt = {:waste_expressions => /お問い合わせ|会社概要/} ExtractCont
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Create diagrams quickly No wasting hours mucking about with fiddly diagram layout. yUML allows you to create diagrams quickly by simply typing plain text. See Sample Diagrams Draw UML with code Because yUML diagrams are based on text, you can easily create them from your CI scripts or code. Simply request an image programatically using a GET or a PUT. Tool vendors are using this to integrate yUML
Long Paragraph <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vit
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
ようこそゲストさん ブログトップ 記事一覧 ログイン無料ブログ開設 Yet Another Ranha
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
Note: Replaces original Smart Folding menu on same page. Description: This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree! Once transformed, the original list and its sublists can be collapsed/expanded at will, with cookies used to optionally persist its state. Here's an overview of the script: Plug and play script that turns a UL list into a tr
どうして? 嬉しいことに、私が読み続けていた、粋な <canvas> 要素がまもなく Firefox でサポートされる【訳注: 既にサポート済】 だけでなく、既に現在のバージョンの Safari でサポートされていることを理解した後、私は少しの実験を試みました。 私が MDC で見付けた canvas の 概要とチュートリアルは素晴らしいのですが、まだ誰もアニメーションについて書いていませんでした。そこで私はしばらく前に作業していた簡単な RayCaster を移植し、JavaScript によって制御されたピクセルバッファからどういった性能がでるか確認したいと考えました。 どうやって? 基本的なアイディアは望むフレームレートに対応する任意の遅延で setInterval を使うことです。 全ての間隔の後に更新用の関数は現在のビューを表示する canvas を再描画します。より単純な例
例えば、辞書型定義リストDLの場合は <!ELEMENT DL - - (DT|DD)+> となっていますが、これは開始タグ、終了タグとも必須で、内容としてはDTもしくはDDが1回以上出現しなければならないということを意味しています。 例外についての注意 +(E)という書き方は、要素（群）Eは内容モデルの「例外」として出現して良いことを示します。この例外は「その要素の実現値の中の全ての場所に適用する」とされ、その子孫にわたって内容モデルにかかわらず出現して良いという意味になります。これは結果的にDTDの読み方を少し難しくしているので注意が必要です。例えばBODY要素タイプの定義を見てみましょう。 <!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) > BODY要素の内容にはブロックレベル要素（%block;）もしくはSCRIPT要素が1回以上出現
+ body.mainIndex + div#header + p.siteName a p.description + ul#globalNavi + li a + div#content + div#main + p.topicPath a h1 + div.section .entry #entry000000 + h2 a + ul.info + li.author span.name li.date + li.category a + div.textBody + p.continue a + ul.reaction + li.comment a span.count + li.trackback a span.count + p.archives a + p.topicPath a + div#utilities + dl.navi dt + dd + ul.recentEnt
追記あり IRCで知人から HTML及びCSSは習得が難しい言語か！の記事について、僕の意見を聞きたいと言われました。僕もだいぶ前から、マークアップエンジニアとして働いている人の考えに思うところがあったので反応してみます！あっと、ちなみに、記事はHTMLについて話されていますが、CSSも含めて意見を述べさせていただきます。 まず、僕の考えを端的に伝えるために、当時のIRCでのログを編集して貼り付けます。改めて読み返すと言葉足らずだったり、脱線しているところもあるので、後に補足しますね。 (wu^-^) HTMLとかCSS勉強したいひとは (wu^-^) なぜ勉強したいかってところが大事 (wu^-^) HTML言語そのものが面白いなんて思う人は稀なのは確か (wu^-^) 何か作りたいものとか (wu^-^) 表現したいものがあって (wu^-^) HTMLはその道具にすぎなくて (wu^
前回の続き プログラマへ質問: こんなプログラム言語があったら── : 亜細亜ノ蛾の続きです。 CSS で「できること」「できないこと」 CSS という言語は、「できること」（文字装飾など）と、「できないこと」（サーバ通信 など）を覚えるまでは簡単です。 できることが わかっていれば、「やりたいこと」の答えは検索で すぐに見つかります。できないことも、あっさり諦められる。 問題なのは、「できなさそうで できること」（リンクに特定のアイコンを表示）と、「できそうで できないこと」（リンクに favicon を自動取得して表示）を覚えるのが やっかい。 さらに、「全てのブラウザで同じように表示させたい！」と禁断の、いや ごく普通の願いが、地獄への道しるべ。CSS 魔のダンジョンへ、ようこそ──。 「CM 入りまーす」 そこで──、すべての Web デザイナ・CSS ファン・ブロガ必見、現在絶賛
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く