タグ

cssに関するmkoji530のブックマーク (32)

  • CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE

    CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey

    CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE
  • Online CSS Optimizer / Optimiser

    Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Every once in a while, we at Andy's peer outside the industry and share a glimpse of things we find interesting. That's what you'll find b

  • Javascriptでバルーン:phpspot開発日誌

    Balloon tooltip This demo demonstrates how the balloon tooltip works. Roll your mouse over the links in the text below. リンクにポインタをオーバーレイするとバルーンを表示できるライブラリ。 表示としては次のようなイメージ。 実装するにはこちら→Balloon tooltip CSSなので画像を変えれば好みのバルーンが出来ますね。

  • 川o・-・)<2nd life - JavaScript や CSS の query に自動で最終更新時間をつける Rails Plugin

    最近いろいろなサイトで <script src="/javascripts/foo.js?1142509269" type="text/javascript"></script>や <script src="/javascripts/bar.js?v=2.3" type="text/javascript"></script>の記述を見るようになってきました。また CSS でも <link href="/stylesheets/foo.css?1142509300" media="screen" rel="Stylesheet" type="text/css" />といった記述もちらほら見かけます。 これは JavaScriptCSS を更新しても、ブラウザキャッシュが読み込まれているため、更新された JS ファイルなどがロードされない場合への対策です。上記のような最終更新時刻やバージ

    川o・-・)<2nd life - JavaScript や CSS の query に自動で最終更新時間をつける Rails Plugin
  • caramel*vanilla » Web制作に役立つFirefoxの拡張(1) - HTML/CSS関連

  • Lucky bag::blog: CSS だけで Mac OS X の Dock 風ナビゲーション

    Paul Armstrong Designs - Weblog - CSS マウスオーバーした時にグニュって拡大する Mac OS X の Dock っぽい動きを CSS だけで実現させるってアイデア。このギミックがユーザビリティ的にどうかは置いておくとして、隣接セレクタを使ってフォントのサイズを段階的に変えるってのは面白いなぁ。試しに自分でもサンプルを作ってみた。ちなみに動作するブラウザがかなり限定されしまい、 隣接セレクタ未対応の IE はもちろん、Opera や Safari でもうまく動作しない。まぁほぼ Gecko オンリーって感じ。 対応ブラウザ Firefox 等の Gecko 系 Internet Explorer 7 beta 2 テキストをズーム CSS だけで Mac OS X の Dock 風ナビゲーションのサンプル その 1 li { font-size: 1em

  • FrontPage - livedoor BlogのデザインをカスタマイズするWiki - livedoor Wiki(ウィキ)

    [  インターネット - ネットサービス ]   [PR]  Wikiポータルがリニューアル! ウィキをはじめる! フレパ - ピクス - リスログ - ブログ livedoor BlogのデザインをカスタマイズするWiki 初心者がつまづく問題から、上級者の悩ましい問題まで 編集 履歴 添付 設定 新規ページ作成 トップページ 最近更新したページ ページ一覧 タグ一覧 Wiki内検索 最近更新したページ 2008-09-03 FrontPage 2008-07-12 livedoorブログの記事の幅を広げる 2008-01-11 新ページ カスタマイズの基礎知識 2008-01-04 「続きを読む」いわゆる「追記」 2007-12-19 MenuBar1 2007-11-18 要望 2007-10-06 2カラムのデザインの左右のレイアウトを変更する 2007-08-13 Liquid

  • 良いハック・悪いハック | Web標準Blog | ミツエーリンクス

    サトウマサシさまより、CSS Nite Vol.3に寄せてCSSハックに関するご質問をいただきました。ちなみにCSSハックとは、Webブラウザ間でのCSS仕様の解釈の相違やバグの有無を振り分けの条件として利用し、特定のブラウザに対しスタイルを適用あるいは非適用とする手法のことです。 2005年10月13日の[IEBlogより:お使いのCSSハックを一掃してください]で取り上げていた良いHACK、悪いHACKについて、具体的に解説いただけたら嬉しいです。 MicrosoftのIE開発チームが、「Call to action: The demise of CSS hacks and broken pages」のなかで使用を控えるよう呼びかけた「悪いハック」には、以下のものがあります。 html > body 子供セレクタを利用するCSSハックです。子供セレクタを解釈するかどうかを振り分けの条件

  • 嘉兴睿德永新精密过滤器经久耐用-新乡胜性计算机应用科技有限公司

    地址:四川德阳中江县云锦美居300号 电话:001-89612629 传真:001-89612629 邮箱:722114493@300.com 嘉兴精密久耐还将继续震荡偏弱运行为主。 睿德关键词:轴承双端面磨床防护罩,丝杠防护罩,机床防护罩,防护罩丝杠防护罩供应新型机床自动伸缩式工程防尘罩、永新用磨床丝杠防护罩 丝杠防护罩供应新型机床自动伸缩式工程防尘罩、过滤磨床丝杠防护罩庆云汇鼎生产 轴承双端面磨床防护罩 丝杠防护罩 机床防护罩 圆形拉链丝杠防护罩 活塞杆防护罩 防水罩 修正器 橡胶丝杠防护罩所以说产品附加值、器经绿色、器经环保、可或将成为门窗企业未来发展趋势!门窗行业的未来消费需求还很大,智能机器人或迎井喷期产业升级助推行业发展 产业升级助推智能机器人发展劳动力价格上涨推高生产成,随着相互学习与共享知识云机器人技术重大突破,小型家庭用辅助机器幅度生产成,将在2020年之前形成至少累

  • PC Tips

    PC Tipsについて 「PC Tips」は言葉 言葉 言葉なるサイトの「PCに関するTipsのコーナ」です。W3C、ISO、IEC、Microsoft、IBMその他の団体・企業等とは関係がありません。

  • スタイルシートライブラリ - 自作スタイルシートの紹介と配布 | W.F.N.

    利用とライセンス ここで公開/配布されているスタイルシートはライセンスの範囲内でご自由にお使いになれます。 ライセンスは各スタイルシートの個別ページ、またはスタイルシート内のコメントに書かれています。スタイルシートによってライセンスは異なりますが、原則としてどれもオープンなライセンスを採用しています。ライセンスには免責事項等の重要な記述が含まれていますので、スタイルシートをお使いになる前にお読みください。ライセンス表記の無いスタイルシートはパブリックドメインとします。 ※画像などがスタイルシートとは別ライセンスになっている事もあります。ご注意下さい。 スタイルシートの配布 Cascading Style Sheets (CSS) Mifes Style MIFES 9のような配色のスタイルシート。 Yuka Style Yui Styleをベースにしたスマートフォン向けのスタイルシート。

  • スタイルシート例文辞典

    Last Update:2011/10/1 PM 4:57 このページはスタイルシートの用例を載せています。このページはCSS3例文辞典に移行しましたのでメンテナンス等は行われません。→CSS3例文辞典へ 現時点で ・Internet Explorer 3.x, 4.x ・CSS Version に関しては未チェックですので信用しないでください。 このページに目的のものがない場合はJavaScript例文辞典、ホームページ例文辞典の方も参照してみてください。 HTMLタグリファレンス、スタイルシートリファレンスも用意してありますので、ご利用ください。 ■基/定義 [01]スタイルシートのコメント [02]スタイルシートの設定(<style>タグの場合) [03]スタイルシートの設定(style属性の場合) [04]スタイルシートの設定(別ファイルを読み込む場合<link>) [05]スタ