タグ

uiとcssに関するwablogのブックマーク (10)

  • Making Compact Forms More Accessible

    A designer recently handed me a compact-form design that included the oft-seen technique of putting field names directly inside of the text fields themselves. The typical method of marking this up is to put the field name in the value attribute of each input element. You would then throw in some JavaScript and server-side scripting to make sure that the user didn’t submit the form with the default

    Making Compact Forms More Accessible
    wablog
    wablog 2007/01/08
    ユーザ名とパスワードのフォームは横並びにして、 JavaScript で label を上にかぶせる
  • ルビ表示はユーザスタイルシートで! - 徒書

    なんだか最近になってMozillaでルビ表示3の記事(個別ページ)がブックマークされているなと思っていたのですが、404 Blog Not Found:css - ルビもCSSでで紹介されていたからのようでした。 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。(←誤った疑問文) それはそれとして、404 Blog Not Foundではルビ表示用のスタイル定義をサイト用のCSSに組み込んでいますが、これはあまりよくありません。あのスタイル定義は(2001年当時のMozilla用に作った、)あくまで擬似的な表示を行うスタイルです。製作

  • A More Accessible Map

    As companies like Google and Yahoo! have simplified the process of placing information on a map by offering web services/APIs, the popularity and abundance of mapping applications on the web has increased dramatically. While these maps have had a positive effect on most users, what does it mean for people with accessibility needs? Most online mapping applications do not address issues of web acces

    A More Accessible Map
    wablog
    wablog 2006/04/24
    「視覚弱者に配慮した アクセシブルな CSS ベースの Map」
  • Surfin’ Safari - Blog Archive » High DPI Web Sites

    High DPI Web Sites Posted by Dave Hyatt on Friday, April 21st, 2006 at 4:48 pm One area of Web design that is going to become more important in the coming years is high DPI. For those of us working on WebKit, this will also become an issue for WebKit applications and for Dashboard widgets. What is DPI? DPI stands for “dots per inch” and refers to the number of pixels of your display that can fit w

    wablog
    wablog 2006/04/24
    「高解像度の環境にも対応できるよう、ズームできるスケーラブルなサイトを作るために考えること。興味深いアイデア満載。」
  • CSS Drop Column Layout by Stuart Colville

    CSS Drop Column Layout | Comments (33) Posted in CSS on 7th February 2006, 12:05 am by Stuart Simon Collison posted an article about his new fixed width 3-column layout which is made possible with a dash of javascript to alter the layout based on the resolution of the client’s window. For more on Simon’s layout see this post. Tim referred to my site in the comments on Collylogic saying that my si

  • Cascading Style Sheets and themes development - CollyLogic

    Cascading Style Sheets, commonly referred to as CSS, is commonly used to style web pages written in HTML and XHTML, but can be used together with any kind of XML document. It is a style sheet language used to describe the look and formatting (presentation semantics) of a document written in a markup language. The primary use of CSS is to separate document content from document presentation, such a

    Cascading Style Sheets and themes development - CollyLogic
    wablog
    wablog 2006/02/09
    広いと 3 カラム、狭いと 2 カラム。イイ!
  • Pure CSS Tooltips -- psacake.com

    Pure CSS Tooltips Home ASP Pure CSS Tooltips What is a tooltip? This is a tooltip an aiding text that appears just when you roll on with the mouse. The basic idea comes from Eric Meyer's pure css popupsa very clever way to get dynamic effects on an html page without using javascript. My idea was to add position:relative to the link, in order to allow the span element inside to position absolutely

    wablog
    wablog 2006/01/22
  • CSS Star Rating Part Deux » Blog » Komodo Media

    Komodomedia blog, webdesign, illustration & newsk00l javascript An updated and more cross-browser compatible version of the CSS star rater can be found here. My last CSS tutorial, Creating a Star Rater Using CSS covered the creation of a 5-star rating system using only CSS and a list of links. The result acheived can be seen below: Rate me! Here is the original CSS star rater in all of its goodn

    wablog
    wablog 2006/01/22
    評価の☆の表現
  • 日本規格協会 JSA GROUP Webdesk

    ★商品の発送に関するお知らせ★ 2024/03/04 平素より当協会のJSA Webdeskをご利用いただき有難うございます。 3月29日(金)に実施いたします棚卸に伴い、3月27日(水)午後以降にご注文いただきました商品は、4月1日(月)以降に順次発送いたします。 ※ダウンロード商品は除きます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 ★閉店時間に関するお知らせ★ 2024/03/04 3月29日(金)に実施いたします棚卸に伴い、当日のライブラリ・販売所(三田MTビル1階)の営業時間を12:00までとさせていただきます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 工業標準化法改正に伴うJIS規格名称変更のお知らせ(2020年6月22日更新) 2020/06/22 2020年6月吉日 お 客 様 各 位 日規格協会グループ 出版情報ユニット 工業標準化法

    日本規格協会 JSA GROUP Webdesk
    wablog
    wablog 2005/09/26
  • 視覚弱者のための「Zoom layout」 - lucky bag

    ロンドンで開催された @media のカンファレンスにて2005 年 6 月 10 日に行われた Joe Clark 氏のプレゼンと、それを受けた Douglas Bowman 氏の記事。視力が低い人を考慮したレイアウト「Zoom layout」という提案をしている。 Zoom the Web:The problem of giant fonts Stopdesign | Zoom layout 全く目が見えない視覚障害者の場合はスクリーンリーダーなどを利用するんだろうけど、かろうじて視力がある人たちは普通のブラウザを使うと思われる。ユーザビリティの話で、スクリーンリーダーを利用するユーザーへの対応の話は出てくるけど、低い視力のユーザーに配慮してってのは意外と聞かなかったりしたから、改めて考えさせられた。大きめのフォントサイズ、ハイコントラスト、シングルカラムのレイアウト等の代替 CSS

    wablog
    wablog 2005/07/07
  • 1