CSS Frames v2, full-height | 456 Berea Street
Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. That is more than three years ago, so I think it’s about time to revisit the technique and improve it a bit, especially as the original CSS Frames demo page has been receiving loads of traffic lately. I only had to take a quick look at the
汎用CSS - tikeda's blog
先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。 構成 ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基本スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用（.table-list）」「管理画
infinitiv.it
infinitiv.it 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
セミナー開催情報 CSS Nite以外のセミナーへのお問い合わせは、 それぞれのイベントの主催者までお願いします。 マーケティングの全体像がわかる、選ばれる会社を作るためのマーケティング思考 「マーケティングについて基本から学びたい。でも、どこから手をつければよいのか…」という声にお応えして、久野 高司さんにお話しいただきます。最新のマーケティングツールやテクニックではなく、全体像や具体的な戦略について専門用語を使わずに解説いただきます。 開催日：2024年10月10日[木] オンライン 詳しく見る これから始める人のためのFigmaスピードマスター（2024新UI版） #朝までFigma の直前企画として、これからFigmaに取り組む方向けの速習講座です。 開催日：2024年10月16日[水] オンライン 詳しく見る
XSLTでナビゲーションリンク表示 - 徒書
link要素とCSSのみでナビゲーションを作るで、CSSでlink要素によるナビゲーションを可視化する方法を知りました。 便利そうなのですが、「link要素をCSSで表示させると、a要素と同様のアンカーとして表示される」という実装をしているのは今のところFirefox等のGecko搭載ブラウザだけのようであり、HTMLの仕様上も必ずそのように実装しなければならないわけではないので、汎用的な方法とは言い難いのが惜しいところ。 そこで、 「出来るだけ既存のXHTML文書を書き換える事なく済ませたい。」 「JavaScriptを無効にしている方も困る事ないようにしたい。」 という条件の上で、より汎用的な解決方法はないかと考えてみて、「XSLTを使ってlink要素の内容をリストとして反映できるのでは」ということを思いつきました。 で久しぶりにXSLTを書いてみまして、できたのが以下です。 test
Web Browser Standards Support
Back to Web Devout home Web browser standards support This document will summarize the level of support for web standards and maturing technologies in popular web browsers. It covers the Internet Explorer, Firefox, and Opera web browsers, with focus on the HTML, CSS, DOM, and ECMAScript technologies. Pick browsers to display Accessibility features Up Visitors with visual impairments may take advan
hxxk.jp - CSS の記述ルール記事のまとめ
いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフォルトスタイルの差異を無くすCSS のような Tips ではなくて、あくまで .css ファイルを書き上げる際のルールのことです。 それと、取り上げた記事は順不同です。 書き上げてから、公開日時順にした方が良かったかなあとも思いましたがもうこのままで公開。 Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成お
附録：CSS2.1の視覚整形モデル詳細 - CSS2リファレンス
この文書はCSS 2.1 Spec. W3C CR-20070719の，section 10.3およびsection 10.6を個人的な動機に基いて飜訳したものです。唯一の公式文書はhttp://www.w3.org/TR/2007/CR-CSS21-20070719/visudetに在ります。 この文書は飽くまで参考資料に過ぎません。この邦訳には多くの誤訳が含まれている可能性があります。参考にする際には原文と併読するようにしてください。もし誤訳などを発見されましたら，管理者までご聯絡くさだい。 CSS2.1の詳細は，セオリー・オブ・スタイルシート； 技術評論社 編/刊でとても精しく解説されております。 参考情報：私的なまとめ 第10章にかかわる主な変更点 プロパティ値のわりあて過程の変更 CSS2.1では，プロパティ値のわりあて過程（このサイトでの解説）がひとつ増えて四段階に変更された；
expression() のまとめ
前書き expression()のことをダイナミックプロパティといいます。 スタイルシートのプロパティで body { height: expression(); } みたいに使います。 簡単に言うと、CSSの中でJavaScriptが動かせる、って感じです。 IE5以上での、独自拡張です。 Googleで検索しても、 イマイチまとめサイトとかサンプルみたいなものがなかったので、 値としてスクリプトのようなものが書けるということしか知らないのですが、 いろいろ実験してでてきた経験則を、 ここでまとめて紹介して置いておくことにします。 あくまで経験則なので、もしかしたら間違ってたり もっとうまいやり方があったりするかもしれません。 備考 IE5以上で、 expression() というプロパティを使うことで、 ダイナミックにページや要素のスタイルを変えることができます。 一番簡単で、かつ一番
[春] Alt Style
2006/06/22 category / javascript というわけで、スタイルシートの組み込みを可視化するスクリプトを書きました。<link>要素を調べ、優先・代替シートのみを抽出しセレクトボックスに書き出します。項目を選択することでスタイルシートを切り替えられ、cookie経由で選択項目（現適用シート）を保持します。 > altstyle.js（サンプル） 使い方 上記jsファイルをダウンロードの後、自サバにアップします <head>要素内の<link>要素群より後に <script src="<%url>file/altstyle.js" type="text/javascript"></script> のようにファイルをリンクしてください 以上終了。自動でスタイルシートの数・形式を調べて処理します コントロール部分のHTMLは <p id="style_select"> <
chris erwin dot com - CRIR: Checkbox Radio Input Replacement
CRIR: Checkbox & Radio Input Replacement This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = "crirHiddenJS", an id, and a proper label tag. This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden in
IM::MEMO: Hawkeye - ユーザー目線のWeb開発補助ツール
Fenrir Developer Labs (Fenrir & Co.) から Sleipnir 上で使用できるWeb開発補助ツール Hawkeye の試験公開を開始しました。 また、機能の種類ではなく作業の種類別に機能を配置することで、必要な機能だけを使うことができるシンプルな UI を目指しています。 Sleipnir 用の Plugin にはいくつかの路線(ターゲット層)があり、SeaHorse、UserAction Extension のように非常にパワフル(上級者向け)なものから、 Headline-Reader Plugin、Hawkeye のように誰もが親しめるものまで平行開発されています。 アクセサリ的で(ツール)開発者目線の既存のWeb開発補助ツールに比べて、Hawkeye の場合はシッカリと "使えること" をアピールしています。目的別にメニューが用意されていますので非
xmlhttprequest.com -||- bringing you the best of ajax, web2.0, javascript, css, api, xmlhttprequest, new_hotness_goes_here NEWS!
Back in the Fall of 2004 I stumbled upon a javascript method called XMLHttpRequest() after researching a project. I thought it was cutting edge and could be used in a really useful way. I registered the domain soon after on January 13, 2005. A few weeks later on February 8, 2005 - google maps came out. A few days later (February 18, 2005), AJAX was coined. At first I wanted to use the domain to re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
realworldcss.com - Registered at Namecheap.com
CSSデザインのページを作る際のスタイルガイド
http://is.vis.ne.jp/tests/generate/content/run-in_before.html
http://www.css3.info/preview/colored-border.html
Email Marketing Tips Blog
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc.