このAdobeスタイルのWebアプリケーションエディタでCSSをデザインする

アドビのソフトウェアはあらゆる年齢のデザイナーによって世界的に有名ですが、Photoshop以外にはありません。. PhotoShop編集パネル カスタムデザインを構築するために必要なすべてのものが揃っています。.

そして今、無料です Webアプリエディタ, 呼ばれる レイヤースタイル, これは、お使いのブラウザにあるPhotoshopのレイヤエディタによく似ています。それはあなたをすることができます CSSコードを動的に生成する Photoshopで作業しているかのように.

あなたが訪問した場合 ビルダーページ あなたはそれがどのように機能するかを見るためにそれをいじめることができます.

窓が付属しています 5種類のスタイルパネル それはすべてPhotoshopに似ています。彼らは同じ設定に従うと彼らは すぐに更新 ページ上のデモボックス付き.

これらはあなたが選ぶことができるパネルです：

彼らは皆、このツールをデザイナーにとってとても楽しいものにするAdobe GUIをまねています。あなたも 完全なCSSコード, 無料で生成された.

というラベルの付いた左下隅のボックスをクリックするだけです。 “CSSコード” に スニペットを入手. それはあなたが選択したすべてのもののためのすべてのCSS3プロパティが付属しています.

そして何よりこのプロジェクトは完全に オープンソースと無料 ローカルコピーをダウンロードしたい場合はGitHubで。これは楽しいことができるだけでなく CSSを生成する, それはまた学ぶための素晴らしい方法です Webアプリの作り方.

このサイトでは ロット の JavaScriptライブラリ, に加えて jQueryプラグイン. これはサイドプロジェクトとしてこれを作った開発者Felix Niklasによって構築されました.

発見できる たくさんのコードジェネレータ 他にはありますが、これは本当にユニークです。今年もこれまでで一番楽しかったし、おそらく一番クールなウェブアプリだ。.

LayerStylesを見て、あなたがどう思うかを見てください。あなたがいじくり回すことができます ライブ版 デモページで 利用可能なすべてのソースコード GitHubで無料で.

あるいは、あなたがクリエイターのおかげで広がりたいのなら、あなたの称賛をつぶやくことができます@mrflix.