タグ

XHTMLに関するfumitanaのブックマーク (14)

  • Recreating the OS X Dock | Playground from ZURB

    We take a basic list of links and turn them into an awesome OS X dock of icons. Note: Demo works in Safari 4.x and Chrome 5. ul.osx-dock li a { display: block; height: 50px; padding: 0 1px; margin: 0; -webkit-transition: 0.15s linear; -webkit-transition-property: -webkit-transform margin; -webkit-box-reflect: below 2px; -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(

    fumitana
    fumitana 2011/09/15
    Mac OS X Dock風デザイン
  • さくらのレンタルサーバ

    レンタルサーバなら「さくらのレンタルサーバ」! 月額換算でわずか131円、缶ジュース1分のお値段で使える格安プランから、ビジネスにも使える多機能&大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。

    さくらのレンタルサーバ
    fumitana
    fumitana 2011/09/14
    Webデザインレシピ | Nori Takahash
  • レイアウト作りを簡単にしてくれるCSSグリッドシステム

    CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね! Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは? CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし

    fumitana
    fumitana 2011/09/14
    レイアウト作りを簡単にしてくれるCSSグリッドシステム |Nori Takahashi
  • スタイルシートによる崩れない 2カラム 3カラム・レイアウト

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

    fumitana
    fumitana 2011/09/14
    スタイルシートによる崩れない 2カラム 3カラム・レイアウト
  • line-height の値には単位なしが良いとされる理由

    CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size

    fumitana
    fumitana 2011/09/08
    line-height の値には単位なしが良いとされる理由
  • フォントサイズpx,em,%,pt

    Matahari88 | Link Alternatif Resmi Untuk Login Dan Daftar Situs Matahari 88 Online games are currently still a very fun object to fill our free time when we are bored at home. However, did you know that there is an online game site that is very viral and has become a mainstay for online game lovers in Indonesia? The game site is Matahari88. Matahari88 is a trusted online gaming site in Indonesia t

    フォントサイズpx,em,%,pt
    fumitana
    fumitana 2011/08/28
    PXtoEM.フォント・サイズの%設定。
  • YUI 2: Reset CSS

    YUI Reset CSS The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions. Note: YUI Base CSS (introduced in version 2.3.0) can compliment Reset by applying a style foundation for common HTML elements that i

    fumitana
    fumitana 2011/08/28
    YUI 2: Reset CSS
  • YUI 2 — Yahoo! User Interface Library

    Using YUI 2: FAQ Getting Started Licensing Support & Community Filing Bugs & Feature Requests Searchable API Documentation: Browse and search the complete YUI API. YUI 2 Developer Tools: Logger Control Profiler (client-side, cross-browser profiling) ProfilerViewer Control YUI Test Utility YUI 2 CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for

    fumitana
    fumitana 2011/08/28
    YUI 2 — Yahoo! User Interface Library
  • [Think IT] 第3回:リストタグを試す! (1/3)

    【即実践!HTML+CSS】 テーブルレイアウトから脱出せよ! 第3回:リストタグを試す! 著者:米倉 明男 公開日:2008/04/15(火) リストタグの用途 Webサイト内のコンテンツの多くは、「見出し + 文」の構成から成り立っています。これはユーザエクスペリエンスに基づくもので、ユーザはまずコンテンツの見出し箇所から閲覧し、その中の興味を持った部分の詳細を読みます。「ブラウズ」とは流し読みの意味でもあります。 これをXHTMLの文書構造化に置き換えると情報の区分けや段落の整理が必要となってきます。そしてこの情報の整理に有効的な方法として、リストに整理するという手法があります。 CSSコーディングでWebサイトをレイアウトする場合に欠かせない要素の1つにリストがあります。 XHTMLで使用するリストは3種類あります。「箇条書きリスト」「番号付きリスト」「定義リスト」です。 「箇条

    fumitana
    fumitana 2011/08/21
    第3回:リストタグを試す!米倉 明男 先生
  • Web Lights The World(XHTML+CSS Web標準の勉強中2008)

    fumitana
    fumitana 2011/02/02
    2008年インターネットアカデミー時代に格闘していたXHTML1.0+CSS2.1コーディングなどについてのメモ/リンク集(Web Lights The World)
  • XHTML1.0 Strict 内容モデル

    head要素の子要素 <base /> href属性必須 空要素 <link /> 空要素 <meta /> content属性必須 空要素 <object>-</object> 他の内容よりも param要素を先行させるべき param要素 ブロックレベル要素 インライン要素 テキスト <param /> name属性必須 空要素 <script>-</script> type属性必須 スクリプト(PCDATA) <style>-</style> type属性必須 スタイルシート(PCDATA) <title>-</title> head要素内に必ず1個だけ定義 テキストのみ(PCDATA) ブロックレベル要素 <address>-</address> インライン要素 テキスト <blockquote>-</blockquote> ブロックレベル要素 <div>-</div> ブロックレ

    XHTML1.0 Strict 内容モデル
    fumitana
    fumitana 2011/01/29
    W3G XHTML1.0 Strict DTD
  • <tbody> - テーブルボディ - とほほのWWW入門

    形式 <tbody>~</tbody> サポート LS / H4 / e4 / Ch1 / Fx1 / Sa1 / Op1 / N6 カテゴリ 該当なし 親要素 table 要素。ただし、caption, colgroup, thead 要素より後ろに記述すること。また、table 要素の直接の子要素としての tr 要素は記述しないこと。 子要素 0個以上の tr, スクリプトサポート要素 タグの省略 開始タグ: 最初の子要素が tr 要素であり、また、終了タグが省略された tbody, thead, tfoot 要素の直後でない場合は省略可能。 終了タグ: tbody, tfoot 要素が直後に続く場合、または、親要素に対して最後の要素の場合、省略可能。 属性 グローバル属性 グローバル属性 詳細は グローバル属性 を参照してください。 bgcolor=color [非推奨] e4/Ch

    fumitana
    fumitana 2010/09/01
    tbody, thead, tfootサンプル
  • Another HTML-lint gateway

    HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の

    fumitana
    fumitana 2010/03/15
    Another HTML (lint)
  • The W3C Markup Validation Service

    Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input Enter the Markup to validate: More Options

    fumitana
    fumitana 2010/03/15
    W3C Valid XHTML文法チェック(英語)
  • 1