Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

htmlに関するyamazのブックマーク (14)

  • IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開

    業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U

    IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
  • Canvas tutorial - MDC

    このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト(ふつうは JavaScript)を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は ApplemacOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTMLJavaScript の基的な理解が必要です。一部の

    Canvas tutorial - MDC
  • Encode::JP::Mobile に i-mode と ezweb 間での絵文字相互変換をさせるパッチ - TokuLog 改めB日記

    Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at

    yamaz
    yamaz 2007/05/24
    「モバイルのノウハウとか死んでしまえ。そんなもんノウハウでもなんでもねーよ。とゆいたいです。」 私もゆいたいです。
  • Ajax でテーブルへの追加 - まるぼ〜の日記

    Railsでテーブルを使ったレイアウトに対してRJSを適用しようとすると, tableにTrを追加しようとしてもうまく追加できない(IEで顕著)というような問題によくぶつかる. yamazのRails日記 - テーブルタグを使わずにテーブルっぽいレイアウトをしたい IEでは、HTMLのテーブルへ tr 要素を追加するには、tbody へ tr 要素を追加しないとエラーになってしまう。(IE6のみで確認) Opera や Firefox は tbody とか無くても大丈夫。ただし、Opera は 9.10 以降のみ。それ以前のバージョンでは、正しく追加されない。 table.rhtml <table> <thead><th>カラム名</th></thead> <tfoot></tfoot> <tbody id="target"> <% @list.each {|e| -%> <tr><td>

    Ajax でテーブルへの追加 - まるぼ〜の日記
    yamaz
    yamaz 2007/05/22
    なるほど!IEの場合,Tbodyに対してtrを追加しないとエラーになる
  • Tableless forms

    I consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. More and more web designers work very much with styles in order to create a unique and easy to maintain website. You can see some inspirational examples by visiting a gallery like CSSREMIX or cssdrive. Those are CSS gal

    yamaz
    yamaz 2007/03/06
    tableを使わずにきれいなFORMのページを作る.FORMとテーブルはDOM操作と相性悪いのでとても大事
  • HTML Cheat Sheet

  • 技術メモ帳 - Iframe の designMode="on" によるリッチテキストエディット

    こんな属性があるのを知らなかった。 実際には、Iframe の属性ではなさそうだが。 どうも、javascript で以下のように指定してあげる事により、 リッチなテキスト編集機能が有効になるようだ。 iframe.contentDocument.designMode = "on"; ちょっとサンプルを作ってみた。 選択範囲の色変えたり、画像貼付けたり出来ます。 http://gomibako.hahaue.com/rth.html (Firefox only) 実際に文字の状態を変化させたりしたい場合は、 同要素の execCommand メソッドを使用すればよい。 たとえば、文字を太字にしたい場合は、 以下のように指定するだけで良い。 iframe.contentDocument.execCommand("bold",false,null); 色を赤くしたければ、 iframe.con

    技術メモ帳 - Iframe の designMode="on" によるリッチテキストエディット
    yamaz
    yamaz 2006/10/05
  • Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro

    Webサイトを設計する際,「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから,色の変更指示で不眠開発になるという話は,いまだ昔話にはなっていません。 色の問題を解決するためには,色についての知識があったほうが助かります。ただし,色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で,色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて,我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば,赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり,黄色の標識を目にすると周囲に対して少し注意力をはらったり

    Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
    yamaz
    yamaz 2006/09/14
  • CSSレイアウトの定石 WinIE6バグ回避法

    CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設

    yamaz
    yamaz 2006/04/08
  • スタイルシートによる崩れない 2カラム 3カラム・レイアウト

    このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!

    yamaz
    yamaz 2006/04/08
  • CSSによる段組(マルチカラム)レイアウト講座

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    yamaz
    yamaz 2006/04/08
  • JavaScriptは使わずCSSだけで作られたイメージギャラリー - GIGAZINE

    しかもIE5.5、IE6、IE7β、Opera8、Firefox1.5などで動作確認済みというクロスプラットフォーム式。 cross browser multi page photo gallery http://www.cssplay.co.uk/menu/lightbox.html#flower8 これも同じ感じ。 Suckerfish HoverLightbox | Monday By Noon http://www.mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/

    JavaScriptは使わずCSSだけで作られたイメージギャラリー - GIGAZINE
  • Ditchnet Forum

    Category Topics Iphone Tips & Software 10 Iphone 3 Remote Desktop 1 Wifi 2 Screen Mirroring 2 General 8 Software 12 Mac 1 Data Recovery 0 Brazilian Portuguese Forum 0 Swedish Forum 0 Danish Forum 0 Korean Forum 0 Turkish Forum 0 Polish Forum 0 Norwegian Forum 0 Japanese Forum 0 Dutch Forum 0 Italian Forum 0 German Forum 0 Spanish Forum 0 French Forum 0 Chinese Forum 0

    Ditchnet Forum
  • DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」

  • 1