CSS3DマリO - jsdo.it - Share JavaScript, HTML5 and CSS
さすがにタグが多いと重たい… 色はあとで付ける。 ※ 3D表現が使えるのはsafariだけ！ それ以外だと落ちるかもよ！ おお・・・Chrome11devでも対応してた！ <div id="ground"> <div class="orima"> <div class="layer"> <i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i> <i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i> <i><b></b></i><i><b></b></i><i><b></b></i><i><b></b></i><i
CSS 3D TransformsとCSS Animationsでフォト蔵の写真をぐるぐる - 強火で進め
「第 0 回 HTML5 プログラミング&クリエイティブ・コンテスト」に応募したけど選ばれなかった作品を公開します。 「第 0 回 HTML5 プログラミング&クリエイティブ・コンテスト」のお知らせ - Google Japan Developer Relations Blog http://googledevjp.blogspot.com/2011/01/0-html5.html CSS 3D TransformsとCSS Animationsを使って写真をぐるぐる回しています。 CSS 3D Transforms Module Level 3 http://www.w3.org/TR/css3-3d-transforms/ CSS Animations Module Level 3 http://www.w3.org/TR/css3-animations/ 立体的に表現になっていますが
[CSS]クロスブラウザ対応、CSSグラデーションを使ったボタンの実用的な実装方法
IE6, 7, 8を含めたクロスブラウザに対応した、画像を使用せずにCSSでグラデーションを適用したボタンを実装する実用的なチュートリアルを紹介します。 Cross-browser CSS gradient buttons デモページ [ad#ad-2] ボタンにはborder-radius, box-shadow, text-shadowなどCSS3がふんだんに使用されていますが、グラデーションはIEでも適用されます。 ホバー時のキャプチャ 実装のポイント スケラｰビリティ 文字のサイズを変更するとボタンのサイズもそれに合わせて拡大・縮小 アジャスタビリティ padding, font-sizeを変更することでサイズ調整可能 フレキシビリティ あらゆるHTML要素に適用可能 コンパチビリティ 主要ブラウザに優雅なグラデーションを提供 ユーザビリティ ノーマル時、ホバー時、アクティブ時を用
<length> - CSS: カスケーディングスタイルシート | MDN
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
Using CSS counters - CSS: Cascading Style Sheets | MDN
CSS counters let you adjust the appearance of content based on its location in a document. For example, you can use counters to automatically number the headings in a webpage. Counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they're used. Using counters Manipulating a counter's value To use a CSS counter, it must first be in
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
JSCSSP, a CSS parser in JavaScript
JSCSSP is a CSS parser written in cross-browser JavaScript. It parses a string containing CSS styles and outputs a CSS Object Model (warning: not the CSS Object Model). It can preserve some comments, at-rules and style rules that your browser does not recognize and trashes, and even whitespaces if you absolutely need to preserve indentation and blank lines. NEW JSCSSP now has support for CSS Media
CSS3が日本語の禁則処理、傍点、縦書きなど対応へ、ドラフト公開
スタイルシートの新たなWeb標準として現在策定が進められているCSS3に対して、日本語に対応した禁則、傍点（圏点）、縦書き仕様などの機能が追加されたドラフトが公開されました。 9月28日にPublickeyで公開した記事「電子書籍フォーマット「EPUB」で縦書きとルビのサポート、来年5月には仕様完成の見通し」では、EPUBでの縦書きやルビ、傍点などの仕様を策定中であることを紹介しましたが、EPUBはXHTMLやCSSをベースにした仕様であるため、仕様策定の作業はEPUBとCSSのそれぞれのグループが協力してCSS3に対して機能を追加する方法で行われていました。 これが最終的にCSS3の仕様として策定されれば、Webブラウザ上での禁則処理、傍点、縦書きなどの組み版処理が充実することになります（ルビはまだ作業中ですが）。大げさではなく、世界中のWebブラウザに対して日本の日本語文化に対応した表
Firefox 4: Drawing arbitrary elements as backgrounds with -moz-element ✩ Mozilla Hacks – the Web developer blog
Firefox 4: Drawing arbitrary elements as backgrounds with -moz-element This is a guest post by Markus Stange. Markus usually works on the Firefox Mac theme implementation, but this time he went on a small side trip through the Gecko layout engine in order to implement -moz-element. In Firefox Beta 4 we’re introducing a new extension to the CSS background-image property: the ability to draw arbitra
もじら組 - 日本で最初の Mozilla コミュニティ
お知らせ 2021.03.06 2020年3月7日、サーバー定期点検のため、終日サービスが停止いたします。ご了承ください。 2020.11.15 もじら組フォーラムを老朽化のため、オープンソースフォーラムに切り替えます。オープンソースフォーラムへのリンクはこちら 2020.02.27 2020年2月28日-3月2日、サーバー定期点検のため、終日サービスが停止いたします。ご了承ください。 2016.10.13 ホームページをリニューアルしました。
Firefox 4: CSS3 calc() – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Gary van der Merwe OMG – That will rock!!!! June 10th, 2010 at 05:39 iGEL Some questions about the -moz prefix: 1. At which point will interpret CSS3 without the -moz
Why and how to create Microsoft Office Minibar with jQuery and CSS3 : Janko Jovanovic
Although many will argue that Microsoft products are an example of a good design, Minibar was one of design refreshments that came out with the Office 2007. It is a variation of a toolbar that exposes context-related functionality. In case of MS Word, context is a text selection. Since Minibar always pops up near the mouse pointer it enables users to quickly perform actions related to a selection.
Firefox 4: -moz-any() selector grouping – Mozilla Hacks - the Web developer blog
This is a re-post from David Baron’s blog. This feature has landed in Mozilla Central (trunk) and only available with a Firefox Nightly Build for the time being. Last night I landed support for :-moz-any() selector grouping. This allows providing alternatives between combinators, rather than having to repeat the entire selector for once piece that’s different. For example, it allowed replacing thi
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
The CSS 3 Flexible Box Model ✩ Mozilla Hacks – the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Christian Thanks for the great article! Too bad there is no support in IE yet. Btw shouldn’t the following be converted from: 1 to: 1 April 22nd, 2010 at 10:22 Christ
CSS3の最新事情
This is a presentation of JAGAT event at 25th Match, 2010.Read less
google chromeっぽいVimperatorColorSchemaできたよー - たたいてもなにもでません
chrome風Firefoxとかたまに見るけどchrome風vimperatorというのはどうですかね。 すでに二番煎じな気がしないでもない。 hint 全体的に淡い色合いなので、選択されてる文字列が目立たないかも。 :tabopen 使ってるFirefoxテーマはデフォルトのだけど、chrome風テーマとか使うともっとそれっぽくなるかな。 参考 ColorSchemaの記述 CSS関連まとめ - vimpめも - vimperatorグループ vimperatorのソース(\vimperator\common\content\style.js) 配色 Google Chrome 使ってるVisualStyle Chrome XP OS final by ~leonex on deviantART .vimp 基本的にstyle.jsのコピペなので別に書かなくていいとこまで書いてあったり。
CSS3 Please! The Cross-Browser CSS3 Rule Generator
CSS3, please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding
Firefoxをテキストブラウザ化するcss作った【黒画面】【コンソール】
2008.9.28 12：53 追記 ★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★ 公式サイトを開設しました。デモ動画、マニュアル付きダウンロード・パッケージをご用意しております。当エントリより下記の公式ページより情報を得られる事を強く推奨いたします。 http://zamamin.org/labs/black-out ★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★ _________________ここから下は古い情報▼__________________________________________________ 今、自分のブログをスクラッチしているので、こちらで。→2008/9/28 スクラッチ完了！BLACK-OUT.CSS公式ページ 作りました 【black-out.css】 2008.9.13 23：30 追記wmtg.netドメイン失効に伴い、z
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vimperator|Pentadactyl Help Manual
