サイトのCSSをリアルタイムにいじれるChrome拡張「CSS Tester」
サイトのCSSをテストできるブラウザの拡張機能は、すでにいくつかあるのですが、どれも大量の機能を持っていて、ちょっとデザイン変更をしたいときに使うには不便だったりもします。 そのようなわけで、今回はCSSだけを、その場でリアルタイムに変更できるGoogle Chrome 拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! CSSをリアルタイムにいじれる Chrome拡張機能 「CSS Tester」は、開いたページのCSSを、リアルタイムに変更し、デザインをテスト反映させることができるChrome拡張機能。 度重なる小変更を繰り返して、意味不明になってしまったCSSの、謎を解く鍵にもなる便利機能です。 リアルタイムにCSS編集を反映 ↑このように、ボタンをクリックして表示され
JavaScript使ってないのに使ってる風のピュアCSSなテクニック集:phpspot開発日誌
30 Pure CSS Alternatives to Javascript - Speckyboy Design Magazine JavaScript使ってないのに使ってる風のピュアCSSなテクニック集。 最近ではCSS3等の登場によってCSSだけでもかなり高度なことが出来るようになっていますが、それらのコレクションがまとまっていました。 CSSだけでもこれだけのことが出来るという可能性を知るのに調度良いです。 マウスオーバーでハイライトする地図 タイムライン LightBoxもCSSで コンテンツスライダー スピーチバブル 無理してCSSのみにこだわる必要はありませんが、楽な選択肢を取れるなら覚えておいて損はありませんね。 関連エントリ ピュアCSSで実装された吹き出しのデザイン例色々 ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル クリーンなデザインでピュアＣＳ
[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
これは面白い、jQueryとCSSとPHPで作る福笑いの仕組み:phpspot開発日誌
Interactive Image Vamp up with jQuery, CSS3 and PHP | Codrops jQueryとCSSとPHPで作る福笑いの仕組みが公開されています。 ヒゲやリボンといったアイテムを写真上にドラッグ＆ドロップして福笑いっぽい画像に仕立てた上で、サーバに送信し、１枚の画像として保存できるサンプルです。 デモプログラムのダウンロードも可能です。 左下のツマミでパーツの拡大をすることも可能です。 「See result」ボタンで画像化することが出来ます。 追加したパーツはリスト化され、キャンバス上から削除したり、回転させることも可能。 応用して何か面白いものが作れそうですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法
https://blog.8-p.info/2009/06/html
ACCESS R - HTML,DHTML,CSS,JavaScript,CGI,アクセス