• Как быстро и эффективно прокачать скилы в верстке?

    @OKF
    Тут многие советую больше практиковаться, но, как я понимаю, с ней-то у вас проблем особых нет, а проблема как раз в систематизации имеющихся знаний и теории. То что вы сверстаете 5-10-20 макетов, но стили будете лепить также, как делаете сейчас, ситуацию это не исправит.
    Так что, имхо, выделите свои слабые места и подтяните теорию по проблемным темам. Обычно это наследования, дефолтные стили, флоаты, позиционирование, флекс-боксы. Мне в своё время хорошо с этим помогла разобраться книга Мейера. Если нет времени, можно просто поискать статьи в сети. Поизучать best practice и ошибки, которые допускают новички в верстке.
    Ответ написан
    Комментировать
  • Как быстро и эффективно прокачать скилы в верстке?

    @Bondi
    Действительно практика решает.
    Но понять основы, круто поможет HTMLAcademy, проверенно лично.
    Если готовы вложить время и деньги - посмотрите в сторону их интенсивов. Месяц плотной работы с наставником и проверкой вашего кода.

    p/s/ часть интерактивных курсов доступна "абсолютли"(с) бесплатно.
    Ответ написан
    2 комментария
  • Как быстро и эффективно прокачать скилы в верстке?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    танцы с бубном... прокачать навыки верстки максимально быстро и при этом достаточно углубленно... Главное - результат и время.


    Был в похожей ситуации. Могу сказать, что очень полезно порисовать картинки с помощью CSS (если не сталкивались - сходите на CodePen, там это дело очень полюбили). Звучит глупо, но тем не менее такая деятельность помогает очень быстро освоить те свойства CSS, которые обычно все гуглят и не понимают. Это своеобразные "концентрированные" задачи на верстку. Если в одном макете 5 сложных моментов, то тут в одной картинке - 25.
    Ответ написан
    3 комментария
  • Как быстро и эффективно прокачать скилы в верстке?

    @mletov
    Вы знаете, у нас в команде похожая ситуация. Нас 3 программиста, пишем в основном бэк, а к морде требования обычно минимальные, поэтому везде бутстрап. Из нас троих опыт работы верстальщиком в веб-студии есть только у меня, остальные как вы: вроде тоже не первый год работают, по верстке что-то правят, подгугливают, но как что-то чуть посложнее - спрашивают у меня.

    Курсы, книги, менторы и т д - это, конечно, хорошо.
    Но самая реальная польза - сверстайте из psd 3-5-10 макетов pixel perfect. И без всяких бутстрапов. После энного макета постигните дзен и все поймете. И чем макеты будут разнообразнее, чем больше в них адаптивности и хитрых элементов - тем лучше. По непонятным моментам спрашивайте на тостере. А так, судя по опыту коллег, иметь "некоторые представления о css" и подгугливать можно до бесконечности.
    Ответ написан
    1 комментарий
  • Зачем дизайнеру подстраиваться под верстальщика в случае с Bootstrap?

    sim3x
    @sim3x
    Также, часто слышу, что верстальщики говорят дизайнерам, мол дизайн не пригоден для Bootstrap из-за специфической сетки дизайнера.
    Но это же бессмысленно.
    а сетка из неравных полосок или своя сетка для каждой страницы?
    Сетка по сути создается под каждый проект отдельно
    нет. Сетка или является частью стиля диза или ее подгоняют постфактум. Именно второй вариант слабо ложится в любую верстку

    Если дизайнер сделал свою сетку
    а дизайнер сделал пдф с описанием сетки и использует ее на всех страницах?

    верстальщик может зайти на страницу кастомизации Bootstrap
    верстальщик будет править переменные сасс

    Сетка - это помощник дизайнера, а не ограничитель. Я не прав?
    неправ. Ограничитель. Потому дизайнеры не любят ее или используют ее как попало
    Ответ написан
    Комментировать
  • Зачем дизайнеру подстраиваться под верстальщика в случае с Bootstrap?

    delphinpro
    @delphinpro Куратор тега Вёрстка
    frontend developer
    Вы абсолютно правы во всём.
    И если у вас, как у дизайнера, хорошо продуманный макет на выходе, пусть и "нестандартный", у нормального верстальщика никаких, я акцентирую, никаких проблем при верстке не возникнет.

    С другой стороны, некоторые комментаторы тоже правы по-своему. Если на первом месте для проекта стоит цена, то оптимальнее идти по проторенной дорожке.

    Итог в том, что придется выбирать: ширпотреб или авторская работа. А выбирать, понятно, заказчику.
    Ответ написан
    Комментировать
  • Где смотреть современные интересные сайты?

    @Cypres
    Возможно, вы имели ввиду всякие примеры для собственной реализации, и прочее:

    dribbble
    uplabs
    uimovement
    Ответ написан
    Комментировать
  • Где смотреть современные интересные сайты?

    sfi0zy
    @sfi0zy Куратор тега Вёрстка
    Creative frontend developer
    Ответ написан
    Комментировать
  • Какой хороший курс по JS (для среднего уровня)?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    https://www.youtube.com/watch?v=bzuelEN1Kg8&list=P... вот это дело мозг хорошо поставило на место по части ES5, Еще зоракса послушай. learn.javascript.ru хорош, но нудноват...
    Ответ написан
    2 комментария
  • Что лучше использовать для анимаций css или js? И почему?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    но которую можно реализовать и с помощью css, и с помощью javascript...
    ваше мнение хотел услышать

    Мне самому нравится делать все на CSS, но... Если анимация должна быть интерактивной и нужно ее останавливать в процессе, откатывать в изначальное положение и.т.д., или некоторые ее части зависят от данных (в широком смысле - это и движение по сложной траектории, и построение графиков и.т.д.) и их проще рассчитать скриптом, чем подбирать коэффициенты в CSS keyframes, то JS будет лучшим выбором. Если это последовательность мало связанных между собой изменений, то опять же скрипты почти всегда будет проще реализовать. Если речь идет о CSS-анимациях с фильтрами (особенно SVG-фильтрами), то можно влететь в очень сильные проблемы с производительностью на слабом железе. И никакие хаки с GPU тут не помогут - все равно будет тормозить. В такой ситуации может иметь смысл не просто писать на JS, но и подключить WebGL и все делать руками на шейдерах.

    В остальных случаях стоит смотреть по ситуации - разные :hover / :focus эффекты обычно легко реализуются на CSS, и, если это так, то зачем что-то придумывать? CSS в последнее время очень даже неплох. Но если, например, в проекте вся анимация делается на JS, то может иметь смысл продолжать делать так же, сохраняя единообразие в коде.
    Ответ написан
    Комментировать
  • Как убрать стрелку в IE в селекте?

    space2pacman
    @space2pacman
    Просто царь.
    select::-ms-expand {
        display: none;
    }


    https://jsfiddle.net/hu1b8kw3/
    Ответ написан
    Комментировать
  • Какую сферу выбрать: графический дизайн или веб-дизайн?

    sim3x
    @sim3x
    И веб загибается и программинг вообще дно

    Идите в сварщики, сантехники, електрики, токари

    Кроме шуток
    Ответ написан
    4 комментария
  • Какую сферу выбрать: графический дизайн или веб-дизайн?

    @Justina666
    Очень светлая голова. Блондинка я.
    Автор, привет! Если уже сейчас есть мысли про разработку и верстку, идти нужно однозначно в web. А так зависит конечно от склонностей - граф. дизайн понравится тем, кто склонен к творчеству и креативу и может в нем расти внутри себя.
    Я работала и там и там, диплом - "граф. дизайнер", так вот даже на дипломном проекте преподаватели не могли сойтись в едином мнении, что хорошо, что плохо. С заказчиками еще интереснее - один хочет летящую красную корову, потому что "это минимализм как у эппл", другой считает, что "каждый профессионал должен ставит логотип в правый угол", а третий вообще хочет сам не знает чего, но "чтоб креативно". Особенно эпично, когда креативность хотят от какого-нибудь логотипа на ручке или визитке. В идеальном мире Вы конечно станете новым Лебедевым и будете слать матом всех кривых заказчиков, но вот в реале, скорее всего, только пробъетесь в крутую студию, к которой будут приходить все те же обычные клиенты с красными коровами.
    В web все-таки в этом плане проще, тк есть какие-то принятые стандарты, и во главе угла удобство пользователя. Если клиент хочет уж совсем треш, ему можно доказать, почему так делать не надо. Но многим совсем творческим гражданам тесно в web как раз из-за рамок юзабилити.
    Ну и также не могу отметить про зарплаты - в web они больше. Конечно, в граф. дизайне тоже есть высокие зп, но это в основном пафосные конторы, которым надо "соответствовать" (и это я не про профессионализм).
    В общем чисто из своего опыта - если Вы не "звезда-талант 1 на 1000", то в web пробиться на хорошую работу проще.
    Ответ написан
    1 комментарий
  • Назовите названия всех должностей в веб-дизайне?

    @pacman123
    fullstack html developer
    Странно что ни разу не написали словосочетание UX/UI:)
    Ответ написан
    1 комментарий
  • Как сверстать шестиугольники вокруг цифр?

    @kiberlain
    6-угольную svg-шку бэкграундом вставить в прямоугольный блок - самое логичное решение
    Ответ написан
    Комментировать
  • Как сверстать шестиугольники вокруг цифр?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer

    второй варик
    Ответ написан
    Комментировать
  • Текстовая игра в unity3d. Как лучше реализовать?

    k12th
    @k12th
    console.log(`You're pulling my leg, right?`);
    Хотя можно и в Unity3D, для чисто текстовых игр есть более удобные и легковесные инструменты:

    Онлайн, в основном гипертекстовые (то есть игрок кликает по ссылкам):
    • https://texturewriter.com/ довольно необычная парадигма, игрок перетаскивает слова-действия на слова-предметы (или наоборот)
    • twinery.org/2 (только не качайте ради всех богов этот гребаный десктопный клиент)
    • textadventures.co.uk/squiffy простой, но рабочий
    • textadventures.co.uk/quest (пожалуй, единственный среди онлайн-инструментов поддерживает парсерный ввод)
    • sm.axmasoft.com (русская документация, в принципе клон Twine)


    Требуют скачивания инструментов:
    1. www.inklestudios.com/ink (есть плагин к Unity3D)
    2. https://www.choiceofgames.com/make-your-own-games/... ChoiceScript, младший брат бывшего платным ink
    3. instead.syscall.ru/index.html (опять русская документация)
    4. inform7.com и русско-язычный вариант rinform.stormway.ru


    К сожалению, посоветовать что-либо конкретнее без знания вашего уровня и без конкретной задачи не могу. Если вы новичок в программировании и английский не очень — axma. Если английский норм — twine, squiffy, texture (люди делают очень красивые вещи на Twine). Если не боитесь писать HTML/MarkDown и прочие подобные вещи -- ChoiceScript, ink. Хотите олдскульного хардкора — instead, inform, tads.
    Ответ написан
    7 комментариев
  • Можно ли будучи верстальщиком устроиться на работу в компанию по разработке игр?

    k12th
    @k12th
    console.log(`You're pulling my leg, right?`);
    Я сам задаюсь таким вопросом какое-то время и ответ, судя по всему, отрицательный — слишком разные компетенции. Разумеется, хороший программист найдет себе работу в любой отрасли, но компании все же предпочитают чтобы у человека были релевантные знания и опыт.

    Можно устроиться фронтендером в около-игровую контору (например, GOG недавно искал человека). Ну или в свободное время делать демки/прототипы, чтобы разобраться в инструментах.
    Ответ написан
    6 комментариев
  • Какие существуют способы защиты стилей CSS?

    opium
    @opium
    Просто люблю качественно работать
    мне кажется мания величия затмила ваш мозг глупейшими проблемами, вместо того чтобы код красиво оформить и выкладывать на гитхаб и делиться им, вы решили его зачем то прятать, просто задумайтесь, что хорошего вы сделали в жизни и почему не выкладываете его на гитхаб?
    Ответ написан
    11 комментариев