圧縮・難読化したCSSファイルを再整形してくれるツール「PROCSSOR」
先日ご紹介したCSSやJavascriptを圧縮するためのWebサービス「YUI Compressor」。 「後々編集することを考えるなら圧縮前のデータもとっておきましょう」と記しておきながらバックアップデータを白ヤギさんにむしゃむしゃいかれてしまった私。んもう…おっちょこちょいさんなんだからぁ…// で、どうにか復元しなければと思っていたところ、色々ある難読化されたCSSファイルの整形ツールの中から使いやすかった「PROCSSOR」をご紹介。 ProCSSor – Advanced CSS Prettifier なかなかしゃれたUIの「PROCSSOR」。プロセッサーと読ませるのでしょうか。しゃれてますね。 使い方は簡単。まずは難読化されたCSSを一番上のテキストボックスにコピペします。（Fileの読み込みやURLからの整形もできる様子） 次に、整形をどのように行うか、各種オプションを選
HTML上で直接CSSを編集！次世代エディタEdge Code | DECONCEPTER
HTMLコーディングの次世代標準機能を備えるエディタ 先日紹介したAdobe Edge Tools & Servicesのエディタ担当Adobe Edge Codeを紹介します。対応OSはWindowsとMac OS Xで現在プレビュー版で無償で使うことができる。 先行して公開されているオープンソースプロジェクトBracketsをコアに採用しており、革新的な機能が備わっている。次世代エディタの標準となりそうな機能の解説を盛りだくさんでみていこう。 尚、ショートカットはMacベースで説明します。Winの方は適宜CmdをCtrlに読み替えてください。 HTMLファイル上から各タグのCSSを直接オープン これは感動的過ぎる。HTMLファイル内のスタイルを編集したいタグにカーソルを合わせ、Cmd + Eを叩くと、なんと直下にCSSの定義が呼び出されて表示される。奇跡だ。 なぜこの機能を今まで他のエ
HTMLベースのプレゼンツールCSSSがデザイン的にも機能的にも素晴らしい件 - 小さい頃はエラ呼吸
はじめに 先日、以下のサイトでHTMLベースのプレゼンテーションツールにCSSS(CSS based SlideShow System)というものがあることを知りました。 画一的なプレゼンテーションにさよならを。HTML5/JavaScript/CSS3によるプレゼン「CSSS」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ このエントリでは、JavaScriptとCSSを駆使してつくられたHTMLベースのプレゼンテーションツールであるCSSS(CSS based SlideShow System)をご紹介します。 スティーブ・ジョブズ 驚異のプレゼン―人々を惹きつける18の法則posted with amazlet at 13.05.25カーマイン・ガロ 日経BP社 売り上げランキング: 977 Amazon.co.jpで詳細
CSS Lint
Errors (All) | (None) Beware of broken box sizing Require properties appropriate for display Disallow duplicate properties Disallow empty rules Require use of known properties Compatibility (All) | (None) Disallow adjoining classes Disallow box-sizing Require compatible vendor prefixes Require all gradient definitions Disallow negative text-indent Require standard property with vendor prefix Requi
ProCSSor - Advanced CSS Prettifier
First Place For The Best Virginia Events! When it comes to events there is no where better to get your updated info. You will see a list of the current and upcoming events below. From county fair to music festivals to petting zoos, there is an amazing list of events for all ages around Virginia.' Focusing on amazing fun for the entire family! The County Fair features great events and games for all
CSSスプライト実装が誰でも簡単にできるツール「Spritebox」:phpspot開発日誌
Spritebox - Create CSS from Sprite Images CSSスプライト実装が誰でも簡単にできるツール「Spritebox」 複数枚の画像を1枚にして、HTTPのコネクション数を下げてページ表示速度を上げてくれるCSSスプライト。 なんだかメンドクサイ、という方にもこのツールがあればWYSIWYGで画像が取れてしまうので楽ちんです。 流れとしては、画像をアップロードして、表示したい画像の領域をドラッグ＆ドロップで選択するだけで、その領域を表示するためのCSSを出してくれるというもの。 まずは画像アップロード アップされた画像がキャンバス上に表示されるので、ドラッグ＆ドロップで領域を選択。 プレビューウィンドウがプレビューを出してくれます。 Create CSS ボタンがあるのでクリックすればその部分のCSSを吐いてくれます。 関連エントリ CSSスプライトを使っ
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」:phpspot開発日誌
Free, Fast and Easy CSS webpages! | psd 2 CSS Online psd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」 PSDファイルをアップロードすると、内容を読み取った上で、レイヤーごとにブロックが分けられた状態のXHTML＋CSSを取得できます。 簡単なPSDファイルを送ってみたところ、完全ではないですが、再現することが出来ました。 PhotoShopにも同じような機能はありますが、必要な画像のみトリミングしてくれ
フリーのCSS編集に使えるエディタ色々:phpspot開発日誌
7 Free CSS Editors, Which Is the Best? You Choose. : Speckyboy - Web Design, Web Development and Graphic Design Resources フリーのCSS編集に使えるエディタ色々。 エディタは秀丸やDreamWeaverでOKという方も一度試してみるとよさそう。 Simple CSS - Mac OS X, Windows に対応しているシンプルなCSSエディタ。GUI感覚でCSS記述できる A Style CSS Editor - HTML構造をツリー表示できるのが嬉しいかも。 CSSED - “A GTK-2 CSS Editor” - キーワード保管やブロック折りたたみ機能、など高機能 ELEDO - Eledicss - ブラウザベースの編集ツール。直でいじれるので便利。セキュリ
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
Smultron by Peter Borg
How can I get a license for an earlier version? You can only buy a license for the latest version but if you need a license for an earlier version you can get it by following these two steps: First buy a license for the latest version from the store (you can of course keep this license for when you upgrade your macOS) Then send a mail to us with the order ID and the version that you want the licen
YUI 2: Reset CSS
YUI Reset CSS The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions. Note: YUI Base CSS (introduced in version 2.3.0) can compliment Reset by applying a style foundation for common HTML elements that i
CSS Sprite Generator, Editor, and Code
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
jQueryとBlueprintではじめるWeb構築：Starter Kit、使ってみる？ - builder by ZDNet Japan
オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に！ デジタル化によるわかりやすい業務効率向上 身近な改善の第一歩！ ニューノーマルな働き方を
My DebugBar | IETester / HomePage
DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Remove unused CSS - CSS Optimizer
NameBright - Coming Soon
dwlog.net
IDEA * IDEA
Google Code Archive - Long-term storage for Google Code Project Hosting.