[B! WEBサービス][CSS] aekaのブックマーク

SpritePad - Create and edit css sprites

SpritePad is your free and easy-to-use web app for creating CSS sprit emaps. It only needs seconds: Drag & drop your images onto the grid and have it immediately available as one PNG + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles, no long-winded setups, SpritePad makes creating sprit emaps as easy as writing your next e-mail. What SpritePad can do for you We are Kiss We’re

aeka 2012/05/16

Webクリエイターボックスさんより”Webサービス：画像をドロップするだけでCSSスプライト画像が作成できるジェネレーター。作った画像とCSSファイルがダウンロードできます！ ”

リンク

web高速化のためのコーダー向け圧縮ツール・サービスまとめ | バシャログ。

ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応できることもかなりあります。 CSSのセレクタ構文の最適化やCSSスプライトによる画像リクエスト数の削減であったり。今回は、ファイル容量を削減に焦点を当てて圧縮ツール・サービスをまとめてみます。 Javascriptの圧縮 /packer/ http://dean.edwards.name/packer/ とってもシンプルな圧縮サービス。オプションで難読化することもできます。 JavascriptとCSSの圧縮 Compress javascript and css http://compressor.ebiene.de/ こちらもシンプルな

aeka 2012/04/25

リンク

PrimerCSS

Primer undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet. Paste your HTML in to get started. Made for you with love and care by @luckystrikes and @wades. Notice: Undefined index: htmlsrc in /home/ypp7m8mtix54/domains/primercss.com/html/index.php on line 43

aeka 2011/04/12

PrimerCSSはCSSを作成する際に必要な class指定やid指定をhtmlから抜き出してくれるWEBサービスです。

リンク

リセットCSSを比較できるWebサービス{ CSS:resetr } | Web活メモ帳

各ブラウザのスタイルシートを初期化するために使われるリセットCSSを比較できるWebサービス「{ CSS:resetr }」をご紹介。 YUI、Vanilla Resetなど人気のリセットCSSをプルダウンで選択し、使用したいHTML構造を選択するだけで簡単に比較できるようになっています。使ってみた様子サイトでは見出しやリスト構造、テーブルなどの比較ができるようになっています。今回はフォーム要素で比較してみました。 ■ Yahoo! Reset 2の場合 ■ HTML5 Dr. Resetの場合 ■ Vanilla Resetの場合それぞれに特徴がありますね。各ブラウザのスタイルの違いを見るのに覚えておいても良いかもしれません。

aeka 2011/03/10

リンク

CSSをすっきりきれいに整形してくれる『ProCSSor』 | 100SHIKI

よくあるツールだが、使い勝手が良かったのと、名前が素敵だったのでご紹介。 ProCSSorは、いわゆるCSS整形ツールだ。開発しているとごちゃごちゃしがちなCSSのソースをきれいすっきり見やすくしてくれる。オプションも豊富で、インデントの桁数が選べたり、一行で一気に書いてしまうかとか、左右に要素とスタイルを分ける、といった指定が可能だ。リリース前には細かいところにも気をつかいたいモノである。こうしたツールもたまには使ってみるといいかもですな。