CSS3PS - упростит жизнь верстальщику в 10 раз

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем moneymc, 13 фев 2013.

  1. moneymc

    moneymc

    Регистрация:
    22 янв 2013
    Сообщения:
    200
    Симпатии:
    36
    http://css3ps.com/ - это плагин для фотошопа, который позволяет получить сразу css-код нужного слоя. Щелкаете по слою (или выделяете несколько) и щелкаете по кнопке создания css. Далее, откроется окно браузера, где через 20 секунд увидите готовый css.

    От себя: фактически, не нужно делать большую часть работы теперь. У него есть проблемы если в Blend Mode где-то есть наложение типа Overlay и т.д. Если без них, то выдает хороший css, который руками, на глаз, очень долго делать. В общем, попробуйте сами.
     
    Commondore, rostbox, Flexx и 2 другим нравится это.
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.053
    Симпатии:
    779
    Что-то оно у меня с градиентами работать не хочет в CS6. И плохо, что оно через сервер работает.
     
  3. moneymc

    moneymc

    Регистрация:
    22 янв 2013
    Сообщения:
    200
    Симпатии:
    36
    С градиентами отлично работает. Повторюсь, Blend Mode должен быть Normal.
    В работе через сервер есть один существенный плюс - разработчик может обновлять алгоритмы и пользователю, при этом, не нужно ничего скачивать и обновлять. Отметить можно хоть все слои и получить css.
     
  4. sitecreator

    sitecreator

    Регистрация:
    1 фев 2013
    Сообщения:
    291
    Симпатии:
    65
    Для каких IE генерируется валидный и рабочий код?
    хотя судя по приведенному примеру http://css3.ps/?=306c793d-e2d2-51e2-3493-92574e0128f9
    только для ie10

    Код:
    background-image: -webkit-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74)); background-image: -moz-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74)); background-image: -o-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74)); background-image: -ms-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74)); background-image: linear-gradient(to top, rgba(222,0,120,.74), rgba(255,150,0,.74));
     
  5. Jam

    Jam

    Регистрация:
    16 янв 2013
    Сообщения:
    137
    Симпатии:
    19
    Помогите, пожалуйста, установить этот плагин в ФШ. Прочитал инструкцию по установке, но не могу найти этот Adobe Extension Manager.
     
  6. moneymc

    moneymc

    Регистрация:
    22 янв 2013
    Сообщения:
    200
    Симпатии:
    36
    C -> Program Files -> Adobe - если стандартную установку использовали.

    И еще, Фотошоп должен быть полным, а не Портэйбл. И еше, в Винде есть офигительный поиск, ищет очень быстро )
     
  7. ZED

    ZED

    Регистрация:
    7 мар 2013
    Сообщения:
    9
    Симпатии:
    1
    Зачем нужны эти грабли, если есть чудесные онлайн-генераторы для CSS? Попробовал, неудобно же, и в код валит лишнее!
     
  8. ruslan216455

    ruslan216455

    Регистрация:
    6 ноя 2012
    Сообщения:
    220
    Симпатии:
    22
    Так круто , жалко что только некоторые браузеры не поддерживают css3
     
  9. odies

    odies

    Регистрация:
    20 мар 2013
    Сообщения:
    9
    Симпатии:
    6
    Генераторы это другое. Тут же именно плюс в том, что рисуешь дизайн и сразу имеешь уже css код. Вот бы так весь дизайн бы и с кодом и с css... Мечты...
     
  10. GaD

    GaD

    Регистрация:
    24 мар 2013
    Сообщения:
    59
    Симпатии:
    24
    +1 супер а есть что нибудь такое же только хотя бы для ie8
     
  11. vupik

    vupik

    Регистрация:
    6 ноя 2012
    Сообщения:
    58
    Симпатии:
    12
    Да многовато соглашусь. я думаю через годик когда его доработаю будет самое то, да и IE обновят дедушки с IE6 до IE10 вот тогда толк будет. А так 10-20% теряется те кто на IE до сих пор сидят!
    Хотя вещь конечно нужная и долгожданная!
     
  12. Sunray

    Sunray

    Регистрация:
    31 дек 2012
    Сообщения:
    50
    Симпатии:
    4
    по-мне так выдает кучу левого и + подтверждаю на ие ниже 9 версии проблемы, а пока еще люди от них не отказались..потому не вариант ...онлайн генераторы в разовых случаях и выручит, опять же валидность должна быть и кроссбраузерность, толку грузить в фотошоп лишнее..