[B! css] forestkのブックマーク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

forestk 2009/04/12

素直に placeholder 使うべきだと思う。あと autofocus とかも

css

リンク

JavaScriptで:activeを表現する - colorhythm

linker journalの「画像置換について考えてみました」にコメントした内容が間違っていたので、訂正記事を書いておく。以下、自分がコメントした内容。 a要素の画像置換に限定して言えば、JavaScriptだけでは:activeと:focusダイナミック擬似クラスを表現できません。 :activeダイナミック擬似クラスに関しては、JavaScriptでも表現できる。サンプルを作ったので、実際に確かめてほしい。よくあるロールオーバーのスクリプトに、onmousedown/onmouseupイベントを追加しただけだ。主要なモダンブラウザで問題なく動作するのを確認した。 :focusダイナミック擬似クラスは自分の知識ではできなかった。kotarokさんがコメント欄で「onfocusイベントで表現できる」と書いてあるが、img要素にonfocusイベントは指定できないはず。どうやって実装し

forestk 2009/04/09

あざーす！

リンク

Linker.in Domain Name Is Available to Buy - Domain Name Marketplace

The domain name Linker.in is for sale A great idea deserves a great domain name!

forestk 2009/04/07

コメント欄に同意。俺個人としては :active に気を遣ってないサイトはどうなんだろう、と思ったりもする

リンク

CSSだけでキーボードのキーを表現する方法

タイトルがわかりにくいかな。まあいいや。「方法」などとエラそうに言うほどのものじゃないんだけどやってみたら何かそれっぽく見える気がしてきたので一応書いときます。要するに何がやりたいのかブログなんかの文中で「このキーを押すんだよ」ということを伝えようとしてそのキーに刻印された文字を示すことがある。でもそのままではキーっぽく見えないので、それ用のスタイルを用意して何となくキーに見えるようにしたい。つまりこのようなことが言いたいときに Shift + ⌘ + 3 で画面をキャプチャーします。このように表示したいということ。 Shift + ⌘ + 3 で画面をキャプチャーします。 CSS 非対応のフィードリーダーで読んでたらわからんと思うのでサイトに来てください。あと IE6 だと ⌘ ←が出ませんねごめんなさい。”Command” と読み替えてください。どのタグを使う

forestk 2009/04/03

あわせて書きたい： .key:active { border-width: 2px 1px 1px 2px; background-color: #CCC; }

msng
css

リンク

livedoorReaderのについた新しい広告を消すUser.CSS書いた - MOMIZINE

livedoorReaderに新しく広告表示枠が追加されました。位置的に曲者でアイトラッキング的にも素晴らしい位置の広告です。これで広告枠自体は合計4箇所です。そこでUser.CSS（ないしstylish）で消すことにしました。 .grayline, #ads_top, #ads_bottom, .adfeeds_body{ display:none; }うん、すっきりすっきり。併せて過去に公開した操作メニューを右側にしたものを更新。ダウンロード Opera用User.CSS firefox用Userstyle.org 需要？なにそれ。

forestk 2009/03/12

広告消す人はその分料金を払うべきだと思う

ldr
css

リンク

[CSS]検索フォームを素敵なデザインするスタイルシート集

検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <form id=”searchform1″ method=”get” action=”" > <input class=”isearch1″ type=”text” name=”keywords” id=”keywords” /> <input class=”ibutton1″ type=”submit” value=”" /> </form> </textarea>

forestk 2009/03/04

あの辺のブラウザで試すとヒドい事になりますね　see also: http://redline.hippy.jp/lab/css/_focus.php

リンク

CSS Reset | All About CSS

Welcome to our little corner of the CSS world. If you’re just getting started with CSS, feel free to check out our pages on basic and introductory concepts. If you are already more or less up to speed, you’ve probably already noticed that the ‘universal’ nature of CSS is not without exceptions. In fact, one of the biggest challenges in working with CSS is dealing with the different ways in which b

forestk 2009/01/21

Reset.css のライセンス表記は大丈夫なのかしら？

css

リンク

HTML の label タグに必ずつけたい CSS

CSS に1行加えるだけでラベルまわりがとってもわかりやすくなる。「そんなん当たり前」という人もいるかもしれないけど Gmail やら Twitter やらのログイン画面を見たら実装されてなかったので一応。 label というのはフォームの部品とセットで使うやつで、ある部品とその項目名を結びつけるやつね。 ↓このようなチェックボックスがあるとき次回から自動的にログイン ↓こんなふうにラベルを指定しておくと <input type="checkbox" id="rem emberme"> <label for="rem emberme">次回から自動的にログイン</label> テキスト部分とチェックボックスが関連づけられるのでテキストをクリックした時もチェックボックスにチェックが入るようになりますね。ここをクリックでチェック入れられるよ小さいチェックボックスにマウスカーソルを