CSS(スタイルシート)のテクニックとトピックのまとめ

■ ReCSS: Reload your CSS ■

2008/07/30 6:30:03 はてなブックマーク数23 ライブドアクリップ数0 del.icio.us数15 dojotoolkit.org [ この元コンテンツへ ]
ReCSS: Reload your CSS

This little bookmarklet makes refreshing your CSS a breeze. It comes in quite handy when you're developing dynamic applications. Tested in IE and Firefox.

[ ← 前の画面 ]  【 PR 】 料理のレシピ・情報はこちらへ [ ニコニコ風 ] [ 関連記事 ] [ Feeling Lucky ]
[ スポンサード リンク ]
■ この情報のコメント・メモ ■

CSSをリロードしてくれるブックマークレット…らしい。  [ Penpen ]

ちょう役に立ちそうなよかん  [ kusigahama ]

よくわからんけどとりあえず  [ hoge_systemz ]

cssリロードするやつ。あとでみてみよっと/みてみた。linkタグのhrefの指定を、dateつかった引数つけてよみなおしちゃう/スマートなかきかたの参考になった→「s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+(newDate()」  [ Hamachiya2 ]

CSSのみをリロードするBookmarklet(かな?)。便利そうだけど、F5の方が楽かな。  [ asiamoth ]

Webページを編集しているときに,CSSのみリロードしてくれるBookmarklet  [ sunaoka ]

外部CSS、リロード、再読み込み、ページ内のlink(stylesheet)要素のhrefにランダムパラメータを追加し書き換え  [ brazil ]

ページ全体をリロードせず、CSSだけリロードできるbookmarklet!フォームエラーのデザイン調整にお役立ち。  [ picnicgraphic ]

いつか,つかうかなぁ...  [ vsa ]

CSSをリロードしてくれる。こういうの欲しかった。  [ disable ]


[ ← 前の画面に戻る ]

静的なCSSと動的なCSSを組み合わせる方法 - PHPプロ!ニュース静的なCSSと動的なCSSを組み合わせる方法 - PHPプロ!ニュース [ 情報元へ ]
この場合ページ自体は問題なく動くものの、CSSがキャッシュされないため、ページの表示に時間がかかってしまいます。   そのため以下のようにPHPでキャッシュ用ヘッダーを記述することで、この問題を解決することができます。 header('Cache-control: must-revali...

CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 - 100SHIKI ~ 世界のアイデアを日替わりで ~CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 - 100SHIKI ~ 世界のアイデアを日替わりで ~ [ 情報元へ ]
かなりマニアックではあるが、その筋の人にはすっごく便利なのでは。SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。しかしこれを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定す...

MOONGIFT: » クリックでCSSのクラス名と構造を表示する「SelectorGadget」:オープンソースを毎日紹介MOONGIFT: » クリックでCSSのクラス名と構造を表示する「SelectorGadget」:オープンソースを毎日紹介 [ 情報元へ ]
CSSはよくも悪くも柔軟で、構造的に管理するのが難しい。デザインが乱れた時に、よくよく確認してみると別な場所で定義されているクラスやID、またはタグ名に対する直接指定のプロパティが影響していたということはよくある。ブックマークレット形式という珍しいオープンソース・ソフトウェアそのようなデザイン上の...

CSS セレクタを学ぶなどしてみた - 理系学生日記CSS セレクタを学ぶなどしてみた - 理系学生日記 [ 情報元へ ]
■[technology]CSS セレクタを学ぶなどしてみたスクレイピングしたいなーと思いまして,スパイダリングとともにスクレイピングも載ってるという噂の spidering hacks を読むなどしてみました.Spidering hacks―ウェブ情報ラクラク取得テクニック101選作者: Kev...

CSS で画面中央表示のサンプル | [ VERSION510 ]CSS で画面中央表示のサンプル | [ VERSION510 ] [ 情報元へ ]
<div class="centerMiddle"> <p>ブラウザの画面サイズがボックスのサイズ(600×400)より小さくなってもスクロール可能になります。</p> </div> CSS コード html, body &#12...

Introducing SelectorGadget: point and click CSS selectorsIntroducing SelectorGadget: point and click CSS selectors [ 情報元へ ]
SelectorGadget is an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze. Just drag the bookmarkle...

LESS - Leaner CSSLESS - Leaner CSS [ 情報元へ ]
CSS done right. Less extends CSS with several invaluable features, including variables, inheritance and mixins. CSS design just got fun again.Get Les...

最速配信研究会 - うわさのCSSでのLightBoxを解説してみる(その1)最速配信研究会 - うわさのCSSでのLightBoxを解説してみる(その1) [ 情報元へ ]
ホッテントリで話題になっている [http://www.fseeker.jp/seolecture/column/20060405.html:title=SEO業者ですら感動する驚異のCSSテクニック] なのですが,自分自身がピンとこなかったので自分のメモのためにさらなる詳細解説をしてみる. まず...


[ ← 前の画面に戻る ]
[ スポンサード リンク ]
[ 今日のWebデザイン ]
追加
[ 追加された期間を表示 ]
ユーザー
[ コメントの多いユーザー ]
ピックアップ
Web』 の注目情報

Googleの成功の最大の理由の一つがスピードだ。検索は通常、一瞬で結果が出る。そのほかのサービスも、速いものが多い(Gmailだけは例外だが)。このスピードをもたらしている要素の一つが、同社の徹底的に簡素化された設計と大規模なサーバファームだが、ページのロードを高速化するための果てしない最適化努...

2009/06/05 16:59:58
   google Firefox web web制作 firebug
CSS Nite公式ブログ
CSS Nite公式ブログ CSS(スタイルシート)のテクニックとトピックのまとめ

下記をご用意しています。 ・当日配布した資料(PDF) ・オンスクリーンプレゼンテーション(PDF) ・音声データ(MP3) 投稿者: 鷹野 日時: 04:48 | パーマリンク | コメント (0) | トラックバック (0) mixiでCSS Niteのコミュニティが発足しました。 mixiに...

2008/01/04 6:30:01
   css web web標準 event webdesign
CSSレイアウトの定石 WinIE6バグ回避法 CSS(スタイルシート)のテクニックとトピックのまとめ

CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する...

2008/01/05 6:30:02
   css tips WEB ie design
人気のタグ
ブックマーク
RSS配信中
CSSのテクニックとトピックのまとめ | Cascading Style Sheets