Домашняя » Веб-дизайн » Создавайте CSS с помощью этого редактора веб-приложений в стиле Adobe

    Создавайте CSS с помощью этого редактора веб-приложений в стиле Adobe

    Программное обеспечение Adobe известно во всем мире дизайнерами всех возрастов, но не более, чем Photoshop.. Панели редактирования PhotoShop весь шебанг со всем необходимым для создания нестандартных конструкций.

    А теперь есть бесплатный редактор веб-приложений, называется LayerStyles, который имитирует редактор слоев Photoshop прямо в вашем браузере. Это позволяет вам динамически генерировать код CSS как будто вы работаете в фотошопе.

    Если вы посетите страница строителя Вы можете повозиться с ним, чтобы увидеть, как он работает.

    Окно поставляется с пять разных стилей панелей что все подражают фотошопу. Они следуют тем же настройкам, и они обновить немедленно с демонстрационной коробкой на странице.

    Это панели, из которых вы можете выбрать:

    1. Drop Shadow
    2. Внутренняя тень
    3. Фон
    4. бордюр
    5. Пограничный радиус

    Все они имитируют графический интерфейс Adobe, который делает этот инструмент таким интересным для дизайнеров. Вы также получите полный код CSS, генерируется бесплатно.

    Просто нажмите в левом нижнем углу поле с надписью “CSS код” в получить свой фрагмент. Он поставляется со всеми свойствами CSS3 для всего, что вы выбрали.

    И, что самое приятное, этот проект полностью с открытым исходным кодом и бесплатно на GitHub, если вы хотите скачать локальную копию. Мало того, что это может быть весело для генерация CSS, но это также отличный способ учиться как создать веб-приложение.

    Сайт использует много из Библиотеки JavaScript, вместе с плагины jQuery. Он был построен разработчиком Феликсом Никласом, который сделал это как побочный проект.

    Ты можешь найти множество генераторов кода в другом месте, но этот действительно уникальный. Это также самое веселое и, пожалуй, самое крутое веб-приложение, которое я видел в этом году..

    Взгляните на LayerStyles и посмотрите, что вы думаете. Вы можете повозиться с живая версия на демо-странице и найти весь доступный исходный код бесплатно на GitHub.

    Или, если вы хотите распространять благодаря создателю, вы можете чирикать ваши восхищения @mrflix.