Yahoo!が提供するレイアウト用CSSライブラリ:phpspot開発日誌
Yahoo! UI Library: Grids CSS Grids CSS is a suite of seven web page templates and the ability to nest grids of one to four columns within the content area of those templates. Yahoo!が提供するYahoo! UI Library。 Javascriptだけのライブラリ、だと思っていたら最近になってCSSライブラリも含まれるようになりました。 このCSSライブラリを使うことで、ページの複雑なグリッドレイアウトが比較的容易に作れます。 更に、このライブラリで作ったページは大体のブラウザに対応しているというので動作確認の手間も省けそうです。 基本のHTMLを書いておけば、classの変更で簡単にレイアウト変更が可能な形に
いまさら聞けないHTML --- Part2：レイアウトと見栄えを固定
今どきのWebページは，ウインドウの大きさを変えてもレイアウトが変わらない。見栄えもWebサイト全体で統一されている。このようなレイアウトや見栄えの指定にも，HTMLのタグが使われている。 3ステップでページ作成 Webページ制作者から見ると，Webページの作り方は3ステップ。この作り方の手順に沿って見ていこう（図2-1[拡大表示]）。 ステップ1ではレイアウトを決める。使い勝手や見栄えを考えてレイアウトを決めて，Webページに貼り付ける要素を考えながら枠を区切るわけだ。具体的には，枠を固定して区切ることができるタグを使ってHTMLファイルを作成する。 ステップ2は，スタイルの定義だ。デザインを考えれば，ページ内の文字の大きさなどは揃えたい。しかし，今どきのWebページは，もともとは別のファイルを組み合わせて作ることが多い。部分ごとに，更新頻度が違っていたり，作成者が違ったりするからだ。こ
SEO対策とWeb標準のホームページ作成 - SEO-Equation
楽しいとしか思えない！ 風邪だけではありません。 日は雨です 関東熟女は岩手はかっこいいようです 湿気が多い さて、これからは雨が降るたびに 涼しくなってきま 高熱が出て何年になりますか？ インフルエンザは何十年もかかっていないので、久しぶりの高熱は大変でした。 気温の違いによると思いますが、今回は朝から着ている服がとても気になります。 岩手 熟女 話が変わる... 最近は焼肉が食べたくて仕方がない 家でお肉を焼いても大丈夫ですが、お店に行って食べたいです〜 ここの焼肉店は美味しいのでオススメです。 すでに 処理しないと追いつかない 熟女は岩手が暗くないと見えません あなたの年齢を残さないでください！ しかし、Suppinは神です 週7回のメイクアップはありません！ ああ。 CDTVが始まりました！ 熟女は岩手は自分で写真を撮りに行きたいです 私は旅行の計画を立てるために休日に半日を過ごし
スタイルの設計とCSS 2.1 - 詳細目次
スタイルの設計とCSS 2.1：詳細目次 第2章、第3章の一部は本文をウェブに公開し、この目次からリンクしています 1. 情報の組織化とマークアップ 1.1 コミュニケーションと情報ブロック 1.1.1 情報の組織化と理解 1.1.2 タスク/目的に対する機能 1.1.3 情報の組織化、認知を助けるためのデザイン 1.2 XHTMLと情報の組織化 1.2.1 XHTMLの基本ブロック要素型 1.2.2 機能ブロックとXHTML 1.2.3 インラインレベルの要素型 2. CSSの基本 2.1 CSSの基本処理モデル 2.1.1 CSSの意味と役割 2.1.2 文書ツリーと整形モデル 2.1.3 キャンバス、表示域、ドキュメント 2.2 CSSの記述 2.2.1 スタイルシートの構文 2.2.2 XHTML文書への組み込み 2.2.3 プロパティ値のデータ型と単位 2.2.4 @規則 2.2
web-conte.com | blue | なぜみんな角丸が好きなのか？
タイトルに惹かれ、「Why Do We Love Rounded Corners?」というこの記事を訳してみた。何が書いてあるのかと思って。われながら、あまりいい訳とも思えないけれど。 インターフェースの設計者やグラフィックデザイナーと同様、われわれも「丸みを帯びたコーナー」に取り憑かれている。Webの開発者はCSS（や、ときにJavaScript）を創造的に用い、可能なかぎり手間をかけずに角丸を表現することを目指して、そのことにどんな苦労もいとわなかったものだ。現在提案されている CSS3 の定義書には、角丸を指定するためのプロパティすら含まれている（Firefox はすでにこのプロパティをサポート済みだ）。 なぜそんなに角丸には魅力があるのか。思い切ってこれから述べようと思うのは、われわれが角丸に魅了されるこの現象が審美的なレベルを超えたものではないかということ。それともう二、三のこと
安全な style アトリビュートのチェック案 - Tociyuki::Diary
HTML を無害化したいとき、style アトリビュートを問答無用に捨ててしまうのが主流なのだと思うのですけど、次のように HTML 用に記述内容を制限して利用可能にしたらどうだろうかと考えつつあります。 (2月7日 修正あり) 許可するもの: IDENT を構成する文字をアルファベット・数字・マイナス・アンダースコアに限定 declaration は単位付き数値と keyword と hexcolor だけ term 間はスペースとコンマとスラッシュだけ スペースはブランク文字、タブ、LF、CRだけ 文字エスケープ、url、関数、文字列は不許可にします。 W3C の CSS2.1 の構文から、関連する部分を抜き出して上のルールに沿って不要なものを削ってみます。 ⇒ http://www.w3.org/TR/CSS21/grammar.html ruleset : S* declarati
borderの幅はwidthに含まれるのか | なつみかん。
borderの幅はwidthに含まれるのか 2006.02.24 Friday borderの幅はboxの外側にあるのか、内側にあるのか。 これについては「URL入りのDOCTYPE宣言をした場合は外側に（標準モード）、そうでない場合は内側」と思っていた。padding についても同様に 標準モード：実際の幅 = width + padding + border 互換モード：実際の幅 = width ( padding および border を含む) 例えば .hoge{ width : 300px ; border : 2px solid ; padding : 5px } の場合、実際の幅は 標準モード→ 300 + 2*2 + 5*2 = 314px 互換モード→ 300px（中身は自動計算） です。 なので困った時は１行目に <!DOCTYPE HTML PUBLIC "-//W3
Internet Explorer7 β2を含めた各ブラウザのCSS2.1実装状況
Name Last modified Size Description Parent Directory 08-Dec-2007 03:29 - address_check/ 13-Mar-2008 01:16 - affiliate/ 27-Sep-2008 12:59 - aibu/ 12-Nov-2007 21:05 - mail/ 23-Apr-2008 18:24 - mail2blog/ 07-May-2008 21:54 - sample/ 28-Apr-2008 18:51 - Apache/1.3.39 Server at diary.sakura.ne.jp Port 80
引き続き CSSXSS をご利用下さい - rna fragments
http://i.hatena.ne.jp/idea/7917 無言で却下とあいなりました。ついに対処されたのかと思ったら相変わらずでした。 そんなわけで、 他人の日記に書き込みたい方 他人のプライベートモードの日記を読みたい方 は、引き続き CSSXSS を使った攻撃サイトを作成してターゲットとなるはてなユーザにリンクを踏ませて下さい。そんなことされると困るという方は、以下のどれかで対応しましょう。 日記更新の時以外はログアウトする。ログイン中はリンクを踏まない。 IE の JavaScript をオフにする。 当分の間 IE を使わない。 はまちちゃんがゼロデイやるとすぐ対応するのにね。結局本気で攻撃されるまで対処しないってこと? トラックバック: http://d.hatena.ne.jp/dangerous1192/20060206 idトラックバック: http://d.hate
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
* html と Microsoft IE7
この記事は、WaSP - Star HTML And Microsoft IE7 の翻訳です。誤訳や、より良い表現等々お気付きの際は是非コメントを！ Microsoft の IE プラットフォームとセキュリティのグループプログラムマネージャーである Chris Wilson と、Position is everything の Big John Gallant の間で、公開の近づく Windows 版 Internet Explorer 7 (IE7) における、* html (訳注: "*" = アスタリスクは、英語圏では「スター」と表現されることが多いようです) についての対話がありました。Wilson は、CSS デザイナーと開発者達に対して、これから先数ヶ月の間に、バグの特性を利用したハックを修正するよう呼びかけています。Gallant は、解決は容易だという氏の見解に依然として納
Firefox 拡張 DisableStyle を作ってみた - 朝顔日記
2005-12-18 tool ua firefox Firefox 用の拡張、DisableStyle というのを作ってみた。何をするものかといえば、スタイルシートを無効にするボタンをツールバーに追加します。要するに、表示メニューの「スタイルシート」にある、「スタイルシートを使用しない」をボタン化しただけです。いったん無効にするとこの拡張から有効にすることは出来ません。名前が DisableStyle ですから。:p) 再度スタイルシートを有効にする場合は、表示メニューの「スタイルシート」をご使用ください。 読みにくいページに出くわしたときに脊髄反射的にスタイルシートをオフしたい人向けです。というか、試しに作ってみただけです。すみません。こういう用途にはスタイルシートを無効にしたり、代替スタイルシートをページ遷移しても保持する、StylesheetChooserPlus という素晴らしい
Lucky bag: : blog: CSS デザインギャラリー
世の中には (X)HTML + CSS の素ん晴らしいデザインでレイアウトされている方なんつうのはそりゃ沢山いるわけで、そんなサイトを集めたデザインギャラリー（ショーケース）サイトってのを見ていると、おいおいフォトショップ腕自慢かよって感もあるけど、結構インスパイアされたりされなかったり。そんな CSS デザインギャラリーサイトで自分が知っているものをちょっとまとめてみた。（ちなみに順不同） CSS Vault » The Web's CSS Site CSS Beauty | CSS Design Showcase Unmatched Style | CSS Design Gallery and Design Inspiration. CSS Drive css thesis: sites, that's all. » screenspire.com | the leading full
Valid HTML/XHTML - I'll sleep on it.
HTML-lintというと、まあ一般的にはAnother HTML-lintを指すだろう。って何処の一般なのかは知らんが。Another HTML-lintは非常に良いサービスで、単なる文法チェックにとどまらず、いわゆる宗教的と呼ばれるたぐいの文法であるとか、WCAGに基づくアクセシビリティのチェックまでも出来たりする。 あー便利だ、便利。マジ便利。 このチェックは採点方式で行われるのだが、DTD的にはあくまでValidな文書であっても、実際には減点されたりもする。たとえば、span要素が空だったり、p要素の中がbr要素だけだったりとか、こういうのは減点される。Authorは減点されるのを防ぐがためだけに、見栄え的に影響をあまり及ぼさない範囲、つまりたとえば空白を入れてみたりする。今のAnother HTML-lintではそれでも警告を発する。いやー素晴らしい。単にDTD的にValidかI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タグクラウドのスタイルを考える - collisions.dotimpac.to
IE 7 Beta 2でWebデザイナーと開発者が確認すべき点がチェックリストに
Webデザイナーのためのリンク集
http://asizuka.bent.jp/seukera/index.cgi/opera/css3.html
Web::Blogoscope: XHTMLの最適化手法
OperaとfirefoxのCSSでのhref属性値の扱いが違う
