各サイトのパスワードをたった一つのマスターパスワードだけですべて管理できるすごいブックマークレット「SuperGenPass」
ブックマークレットとは、ページのアドレスをお気に入りに入れる代わりにJavaScriptのプログラムコードを入れておくことで、それを選んだ時にちょっとした機能がすぐに実行できるという便利なもの。 で、今回の「SuperGenPass」は単一のマスターパスワードさえ覚えておけば、各サイトごとにすべて違うパスワードを極めて簡単に利用できるというかなりすごいブックマークレットで、別途ソフトウェアや拡張機能をインストールする必要なし、覚えておくのはたった一つのパスワード、なおかつ各サイトごとに違うパスワードを設定できるというスグレモノとなっています。 設定方法や使い方は以下から。 SuperGenPass: A Free Bookmarklet Password Generator. http://supergenpass.com/ まず「Browser compatibility ?」で使用して
The <hr>-Contest Results - Download your fresh <hr>-line now! | Graphics | Smashing Magazine
We have encouraged our readers to participate in a contest by designing beautiful and creative horizontal lines. It was necessary, since this design-element was slowly disappearing and was often neglected in web design. But it is going to change now. We have received 1290 images and source-files from 384 designers across the globe. The result is an impressive collection of horizontal lines that de
[CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla
HackAttack：Firefoxをマウスなしで使い倒す - ITmedia Biz.ID
いちいちマウスに手を伸ばさなくても、快適にFirefoxが使える──そんな便利でマストなキーボードショートカットを紹介する。（Lifehacker） Firefoxのキーボードショートカットを覚えてマウス操作を減らせば、Webサーフィンがもっと充実したものになる。特に、マウスがうまく動かないときに有効だ。 そう。皆さんお察しの通り、わたしはたまに（つまりしょっちゅう、ということだ）ワイヤレスマウスの充電を怠って、Lifehackerの原稿に取りかかるときにマウスが使えなくなっていることがある。 皆さんは今、こう思っているだろう。「この有線マウス嫌いの間抜けがたまにマウスの充電を忘れるってだけの理由で、わたしがFirefoxをマウスなしで使うアイデアに心引かれるとでも思っているのか？」。しかし、それがすべてではないのだよ！ わたしは、Webサーフィンの際にマウスに手を移動させなければならない
Interaction Design Pattern Library - Welie.com
Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating around· Accordion · Headerless Menu · Breadcrumbs · Directory Navigation · Doormat Navigation · Double Tab Navigation · Faceted Navigation · Fly-out Menu · Home Link · Icon Menu · Main Navigation · Map Navigator ·
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
CSSだけでコメントに番号を振ってみる
このページはBlog | hamashun.comのエントリー、CSSだけでコメントに番号を振ってみるのサンプルページ1です。 サンプル Source Code h3:before { content: counter(chapter)"."; margin-right: 5px; color: #99cc99; } h3 { counter-increment: chapter; } h3:first-letter { font-family: Arial; font-size: 2em; } Display of a Sample コメント1 ほげほげ コメント2 ふがふが コメント3 ほにゃららら 応用 Source Code h2 { counter-reset: chapter; } h4:before { content: counter(chapter)"-" counter
スタイルシート(css)学習辞典
ブラウザ対応順に並べたスタイルシート(css)学習辞典。ブラウザ対応で苦しんでいる人のために作られた辞典。 スタイルシートが分からなくて、初めての方は「スタイルシートの基礎知識」 一括でダウンロードしたい方は、次の圧縮版をどうぞ。LZH形式で圧縮しています。＞＞css42.lzh。LZH形式だと困る方は、代わりの形式（zip形式とtar.gz形式）を用意しています。（css42.zipあるいはcss42.tgz） 重要なお知らせ アドレス（URL）が変更しました。旧アドレスは来年の2004年1月末に削除される予定ですので、大変お手数ですが、リンクをされている方は修正をお願いします。 2003年9月1日から辞典のアドレスが変わります。「http://dhr.tipod.co.jp/....」が、新しく「http://dhr.at.infoseek.co.jp/....」に変更します。なお、旧
[ CSS ] display: table-cell って便利そう！
CSS の display: table-cell と言うプロパティーを最近知りまして、float を使わずにカラムレイアウト出来たり、縦方向の中央に要素を配置できたりして便利そうなのでサンプルを書いてみました！ – [display: table-cell のサンプル](https://bowz.info/wp-content/uploads/2011/01/table-cell.html) どんな事が出来るのか？ ———————————————————————- HTML のソース 見出し 内容 CSS のソース dl { display: table; width: 360px; border: 2px solid #ccc; } dt, dd { display: table-cell; padding: 0.5em 1em; vertical-align: middle; } d
![[ CSS ] display: table-cell って便利そう！](https://cdn-ak-scissors.b.st-hatena.com/image/square/dcabe16bc58435f59db02fbd93af46344d34c3ef/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2017%2F02%2Fcss_1487924736.jpg)
CSSで垂直中央を実装する【css tips】
CSSで垂直中央を実装する【css tips】 vertical-alignの使い方の続きです。 vertical-align:middleでの垂直表示は説明しましたが、あの方法ですと2行以上の場合は利用できないです。 2行以上の場合に垂直中央表示をするにはpositionプロパティを利用します。 (X)HTMLソース <div> <p>中央に表示<br />したい文字</p> </div> CSSソース div{ width:200px; height:200px; background:#39FF6B; position:relative; } p{ position:absolute; top:50%; left:50%; margin-left:-2.5em; margin-top:-1em; } サンプル positionを使いp要素の開始位置を中央に設定します。 その後にmar
スタイルシート（CSS） » ボックスモデル − 外余白 » margin（外余白）プロパティの一括指定 | PHP & JavaScript Room
IEとFirefox、Netscapeでのセンタリング指定の違い FirefoxやNetscapeでは、センタリングしたい要素にmargin-left:auto;とmargin-right:auto;を指定すればセンタリングされますが、 IEではbody要素などセンタリングしたい要素の「親要素」にtext-align:center;を指定しないと、センタリングされません。 そのためセンタリングする要素の親要素に両方していしておくと多くのブラウザでセンタリングされます。 また、親要素にtext-alignを指定しているため、子要素のテキスト部分も継承されてセンタリングされてしまうので、子要素にはtext-align:left;を指定し、テキスト部分を左揃えにしておきましょう。 div.parent { margin-left:auto; margin-right:auto;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
フロートとネガティブマージンまとめ:CSS | Tech de Go