This domain may be for sale!
CSS3 Gradient Buttons by Web Designer Wall Rectangle or Rounded Can be Medium or Small Button Tag Span Div P Tag H3 Gray Rounded Medium Small Button Tag Span Div P Tag H3 White Rounded Medium Small Button Tag Span Div P Tag H3 Orange Rounded Medium Small Button Tag Span Div P Tag H3 Red Rounded Medium Small Button Tag Span Div P Tag H3 Blue Rounded Medium Small Button Tag Span Div P Tag H3 Rosy Ro
The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Also, check ou
CSSを書く時に「セレクタ内でCSS仕様書でのプロパティの出現順序に従ってソートする」という個人的なルールを守っている。何かコーディングにおいて便利な理由があるからというわけではなく、第三者に説明する時に「仕様書の出現順で書いてます！」とかで済ませられるから。今まではファイル全体を処理するオレオレPerlスクリプトで適当にやっていたのだけど、Vimで選択範囲だけをソートとかやりたくなったので、普通に標準入力を読んで結果を標準出力に吐くように書き直した。ついでにCSS3のプロパティとFirefox(Mozilla)やSafari(WebKit)、Opera(Presto)、Internet Explorer(Trident)の独自拡張などへも対応させたりとか。 #!/usr/bin/perl # Author: Kyo Nagashima <kyo@hail2u.net>, http://h
Firefoxのメニュー内には、各項目の横にキーボードショートカットキーが表示されるようになっています。 こうした表記を見て、ショートカットを覚えればいいということなのでしょうが、メニューを開いてからショートカットを使うことも無いでしょうし、既にある程度のショートカットキーは覚えてしまっているのでよく見ていないという方もいらっしゃるでしょう。 また、ショートカットキーなどは覚えるつもりも使うつもりもないというマウスオンリーのユーザーもおられることでしょう。 そのような方にとっては、この表記は邪魔なだけかもしれません。 そんな方は、「Firefox 3.5 - Keyboard shortcut remove」というユーザースタイルを適用してみてはいかがでしょうか。 「Firefox 3.5 - Keyboard shortcut remove」は、Firefoxにアドオン「Stylish」
はてブの引用文の幅を画面一杯に広げるユーザースタイルシートを作りました 2008-11-25 はてなブックマークのリニューアル版がリリースされましたね。デザインがきれいになって、カテゴリが強調され、検索が強化され...と、かなりの進化を遂げました。まずは、はてなスタッフの皆様、リニューアルおつかれさまでした！ 引用文の幅を画面一杯に広げるユーザースタイルシートを作りました リニューアルの変化の一つとして、人気エントリーや注目エントリーページのエントリ１つ１つに、引用文が表示されるようになりました。 エントリ１つ１つにつく引用文。 その引用文のブロックの幅は、Googleの検索結果のように横に並ぶ文字数が42em(文字)固定となっており、部分的なエラスティックレイアウトになっています。これはこれでいろいろメリットはあるのですが、個人的にはブラウザの横幅一杯に広がるレイアウトにしてみたいと思い
IE7の大きな進歩の1つといえば、a要素以外にも:hover擬似クラスが指定できるようになったこと。では、これを使ってどんなWebデザインができるのかについて3つの事例を調べてみました。 CSS hover effect | Veerle's blogより。 サンプルはKansas City Homes for Sale | Prudential Kansas City Real Estateの真ん中あたりのタブです。タブ内にマウスを持っていくと背景色が変わると思います。 これを作るためには、次の2つの画像を用います。 コードはこんな感じです。解説はCSSのコメントと一緒に書いておきました。ちなみに、事例の3つとも画像置換を使っていますが、その説明は省略しています。 <h2>4 different ways to find your Kansas City Homes for Sale</
Acid2 Test で IE8 が display: table-cell をきちんとレンダリングするということが分かったので。 IE8 が普及する（笑）のを 5 年くらい先取りして display: table-cell によるマルチカラムレイアウトを書いてみました。 リンクは以下です。 http://amachang.art-code.org/tablecell/ 今のところ Opera 9+、Safari 2+、 Firefox 2+ で正常にレンダリングされることを確認しました。 ポイント ソースを見て分かるように HTML も CSS もめちゃめちゃシンプルです。 ポイントは display: table-cell の要素が兄弟要素の高さに併せて間延びするところでしょう。 これで、何カラムだろうとお手のものです。
Latest topics > CSS3セレクタとXPathでの表現の対応表 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « getElementsByなんちゃら の代わりにXPathを使う Main Mozilla 24 » CSS3セレクタとXPathでの表現の対応表 - Sep 13, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 XPathをノードの検索に活用する方法を紹介したけど、肝心のXPathが書けなきゃ意味がないわけで。でもXPathって、ノードセットがどうとかノードテストがどうとか軸がどうとか修飾がどうとか、い
So, I found this great star rater script made in css. But I missed the web 2.0 stuff. So I played around with it to make it work on a database without having to refresh any pages (but updating the database with AJAX). In this version I use it for rating a image (with unique ID = imgId). Screenshot: not a beginners tutorial - and just follow the steps 1) The star image: Star rate image (use save as
対応ブラウザは Windows：InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac：Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上，分類コード（div011-hp，table010 など）を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
2次応募も締め切りました。 コーディングコンテスト Vol.1 ～Coder's High～を開催します！ 今回初の試みでもある（と思う）コーディングコンテスト。 用は、デザインは用意されてて、ソレを個々のスキルや考えに基づいてコーディングするというものです。 初回という事もあり、盛り上げたいな！と思っていたのですが、すんごい協力を頂けました。 ソレは、CSS Nite LP, Disk 3 と連動企画として動けたということ。 こんなWebの片隅でちまちま運営してるブログでも奇跡は起こるんですね。 さてさて、取り合えずさっさと必要データが欲しいって人の為に、目立たないDLボタンがありますので、そちらからダウンロードしてください。 このエントリーの追記で書いている詳細・必要事項は全て入れております。 （04/10：テキストデータ.txtが追加されております） 未統合psd、統合済みpsd、p
（4/5に仕様部分修正有り） 以前のエントリーで脳内妄想を炸裂させていた、コーディング大会の件が正式に開催される事が決定となりました。 今回、名称は取りあえずコーディングコンテストで。 何かソコで悩むのに疲れた… 取りあえず、サブタイトル的に勝手につけたのが、 コーディングコンテスト Vol.1 ～Coder's High～ という感じです。（今つけた） と、まぁその辺はどーでもいいっすが今回のコンテストは、CSS Nite LP, Disk 3 "Coder's High"との連動企画として動く事になりました！ 連動だからってLP3に参加しないといけないとか、そういう事はありません。 スイッチの鷹野さん、CYBER@GARDENの益子さん、後デジパの中の人で仕様決めに関するディスカッションをして、ある程度仕様が固まったのでご連絡いたします。 最終的に変更が加わる可能性もありますので、その
Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは１人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問
Warning! 2008/5/22追記：このエントリは情報が不十分だったり間違いが含まれてたりするので、下記URLのページを参考にするようにしてください↓ http://piro.sakura.ne.jp/latest/blosxom/mozilla/xul/2007-09-13_selector-to-xpath.htm CSS3あたりをXPath1.0あたりに変換する表 CSSXPath .class//*[@class="class"]*1 .class//*[contains(concat(" ",@class," ")," class ")]*2 tag//tag #id//*[@id="id"] tag.class#id//tag[@class="class"][@id="id"] .class.class2//*[contains(concat(" ",@class," "
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: スタイルシート・デザイン XHTML + CSSで実践するWeb標準デザイン講座: 矢野りん, 益子貴寛, こもりまさあき: 本
Amazon.co.jp