CSSで「折り返す」pre
■ tDiary: この期に及んでspamフィルタを導入していない人は どういう人なのかな。 ツッコミ通知メールを使っていない(ので気づいてない) 自分の日記はRSSリーダに登録してない(ので気づいてない) 単なる面倒くさがり屋さん 未対策の日記は(RSS経由では)読むに耐えないので、どんどん購読先から消えてもらっているのだが。もったいない。せめてここのフィルタくらいは入れてくれないだろうか。簡単だからさ。 追記 書き漏らした「理由」: spamをまだ受けていない(でも予防措置はしておいた方がいいよね) そもそも日記を放置しっぱなしで更新していない(ので気づいてない) ■ CSS: 「折り返す」pre 人が作ったtDiaryのテーマをつらつらと見ていたら、見慣れぬ属性が書いてあった。こんなの。 white-space: -moz-pre-wrap; /* Mozilla */ white-
Firefox3はIEの独自拡張CSSプロパティime-modeに対応したようですね。 | ソフトウェア開発の株式会社システムフレンド
こんにちは、トミナガです。 ついこの前、リリースされたばかりのFirefox3。 Firefoxのコアユーザーでは有名だったようですが、何と！IE（Inetenet Explorer）がCSS独自拡張プロパティとして持っている、ime-modeに対応しているようです。 たまたま、「そういや、IE以外でCSSによるIME制御って、いまだにできないのかねぇ」と朝山から聞かれまして。 そりゃそうだ、あんな人気の拡張プロパティ、そろそろ対応するブラウザが一つや二つ出てるんじゃないないか？と、ふと思いまして。 Firefox ime制御で検索したらすぐに出てきました。。。 詳しい情報はコチラにあります。 http://developer.mozilla.org/ja/docs/CSS:ime-mode 確認用のＨＴＭＬを下記↓に書いてみました。IE7とFirefox３で同じ挙動になることを確認してい
Mozilla Japan ブログ - Firefox 3 の修正内容のご紹介 その2 — IE 独自拡張 CSS: ime-mode プロパティのサポート
Internet Explorer (以下IE) はCSSを独自に拡張し、ime-mode プロパティをサポートしています (昔の Mac 版等、 Windows 版以外の IE では実装例がありませんでした)。このプロパティを Web ページ上のエディタ (input 要素や textarea 要素) に指定しておくと、そのエディタにフォーカスが当たった時 (キャレットと呼ばれる縦棒が点滅している状態になった時) に IME の状態を強制的に変更してしまう、というものです (詳しい仕様は MDC のドキュメントを参考にしてください)。 前回、ご紹介したように、Firefox 3 では IME の状態管理能力が飛躍的に向上したので、この独自拡張をサポートすることが可能になり、実装しました。 これにより、例えば数字しか入力しなくて良い場所等では、 IME がパスワードエディタの場合と同様に無
@-moz-document - 徒委記
@-moz-document 書式 例 利用可能なブラウザ 参照 Mozilla / Firefoxでサイト別にCSSスタイルを適用することを可能とする@-moz-documentルールについて。 書式 W3CのMLに投稿された、per-site user stylesheet rulesより。 docrule ::= "@-moz-document" S+ url-list "{" S* ruleset* "}" url-list ::= url-item ( "," S* url-item )* url-item ::= ( "url(" | "url-prefix(" | "domain(" ) URL ")" S* S は空白類。( [ \t\r\n\f]+ ) domain() の場合、括弧内に入るのは、正確にはURLでなくホスト名(ドメイン名)になるようです。 例 以下のような
Snapshare : FirebugとStylishで誰でも簡単にページを書き換え - livedoor Blog（ブログ）
よく見に行くページが見づらかったり、このブロックは邪魔だななんて思うことがあると思います。 FirebugとStylishを使うことで、誰でも簡単に思いのままにページを書き換えちゃいます。FirebugとStylishをインストールして、いじりたいページを表示します。 Firebugのアイコンをクリックして、調査をクリックします。すると青い枠で要素が囲まれると思います。特定の要素を選ぶと、調査 編集の横あたりに、td#mainleftとか表示されると思います。 Stylishのアイコンをクリックして、スタイルを書きます。このとき、xxx.com用の箇所の気をつけてください。適用するURLを考えて選択してください。 また、livedoorブログのようなURLの場合には、挿入ボタン→サイト規則から、前に付くをチェックして、http://blog.livedoor.jp/r80efgxq
W3C、携帯向けWebサイトの技術指針を勧告
World Wide Web Consortium（W3C）は、携帯機器向けWebサイトを制作する上での技術指針を示した「Mobile Web Best Practices 1.0」と、同指針が推奨する記述言語「XHTML Basic 1.1」を勧告した。 「Mobile Web Best Practices 1.0」は、携帯機器向けWebサイトを制作する上で、データ入力や画面移動など、閲覧しやすいコンテンツの制作方法などを紹介するもの。携帯機器向けWebサイトに携わる利害関係者らの経験的知見をまとめたとしている。同時に、Webサイトを製作するための記述言語「XHTML Basic 1.1」も勧告され、これにより携帯機器向け記述言語が集約される。 このほか、携帯機器向けWebアプリケーションの技術指針「Mobile Web Application Best Practices」の草案初版な
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
Acid2 - Wikipedia
この記事は更新が必要とされています。 この記事には古い情報が掲載されています。編集の際に新しい情報を記事に反映させてください。反映後、このタグは除去してください。（2022年1月） Acid2（アシッドツー）はウェブブラウザやオーサリングツールにおけるウェブページのレンダリング上の問題点を特定するためにウェブスタンダードプロジェクト(WaSP)が作成したテストケースである。Acid2は同様のテストケース・Acid1（1998年開発）を後継したが、ほぼ主流ブラウザの対応完了およびさらなる後継版であるAcid3の公開（2008年3月）によって役目を終えつつある。 HTML や CSS 2.1などの W3C 勧告等に、どの程度準拠しているかを測るために用いられる。完全に準拠したレンダリングで描かれるはずの画像とそのソースがあり、レンダリングイメージと画像の相違によりどの程度準拠しているかを測る。
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
【レポート】CSSにはすべてを書くべき? デフォルトに対する差分だけを書くべき? | エンタープライズ | マイコミジャーナル
Webページデザインを支えているCSSだが、この技術はいつでも問題の中心にもなる。Webブラウザ間で同じ表示が実現されない、デザインを調整するための変更に手間がかかる、どの値がどこに影響していたか覚えていない、などなど、関係者であれば頭を痛めたことが少なからずあるはずだ。そこで18日(デンマーク時間)、Robert Nyman氏が自身のブログに"Don't over-specify your CSS code"というタイトルのもと、CSSの記述に関する興味深い意見を掲載しているので紹介しておきたい。 同氏はCSSを書き始めた当初は、可能な限りすべてのCSS規則を記載しておきたいと考えていたという。その方が、CSSを見るだけでどのようなデザインを望んでいるかを即座に判断できると考えていたからだ。しかし、大小さまざまなWebアプリケーション開発に数年間携わってからは、必要以上に記述されたCSS
【レポート】HTML 5の解説文書がIBM developerworksで公開 | エンタープライズ | マイコミジャーナル
次世代HTML規約としてHTML 5の規約策定が進められている。WHAT WGからW3Cへの書簡が公開されてからも、規約の策定はアグレッシブに進められてる状況だ。 2008年8月7日（米国時間）、同規約に関する記事が「New elements in HTML 5」のタイトルのもとでIBM developerworksにおいて公開された。同記事ではHTML 5で導入されるいくつかの新しい要素についてよくまとまった解説が行われている。アドバンスドデベロッパやアーキテクトは読んでみるといいだろう。 簡単に説明すると同解説記事では構造に関する要素としてsection、header、footer、nav、articleが、ブロックセマンティック要素としてaside、figure、dialogが、インラインセマンティック要素としてmark、time、meter、progressが説明されている。また組
マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記
はじめに このエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。 きっかけ ライブドア & サイボウズラボの数人でお昼ご飯を食べにいって、いろいろ話しながら考えたことを昼食後に Twitter に書き込みました。 濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た。(X)HTML+CSS ではもうこれ以上すごいと呼ばれる人なんて増えないと思う。 http://twitter.com/amachang/statuses/191256222 「CSS 道」は道が短すぎるんだ。マーケティングの為に長く見せてるけど、実際覚えることは少ない。「デザイン」か「JavaScript」を職業に出来るくらいにしとかないとヤバいと思う。 http://twitter.com/amachang/statuse
SoozyConference2 - mala
mala トップページページ一覧メンバー編集 SoozyConference2 最終更新： mala__ 2007年08月10日(金) 10:45:39履歴 Tweet SoozyConference #2 刺身の上にタンポポを載せる仕事とマークアップエンジニアの区別が付きません 最速廃人研究会 主任研究員 ma.la これまでのあらすじ http://del.icio.us/miyagawa/戦争 http://b.hatena.ne.jp/t/cssnite などをご覧ください。 こんなぐあい 1 cssniteの飲み会で鷹野がエンジニア差別発言 河野さんが金の匂いが強すぎる発言 空前の収支決算報告ブーム amachangがmixi日記にCSS Nite嫌い発言 こんなぐあい 2 鷹野の全然空気読めてないコメント amachangがぶち切れて、表日記に書く malaが便乗 刺身が乱入
Re:href=
Re:href="#" onclick の悪習 ネタ元：某日記：href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ！というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:（onclickの内容
某日記(後期)
．麻生氏失言：政権タガ外れ露呈「安倍後継」レースに影響？ - 気違いじみた言葉狩りは困ったもんである。 ．「差別用語を使う奴は人権意識が無いから信用するな」なんて、報道業界のおためごかしを信用してはならんぞ。信用できないのは、無定見かつ手抜きな自主規制を行っている方だということを、彼ら自身よく分かっている。彼らにとって言葉狩りというのは、それを糊塗しつつ他人を攻撃できる一石二鳥の方法だということを、私たちはよくよく理解しておくべきだと思う。 ．まあでもタロサも少々脇が甘いというか、こないだのアルツハイマーうんぬんは、純粋に正しくないという意味でどうかと思うけど。 ．医療の進歩 - あたしゃ個人的には、現代の人権意識と照らしてみて、日常的に行われている最も非人道的なものの一つは経膣分娩だと思うんだけども。一度でも出産のビデオを見たことがあれば、出来ることならばこんな痛そうなことはやらないほう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]フォーム要素に半透明のナビゲーションを重ねるスタイルシート
404页面
http://glazman.org/weblog/dotclear/index.php?2006/09/18/2083-mozilla-composer-features-2
Build and implement a single sign-on solution
CSSデザインで綺麗なボタンを作成する （How to make sexy buttons with CSS） - youmos