이 Adobe 스타일 웹 응용 프로그램 편집기로 CSS 디자인하기

어도비의 소프트웨어는 모든 연령대의 디자이너들에 의해 세계적으로 유명하지만, Photoshop보다. PhotoShop 편집 패널 맞춤 디자인을 제작하는 데 필요한 모든 것을 갖춘 전체.

그리고 지금은 무료입니다. 웹 응용 프로그램 편집기, 전화 한 LayerStyles, 이는 브라우저에서 바로 Photoshop 레이어 편집기를 모방 한 것입니다. 그것은 당신에게 CSS 코드를 동적으로 생성 마치 Photoshop에서 작업하는 것처럼.

방문하면 빌더 페이지 당신은 그것으로 어떻게 작동하는지 알 수 있습니다..

창이 함께 제공됩니다. 다섯 가지 스타일 패널 모든 것이 Photoshop을 모방합니다. 그들은 같은 설정을 따르고 그들은 즉시 업데이트 페이지에 데모 상자가 있습니다..

선택할 수있는 패널은 다음과 같습니다.

1. 그림자
2. 내부 그림자
3. 배경
4. 경계
5. 테두리 반지름

그들은 모두이 도구를 디자이너들에게 재미있게 만들어주는 Adobe GUI를 모방합니다. 당신은 또한 완전한 CSS 코드, 무료로 생성.

레이블이있는 왼쪽 하단 모서리의 상자를 클릭하기 만하면됩니다. “CSS 코드” 에 너의 발췌 문장을 얻으 라.. 선택한 모든 것에 대해 모든 CSS3 속성이 제공됩니다..

그리고 무엇보다도,이 프로젝트는 완벽합니다. 오픈 소스 및 무료 로컬 복사본을 다운로드하려면 GitHub에서. 이것은 재미있을뿐만 아니라 CSS 생성, 그러나 그것은 또한 훌륭한 학습 방법입니다. 웹 앱을 만드는 방법.

사이트는 제비 의 자바 스크립트 라이브러리, 와 함께 jQuery 플러그인. 이 프로젝트를 사이드 프로젝트로 만든 개발자 Felix Niklas가 만들었습니다..

찾을 수 있습니다. 많은 코드 생성기 다른 곳에서는이게 정말 독특합니다. 또한 올해 가장 재미 있고 아마도 가장 멋진 웹 앱입니다..

LayerStyles를보고 자신이 생각하는 것을보십시오. 당신은 라이브 버전 데모 페이지에서 찾아서 모든 사용 가능한 소스 코드 GitHub에서 무료로.

또는 제작자에게 감사의 말을 전하고 싶다면 내 감탄을 트위터로 보낼 수 있습니다. @mrflix.