タグ

HTMLに関するwackyのブックマーク (349)

  • Smarty レイアウトテンプレート

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    Smarty レイアウトテンプレート
    wacky
    wacky 2007/06/15
    テンプレートエンジンにおける「レイアウトテンプレート」の概念の紹介、Smartyでの使用方法。
  • Special Characters

    ^ back to top  •  Original content ©2003 Webmonkey. Design, modifications and additions ©2004 Garrett Murray. Validate: XHTML Strict  •  CSS 2

    wacky
    wacky 2007/06/14
    文字実体参照・数値実体参照の一覧。
  • 論理構造を文脈に読み換えながら class 名を考える - 我的春秋

    POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsより 基的にはより論理構造を意識した class名をつけることが、今日のお話の目的なんですが、semantic-class-names のリンク先にない新味は、論理構造を文脈に読み換えながら class 名を考えるという点。(ただし、普段から意識的に文書全体の構造に照らして class名をつけている方には、それほど新味はないかも。) 例によって

    論理構造を文脈に読み換えながら class 名を考える - 我的春秋
    wacky
    wacky 2007/06/11
    『class名を上層から下層へと並べてみたときに、論理的なつながりや一貫性が保たれるように』するclass名の付け方の提案。
  • EJS Moving to Google Code at Edward Benson

    The folks over at JavaScript MVC have been using EJS in their framework, and have made a lot of great chances to it, so I’m going to move it over to Google Code this week so that others can more easily track development of it and contribute changes.

    wacky
    wacky 2007/06/06
    JavaScriptコードの埋め込みが可能なJavaScriptテンプレートエンジン。Ruby/ERBの移植。要prototype.js。
  • HTML Entity Character Lookup Left Logic

    Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters. This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c. HTML Entity Lookup Lookup HTML entities like, space separate for more: Options Small output Incl. extended

    wacky
    wacky 2007/06/05
    入力した文字をリアルタイムで実体参照に変換してくれるサービス。類似文字も一緒に表示されるのが良い。
  • 最速インターフェース研究会 :: HTMLドキュメントを解析して特徴的なループを見つけるBookmarklet

    - 全てのDOMノードを列挙する - ノードは次のように文字列化される。 0: /html[0]/body[0]/div 1: /html[0]/body[0]/div[0]/div 2: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 3: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 4: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 5: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 直前の階層までは添え字つき、最後のノードはタグ名のみにする。 class名、id名は排除する。各々のサイトのルールで記述されたruleよりも タグのネスト構造の方が変化に強いし機械的に抽出しやすいのではないか? 出現回数でソートする。li要素2-5はループであることが分か

    wacky
    wacky 2007/05/30
    HTMLのタグのネスト階層と出現回数を分析するJavaScript。ブックマークレット版あり。(Firefox専用)
  • 定義リストの違和感 - 我的春秋

    変数名の命名規則 (zonelog) Neko?プログラミング言語??(メモ:ブラウザのデフォルトCSS) (javaプログラマ日誌) HTML イズ ふりーだんm!! (想始創愛) h1をはじめ、見出し要素に関する議論が盛んになっている件 (STOPN 'LISTEN) 【sIFR】…でletter-spacingを効かせる方法。 (BLOG dot USK dot CC) [Web]Re: Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか? (TRANS) CSS Nite LP, Disk 3 (hemiolia.com) 一歩先のWeb標準 ♯2 (withD(ウィズディー)) 一歩先のWeb標準 ♯1 (withD(ウィズディー)) CSS Nite shuffleが終了しました。 (CSS Nite公式ブログ)

    定義リストの違和感 - 我的春秋
    wacky
    wacky 2007/05/27
    HTMLの定義リスト(DL)の術語(DT)と説明文(DD)はn対nの関係が許されている、という話。
  • bkhvalid - BK class

    wacky
    wacky 2007/05/24
    ローカルやWebサイト上の複数HTML/CSSを一括して文法チェックするツール。カンパウェア。(→ レビュー: http://www.popxpop.com/archives/2007/05/htmlcssbkhvalid.html
  • ducktyper.com - ducktyper リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    wacky
    wacky 2007/05/22
    「bvr-」で始まるclass名の要素へ自動的にDOMイベントを付加するライブラリ「behavior.js」。要prototype.js。
  • Particletree » Rediscovering the Button Element

    We design and development any game with all your requirment and needs, with all our experiences and profesional team we can make all your imagination come true! Dont hesitate to contact us and discuss all your needs. GK8 Net will give the best design base on your imagination or even we can help you to find new idea to bring all your fantasy into a canvas that ready to develop as a new game. We alw

    wacky
    wacky 2007/05/20
    button要素とCSSによる装飾ボタンのサンプル。(英語)
  • paxt - Trac

    Welcome to Php AjaX with Templates (PAXT) PAXT is library, built on top of the HTML_AJAX package (http://wiki.bluga.net), using Smarty (http://smarty.php.net) templates. Download paxt See quick Quickstart guide See documentation See doxygen-generated api read License read FAQ

    wacky
    wacky 2007/05/16
    PEAR::HTML_AJAXとSmartyを利用したAjaxなテンプレートエンジンのPHPライブラリ。
  • XHTML タグ一覧表示ツール

    下に表示されている XHTML タグをクリックすると、その下にある枠内に、 正しいマークアップ 使用可能な子要素(または親要素) 使用可能な属性 が表示されます。XHTML タグを記述する際、「このタグの書き方は?」「このタグの子要素(または親要素)には何が書けるの?」と思ったら使ってください。元データは Another HTML-lint のタグ一覧を利用しています。 クリック表示 マウスオーバー表示 属性表示 XHTML 1.0 Transitional [ 閉じる ] <a> <abbr> <acronym> <address> <applet> <area> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <caption> <center> <cite> <code> <col> <colgr

    wacky
    wacky 2007/05/15
    XHTMLの各タグの仕様を素早く調べることができるページ。タグ毎に「正しいマークアップ」「使用可能な子要素・親要素」「使用可能な属性」が表示される。
  • riiv.net - riiv リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    wacky
    wacky 2007/05/05
    文法をカスタマイズできる拡張性の高いJavaScriptテンプレートエンジン。MITライセンス。(→ 解説: http://youmos.com/news/javascript_zparse.html
  • DOMのinnerHTMLに流し込む - Thousand Years

    Tipsです。JSmartyで処理した結果をDOMのinnerHTMLに流し込む方法のご紹介。現在、JSmarty0.4系開発中。 JSmarty#fetchの利用 tpl = new JSmarty(); tpl.assign("foo","Hello World!!"); document.getElementById('hoge').innerHTML = tpl.fetch("string:{$foo}"); PHPやっていてdisplayばかり使っているのでfetch利用わすれちゃいますが…JSmary#fetchやSmarty#fetchともにテンプレート処理してその結果を返すという仕様です。JSmartyではdisplayよりfetchのほうを多様するかと思います。 JSmarty.System.print()のハック JSmarty.System.print = funct

    DOMのinnerHTMLに流し込む - Thousand Years
    wacky
    wacky 2007/05/04
    JavaScriptテンプレートエンジン「JSmarty」のdisplayメソッドをdocument.writeからinnerHTML書き換えに変更するTips。
  • ふつうに横三角 - ぼくはまちちゃん!(Hatena)

    CSSで横三角。「半キャラずらし」 (インターネット帳面) 今回はお題の通りインターネット帳面でもやってる「CSSで横三角をやる方法」。2バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。 ↑こんな記事があって、ちょっと面白かったので、 参考までに、ふつうの横三角のコードも書いておきますね! » (&raquo;) « (&laquo;) ▷ (&#x25B7;) ▶ (&#x25B6;) ◁ (&#x25C1;) ◀ (&#x25C0;) そうそう、この中でも &raquo; って結構使えるよ! よくサイドのメニューとかで、CSS を使って <li> の背景左端に、三角っぽい画像を設定したりするよね! でも &raquo; をつかえば、画像がなくてもこんな感じ! » Diary » Bookmark » Fotolife »

    ふつうに横三角 - ぼくはまちちゃん!(Hatena)
    wacky
    wacky 2007/04/22
    『横向き三角形』を表示する実体参照の紹介。へぇ、知らなかった。
  • Mjt: an In-browser Web Framework

    Template-Driven Webapps in Javascript Mjt is a Javascript application framework that runs entirely in a web browser, based on a HTML templating engine. It was built for the Freebase service, but it can be used for many other web services. It is distributed as open source. If you can get your data from a JSON-aware web service, creating a Mjt application is the quickest way to get that data display

    wacky
    wacky 2007/04/08
    JavaScriptによるシンプルなHTMLテンプレートエンジン。PythonのKidをベースとした構文。BSDライセンス。
  • Event.Behavior : Natural Language Event Programming for Prototype

    Natural Language Event Programming for Prototype.js. Introduction This library is inspired by Adam McCrea's MetaProgramming Javascript Presentation. It is a work in progres and is being used in the development of several real world applications. Based on the use cases and problems encountered it will evolve and the API will change in the coming weeks. Requirements This script uses the Prototype ja

    wacky
    wacky 2007/04/07
    自然な英文を書く感覚でイベント処理を定義するJavaScriptライブラリ。要prototype.js。MITライセンス。
  • ほとんどの「論理マークアップ」はクローラにとってはクソの役にも立たない : ひろ式めもちょう

    Japan.internet.com Webビジネス - SEO のキホン―なぜ論理構造が必要なのか http://japan.internet.com/busnews/20070402/6.html てなことをあやしげSEO系マーケターが書いてるわけだが。 こういう神話が一人歩きしている状態がイヤだ。いくぶん極論ではあるが、これが「間違っている」ということをネット辺境のきわみであるこのページに、せめてメモっておこう。 ほとんどの場合、クローラにとってHTMLごときの論理マークアップなんてクソの役にも立たない! …だって作ってる人が最初にタグを削除してるって言ってんだから、役に立つわけないじゃん。 フィードリーダや特殊なスパイダーでもない限り、細かい論理マークアップを見たりなんかしないよ。フィードリーダは埋め込まれているフィード情報をチェックするからしかたない。特殊なスパイダーというのは

    ほとんどの「論理マークアップ」はクローラにとってはクソの役にも立たない : ひろ式めもちょう
    wacky
    wacky 2007/04/03
    HTMLの論理マークアップとSEOは無関係という話。
  • 第6回 上手なアルゴリズムの見つけ方

    図1に示すHTML形式のテキスト・データ(以下,HTMLデータ)があります。このHTMLデータをブラウザに表示させたときに「表示される文字列」と「その文字列に対して有効なタグ名」を対応付けるアルゴリズムを考えてください。結果は配列に格納して,画面に表示させるものとします(図2)。 見わたせば,世の中はアルゴリズムだらけです。私のようなプログラマは,日常生活でも「締め切り順に仕事をソートしてごらん」「仕事のスタックがたまっているからてんてこまい」など,いま置かれている状態をアルゴリズムやデータ構造になぞらえて会話することがよくあります。前回紹介した再帰処理と言えば,落語の演目の一つ,「頭山」です。自分の頭に生えた桜の木を引っこ抜いて,その跡にできた池に自分自身が身を投げる,という不思議な話ですが,これこそ再帰処理をよく言い表していると思います。 このように世の中には,ハッシュだってスタックだ

    第6回 上手なアルゴリズムの見つけ方
    wacky
    wacky 2007/04/03
    HTMLパースのアルゴリズム。
  • シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)

    Crescent Eve はシンプルなエディタです。 こだわりの基機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ~ HTMLを書く道具 ~ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう!」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を

    wacky
    wacky 2007/03/26
    軽量かつシンプルなHTMLエディタ。文法チェック機能、リアルタイムプレビューの他、状況判断型のタグ入力支援機能が素晴らしい。惜しむらくはインストール型であること。