Дизайн CSS з цим редактором веб-застосунку Adobe Style
Програмне забезпечення Adobe відоме в усьому світі дизайнерами різного віку, але не більше, ніж Photoshop. Панелі редагування PhotoShop є весь shebang з усім необхідним для створення індивідуальних конструкцій.
А тепер є безкоштовний редактор веб-програм, називається LayerStyles, який імітує редактор шарів Photoshop безпосередньо у вашому браузері. Це дозволяє вам динамічно генерувати код CSS як якщо б ви працювали в Photoshop.
Якщо ви відвідуєте сторінка будівельника Ви можете попрацювати з ним, щоб побачити, як він працює.
Вікно поставляється з п'ять різних панелей стилю що все імітує Photoshop. Вони слідують тим же самим налаштуванням і вони оновлювати негайно з демонстраційним вікном на сторінці.
Ці панелі можна вибрати з:
- Тінь
- Внутрішня тінь
- Фон
- Кордон
- Радіус кордону
Всі вони імітують Adobe GUI, що робить цей інструмент цікавим для дизайнерів. Ви також отримаєте повний код CSS, генеруються безкоштовно.
Просто клацніть поле нижнього лівого кута “Код CSS” до отримати фрагмент. Він поставляється з усіма властивостями CSS3 для всього, що ви вибрали.
І краще за все, цей проект повністю з відкритим вихідним кодом і безкоштовно на GitHub, якщо ви хочете завантажити локальну копію. Не тільки це може бути цікаво для генерації CSS, але це також чудовий спосіб вчитися як створити веб-додаток.
Сайт використовує a багато з Бібліотеки JavaScript, разом з плагіни jQuery. Він був побудований розробником Фелікс Ніклас, який зробив це як побічний проект.
Ви можете знайти багато генераторів коду в іншому місці, але цей дійсно унікальний. Це також найцікавіше і, мабуть, найкрутіша веб-програма, яку я бачив до цього року.
Погляньте на LayerStyles і подивіться, що ви думаєте. Ви можете возитися з жива версія на демонстраційній сторінці і знайдіть весь доступний вихідний код безкоштовно на GitHub.
Або, якщо ви хочете поширюватися завдяки творцеві, ви можете твітти ваші захоплення @mrflix.
