CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 | 100SHIKI
CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 February 27th, 2009 Posted in その他 Write comment かなりマニアックではあるが、その筋の人にはすっごく便利なのでは。 SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。 しかしこれを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定するセレクタ」なんてのをインタラクティブに指定しながら確認していくことができる。 使い方は簡単で、まずはブックマークを好きなページで起動する。すると右下にセレクタ表示用のボックスが現れる。 次にセレクタに含めたいDOMをクリックする。するとそこが緑になり、さらにそのセレクタにマッチするDOMが黄色
ブログを書くスピードを大幅アップ！テキスト & リンク作成ツール特集 :: Love & Design ::
ブログを書くとき、ブログサービスの編集画面や、最近では携帯からブログを更新するという方も多いと思います。気軽に更新できるのがブログの良いところですが、もっと効率よくブログを更新したい！もっとたくさんの人に読まれたい！という方向けの特集です。 そこで今回は、主にブログでよく使う「見出し」「強調」「リンクの作成」「引用」など、そのままコピペで使える XHTML 要素と、スピーディかつ簡単にマークアップするためのシンプルなテキストエディタ & ちょっと差の付くリンク作成関連のツールをまとめて紹介します。 HTML初心者の方も、これでブログを書くスピードが大幅にアップ！ また、正しい(X)HTMLで書くことによってSEO効果も期待できます。 ブログでよく使うXHTML要素 そのままコピー & ペーストしてテキストを書き換えてお使いください。 段落（p要素） <p>テキストテキストテキストテキストテ
WEBデザイン BLOG: 表示しているページのテキストリンクを生成するjavascript
Photolog::NIKKORE:bookmarkletのエントリーで紹介している表示しているページのテキストリンクを生成するjavascript。これはとても便利なので最近頻繁に使っています。 '+title+'';var x = prompt('',linkTag);">テキストリンク生成 上記のリンクをブックマークにそのまま登録し、表示しているページでブログのエントリーでテキストリンク表示したい場合にこのブックマークをクリックするだけでテキストリンクが簡単に生成できます。あとは、コピぺで貼り付けるだけと簡単。 試しに生成したテキストリンクがはこちらPhotolog::NIKKORE:bookmarklet javascriptのソースは以下の通り javascript:var url=location.href;var title=document.title;var linkTa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
