Проектирайте CSS с този Adobe App стил Web App Editor
Софтуерът на Adobe е световно известен от дизайнери от всички възрасти, но не повече от Photoshop. Редактиране на панели за PhotoShop са цялото shebang с всичко, от което се нуждаете, за да изградите потребителски дизайн.
А сега има безплатно редактор на уеб приложения, Наречен LayerStyles, който имитира редактора на слоевете на Photoshop точно в браузъра ви. Тя ви позволява динамично генериране на CSS код като че ли работите в Photoshop.
Ако посетите страница на строителя можеш да се заемеш с него, за да видиш как работи.
Прозорецът идва пет различни стилови панели че всички имитират Photoshop. Те следват същите настройки и те актуализирайте незабавно с демонстрационна кутия на страницата.
Това са панелите, от които можете да избирате:
- Бъдете сянка
- Вътрешна сянка
- Заден план
- граница
- Радиус на границата
Всички те имитират Adobe GUI, което прави този инструмент толкова забавен за дизайнерите. Можете също така да получите попълнете CSS кода, генерирани безплатно.
Трябва само да кликнете върху етикета в долния ляв ъгъл “CSS код” да се вземете своя фрагмент. Идва с всички свойства на CSS3 за всичко, което сте избрали.
И най-доброто от всички, този проект е напълно с отворен код и безплатно в GitHub, ако искате да изтеглите локално копие. Това не само е забавно генериране на CSS, но също така е и чудесен начин да научите как да създадете уеб приложение.
Сайтът използва a много на Библиотеки на JavaScript, заедно с jQuery плъгини. Той е построен от разработчика Феликс Никлас, който направи това като страничен проект.
Можете да намерите много генератори на кодове другаде, но тази е наистина уникална. Това е и най-забавното и може би най-готиното уеб приложение, което съм виждал досега тази година.
Обърнете внимание на LayerStyles и вижте какво мислите. Можете да се занимавате с a версия на живо на демо страницата и намерете всички налични изходни кодове безплатно в GitHub.
Или, ако искате да се разпространите благодарение на създателя, можете да чуете вашите възхищения @mrflix.
