タグ

CSSに関するonkのブックマーク (54)

  • _

    以前このページでは、Webブラウザのセキュリティ上の脆弱性を突いた情報収集を、倫理的に許されるものであるかのように紹介し、自らも実行するつもりだといった旨の記事を書いていました。 良識ある複数の方からその問題性についてご指摘をいただき、Webに関わる者の一人として考えが浅く、また軽率であったことに、今では深く反省しています。 自分自身への戒めとして、特に有害な部分を削除した上で残そうかとも思ったのですが、この記事の存在自体が不正行為の「気づき」になりかねないと思い、丸ごと削除することにしました。勝手ながら、一部ソーシャルブックマークのタイトル・概要文なども変更させていただきました。 直接メールを下さった皆さま、サイトやブログなどでご指摘下さった皆さま、貴重なご意見ありがとうございました。感謝しております。 また、ご不快に思われた方も多かっただろうと思います。重ねてお詫びいたします。 (20

    onk
    onk 2008/06/29
    懐かしいねw Selectors API ではこれを取得出来なくなってたけど,仕組み自体は無くならないと思うんだよなぁ。どうやって対策したら良いんだろう?
  • 今度は無断スタイルシートOff禁止ですってよ - 妄想科學倶樂部

    kikulogに乱入してきた「でんすけ」氏。アンチが目的、言動はその手段という末転倒なスタンスでグダグダの議論を展開してくれたわけだが、その中で目を引いたのが「スタイルシートをOFFにするのはインモラル」という主張であった。 無論何もないところからこんなトンデモ発言が出る筈もなく、これは件の記事を掲載した日経Tech-On!の陶しい会員登録要求が「スタイルシートOffにすれば消えますよ」という話から「それは営業妨害だ→そんなことを公開するなんて社会人失格」(意訳)てな流れに。 まあこれが「会員のみ公開のコンテンツを勝手に公開した/ログインパスワード公開した」みたいな話なら確かにインモラルと言える。しかし日経のそれは単に登録を促す半透明のレイヤを被せているだけであり、読めないようにしてあるわけではない。公開されたデータを読み易いように整える方法であって、決して不正アクセスの方法を教示して

    今度は無断スタイルシートOff禁止ですってよ - 妄想科學倶樂部
    onk
    onk 2008/06/24
    タイトルだけ見てデザインの話かと思ったら会員制コンテンツかw / オフにしなくても読めるから,これでインモラルって言われるのは心外だなぁ。これが読めないぐらい隠していても提供側の対策が悪いって話だし。
  • [使える CSS テクニック]CSSを使った見栄えの良い表組み(table) | バシャログ。

    第 6 回目は「CSSを使った見栄えの良い表組み(table)」です。 Web サイトのレイアウトがすべて table でコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。 来の「複数のデータを表示・比較の際にわかりやすいよう見せる表組み」のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる 線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条 承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<

    [使える CSS テクニック]CSSを使った見栄えの良い表組み(table) | バシャログ。
    onk
    onk 2008/06/23
    やっぱ JOJO で例示すると分かりやすいな。
  • 社内SNSをiPhoneで快適に見るためのCSSを書いてみた

    KBMJの佐藤です。 ついにiPhoneが日国内で発売されますね。 時間がない人のための、「WWDC 2008 基調講演」が5分でわかるハイライト アップル - iPhone 昨日はジョブズの講演に関する情報を リアルタイムで最初から最後までネットでチェックしていました。 興奮さめやらず、今日は昼デスクでとりながら、 社内SNS(SNS構築パッケージ「SNSエンジン」にて構築)を iPhoneのSafariに最適化する実験を行なってみました。 続きはこちら http://doruby.kbmj.com/akio0911_on_rails/20080610/_SNS_iPhone_CSS_

    onk
    onk 2008/06/11
    「拡大・縮小の操作を無効化することによって、 上下にスクロールするだけで閲覧可能」おー,これは良い発想の転換だな。
  • Tk-UI - CSS Engine

    Overview Features User Guide XUL Sample CSS Engine Why CSS engine? CSSEngine/API CSSSerializer/API Architecture/CSS Engine CSS Engine/Swing CSS Engine/SWT Developer Guide Eclipse Projets CSS Engine Download Download Translation English Frensh Project Documentation Project Information TK-UI provides multiple CSS Engine implementations in order to apply CSS styles on different objects, such as Swing

    onk
    onk 2008/05/21
    SWT/Swing + CSS。面白いなぁ
  • Text + Image + CSS3 = Crazy Delicious

    Like this or my other projects like Spell with Flickr and Befuddlr? Help me cover the cost of EC2: Created by Erik Kastner at 2am Want the code? Grab it on GitHub How it works: Safari and Firefox support CSS3's ::selection pseudo-element. Using that and PHP, this toy hides an image in plain view.

    onk
    onk 2008/02/12
    ::selection 擬似要素。うーん,使い道がイマイチ思いつかない><
  • スペシャルベスト

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

    onk
    onk 2008/01/22
    全面的に HTML・CSS をお任せできるデザイナーさんって貴重だよなぁ.ホント. / ME の次は IA +企画が強いと思ってる.
  • glayer.js の Ver 2.3 をリリースしました。 - Enjoy*Study

    glayer.js - グレーアウト表示ライブラリ 今回のリリースでは、IE6におけるselectタグにz-indexが適応されない問題(IE7では修正済み)を回避するために、IE6でレイヤを表示する際にセレクトボックスのスタイルを"visibility:hidden"にして一時的に非表示にするようにしています。 IE6以前かは、下記のような感じで判定しています。 false /*@cc_on || @_jscript_version < 5.7 @*/ セレクトボックスの非表示を上記の判定ではなく独自に指定したい場合には、Glayer._hideSelectBox に、true(非表示にする)/false(表示したまま) を設定してください。

    glayer.js の Ver 2.3 をリリースしました。 - Enjoy*Study
    onk
    onk 2007/12/16
    この発想はなかったw
  • Gmail: brushed - new Gmail -

    Style with custom themes! Change the background, color, schemes, fonts, and more! Share your own themes too!

    Gmail: brushed - new Gmail -
    onk
    onk 2007/11/06
    あとでパクる
  • Dark iGoogle - Improved one

    onk
    onk 2007/10/31
    めっちゃかっけぇw 思わず入れた.mixi もこの形で黒くしてみよう.
  • Gmail *2* small attachment icons

    Style with custom themes! Change the background, color, schemes, fonts, and more! Share your own themes too!

    onk
    onk 2007/10/31
    moz-iconスキーム使えばいいのにw
  • 「コメント」がより見やすくなりました : livedoor クリップ開発日誌

    livedoor クリップをご利用いただきありがとうございます。 担当の佐々木です。 書き込まれたコメントをより見やすくするため、ページ詳細のコメントを、吹き出しのように表示する変更を行いました。 livedoor クリップ - 暴漢から逃れられる「忍者スカート」…日人女性デザイナーの発案が世界のメディアで話題に 今後は、コメントのみを表示するトグルボタンなども予定しております。ぜひご利用ください。

    「コメント」がより見やすくなりました : livedoor クリップ開発日誌
    onk
    onk 2007/10/25
    tr.comment-block, tr.comment-block-no-comment が無くなって俺涙目.縦スクロールが無駄過ぎるのであとで CSS 書き直す.
  • z-mixi

    onk
    onk 2007/10/21
    だよねだよね眩しいよね! / メニューの縮め方が素晴らしくて吹いたw
  • nowa_portal_top

    Style with custom themes! Change the background, color, schemes, fonts, and more! Share your own themes too!

    nowa_portal_top
    onk
    onk 2007/09/20
    お,gj.しばらく PC から nowa 見てなかったけど,始まった当初に比べてぐっと繋がりやすくなったねぇ.
  • 主要ブラウザのデフォルトCSS - 我的春秋

    久々の CSS ネタにも関わらず、メモ程度の備忘録ですが、W3C CSS 2.1 勧告候補の Appendix にある、HTML 4 の推奨デフォルトスタイルと、現時点で僕が把握している主要ブラウザのデフォルトCSS の在りかのリストです。ネタ元は Accessify Forum: list of browsers' default CSS(via e-luck さんのブックマーク)です。 (※ Mac OS X 10.4、Windows 2000 で確認していますので、10.3 + IE 5 や Vista + IE 7 はチェックできていません。XP + IE 7 はそのうち実家の端末で確認する予定。)

    主要ブラウザのデフォルトCSS - 我的春秋
    onk
    onk 2007/08/09
    おー,これは素晴らしい.
  • livedoorクリップのユーザーCSSを更に更新しました | Blog hamashun.com

    昨日の記事で、livedoorクリップのユーザーCSSを更新した事をお伝えしました。 するとonkさんからはてブコメントをいただきました。 曰く、 おおおおお,hover とかがえらく変わってる!ページング部分はどうせ AutoPagerize で移動するから使いづらさは感じていなかったなぁ. と言う訳でAutoPagerizeフラグが立ったので、対応しました。 livedoor Clip CSS | userstyles.orgのUpdateボタンから更新してください。 やっている事 AutoPagerizeを使用した際にくずれていた問題を修正 「page」表示とhrの罫線が地味だったのでスタイルを指定 AutoPagerize部分のcounter-incrementができなかったので、とりあえず適当な文言を入れた。 後日また挑戦 その他細かい部分の調整とかいろいろ ついでにソースを整理

    onk
    onk 2007/08/02
    何がズレているのか悩んだ(http://blog.drecom.jp/onk/img/99/ldc_mypage.png)けど,自分で AutoPagerize の SITEINFO 書いてたんだった(苦笑) そりゃ見た目も違うよね; どうしよう,wiki 側を書き換えるのもアレだよなぁ.
  • HTMLコーディングの発注で気をつけること - Vox

    onk
    onk 2007/08/02
    あとで見るー
  • livedoorクリップのユーザーCSSを更新しました | Blog hamashun.com

    userstyles.orgからどうぞ。 タイトル通りです。 て言うか、DL数的に初見な人も多い気がしたりしなかったり。 やってる事 トップページでコメントのあるクリップはハイライト表示 ユーザーページでナンバリング ユーザーページは偶数と奇数で背景色を分ける タグクラウドにhoverスタイルを適用 ページングリンクのホットスポットを広く レートにhoverした時のカーソルの形状を変更 その他色んな所のhoverスタイル 大体こんな感じです。 細かい事をたくさん。 自分が使っていて、「もうちょっとこうだったらいいのにな」と思った部分を書いてみました。 なお、コードが一部しょんぼりした感じなのは触れない方向でお願いします。

    onk
    onk 2007/07/31
    おおおおお,hover とかがえらく変わってる!ページング部分はどうせ AutoPagerize で移動するから使いづらさは感じていなかったなぁ.
  • classとidの使い分けについて考えてみる | Blog hamashun.com

    CSS Nite Vol.18の懇親会で行われたiwaimさんのプレゼンで、headerの部分は当にidでいいの?という問いかけがありました。 多分、多くの人が行っているclassとidの使い分けは、複数回登場するかしないかだと思うんですけど、それはどうやら間違った基準なようです。 仕様書は? そもそも、仕様書の定義としては、二つの違いはどうなっているのでしょうか。 id = name [CS] この属性は、要素に名前を割り当てる。この名前は文書中で一意でなければならない。 class = cdata-list [CS] この属性は、ある要素に1つのクラス名を割り当てるか、または複数のクラス名を設定する。幾つの要素に対してでも、同じクラス名あるいはクラス名群が割り当てできる。複数のクラス名については、空白文字によって区切らねばならない。 The global structure of a

    onk
    onk 2007/06/28
    「idはプログラマの物。 classはコーダーの物。という区分け」これはだいぶ分かりやすくて良いなぁ.お互いがお互いの領域にあまり踏み込まずに作業出来そう.
  • livedoor Clip CSS

    Style with custom themes! Change the background, color, schemes, fonts, and more! Share your own themes too!

    livedoor Clip CSS
    onk
    onk 2007/06/19
    やっぱりこういう対応になるよなぁ(笑)<li+li+...