CSS Tabs
Example One Grade: C From an HTML perspective, this is the absolute cleanest. It just doesn't deal with current navigation highlighting. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam tincidunt mauris eu risus. Vestibulum auctor dapibus neque. Feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris
CREAMU
art direction & design: Kunitaka Kawashimo code, interaction & photography: creamu Inc. Monthly Archive 2025年9月 (2) 2025年8月 (2) 2025年7月 (11) 2025年6月 (6) 2025年5月 (6) 2025年4月 (7) 2025年3月 (4) 2025年2月 (3) 2025年1月 (6) 2024年12月 (6) 2024年11月 (4) 2024年10月 (7) 2024年9月 (3) 2024年8月 (4) 2024年7月 (2) 2024年6月 (1) 2024年4月 (1) 2024年3月 (4) 2024年2月 (2) 2023年12月 (10) 2023年10月 (1) 2023年9月 (2) 2023年8月 (4) 2023年7月 (5) 2
CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 - builder by ZDNet Japan
CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。そこで今回は、アニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 なお、現在のところアニメーションの機能に対応しているのはSafari 4とGoogle Chrome 2以上となっているので、これらのブラウザでサンプルの表示を確認してみてほしい。また、アニメーションの基本的な仕組みについては前回までの記事にまとめている。 アニメーションの基本機能について： CSS 3のアニメーション機能「Transitions」 CSS 3のアニメーション機能「Animations」 画像が少しずつ表示されるロールオーバーボタン まずは、カーソルを重ねると
アルファチャンネルを使った透明度の設定：FirefoxとSafariのCSS対応 - builder by ZDNet Japan
透明度を設定する スタイルシートで透明度を指定することができれば、半透明にした文字を画像に重ねるといったデザインも簡単に作れるようになる。CSS 3では、アルファチャンネルまたはopacityプロパティで透明度を指定する方法が提案されており、Firefox 3とSafari 3は両方の指定方法に対応している。 今回は、色に関する定義をまとめたCSS 3の勧告候補、CSS3 Color Moduleを参考にしながら、アルファチャンネルを使った透明度の設定について見ていきたい。 RGBAによるアルファチャンネルの指定 CSS3では、RGBによる色指定にアルファチャンネルを加えて、RGBAによる色指定ができるようになっている。RGBAでは次のように、R（赤）、G（緑）、B（青）、A（アルファチャンネル）の値を「,（カンマ）」で区切って記述する。ただし、RGBの値は16進数で指定することが認められ
CSSで罫線を角丸で表示する（１）：FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan
前回、前々回でブラウザと標準規格の動向を見てきたが、今回からは、Firefox 3やSafari 3が新しく対応したHTML/XHTMLやCSSを紹介していきたい。 最初に紹介するのは、Safari 3が新しく対応した、罫線の角を丸く表示するスタイルシートだ。角丸のデザインは、Webページではよく利用されているが、現状では画像を使って表現するしかなく、HTML/XHTMLソースも複雑になるといった問題がある。スタイルシートだけで設定する機能は制作者の多くが待望している機能の1つと言えるだろう。現在のところ、Safari 3とFirefoxが対応しているが、OperaやInternet Explorerは対応していない。 -webkit-border-radiusプロパティ Safari 3が新しく対応した-webkit-border-radiusプロパティでは、半径を指定することで罫線の角
bkhvalid - BK class
bkhvalid 0.7.10 ・ 概要 ・ 動作環境 ・ ダウンロード ・ インストール ・ 変更履歴 ・ 不具合報告 ・ カンパ 概要 HTML/CSSの/JavaScript構文チェックプログラムです。(HTML/CSS/JavaScript Validator) Windows カンパウェア HTML, XHTML, CSS, JavaScriptの構文をチェックする。 HTMLとXHTMLはまずSGMLコマンド(onsgmls)でチェックを行う。 そして、コマンドの出力結果に対して属性値やスタイルシートなどの追加チェックを行う。 CSSは内部の独自エンジンでチェックを行う。 JavaScriptはJavaScript Lintでチェックを行う。 複数ファイルを一括してチェック可能。 ベースにwxWidgetsを使用。 カンパウェア。無料かつ機能制限なしで利用可能ですが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのrotationを使った時計「CSS Clock」:phpspot開発日誌
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
The W3C Markup Validation Service
HTML5.JP - 次世代HTML標準 HTML5情報サイト