• Почему не срабатывает js?

    vilka_2009
    @vilka_2009
    Верстаю
    Удали эту часть кода
    $('.item').each(function(index) {
      if($(this).offset().left > 100 && $(this).offset().left > width - 100) {
        $(this).children('.add').css('transform', 'perspective( 400px ) rotateY(45deg)')
      } else {
        $(this).children('.add').css('transform', 'perspective( 400px ) rotateY(0deg)')
      }
    });
    Ответ написан
    Комментировать
  • Что изучать верстальщику и в каком порядке?

    vilka_2009
    @vilka_2009
    Верстаю
    Не слушай тех, кто говорит, что без JS верстальщик - не верстальщик. Такие люди уже слишком давно работают, чтобы осознавать насколько сложно быстро изучить js попутно получая свой первый опыт в верстке.
    Запомни вообще: мы не можем знать все и сразу. Опыт - это самое важное после стремления и умения учиться и развиваться. Чтобы ты не боялся, что не возьмут в другую компанию: https://habrahabr.ru/post/323188/ Взять к примеру сообщение Тима Дикерса: "Привет, в лид в гугле, и более чем 30 лет программирую. И каждый раз мне надо искать, как узнать длину строки в питоне." А ведь самый первый урок на любом языке начинается с примера, как узнать длину строки ))

    Теперь поделюсь немного своим опытом. Как начинала я: я уволилась с работы и пошла учиться на курсы в htmlacademy База там дается отличная, правда с первого раза мне сложно было заставить себя учиться, поэтому я прошла бесплатно второй такой же интенсив. Перед НГ защитилась на отлично, можно сказать, и в феврале меня уже пригласили на работу примерно как у тебя (тоже java, совдепия, xml, таблицы). Сидела я там и баги всякие поправляла. Ушла через 5 месяцев. Долго не могла устроиться и из-за отсутствия свободных мест, и из-за собственного же страха и неуверенности. Бралась за фриланс, получала опыт, даже бесплатно работала в стартапе)) Мне важно было как можно больше практиковаться и получать опыт. Благо вообще нравится верстать) Весной следующего после увольнения года мне предложили работать в какой-то новой конторке, нас там было всего трое - дизайнер, программист и верстальщик. Всему обещали научить и чему успели научили) И ведь до сих пор люди считают, что верстальщик в компании должен быть! А некоторые компании совмещают приятное с полезным: верстальщика с программистом-фронтендером. Тем самым экономят рабочие места и зарплаты. Удобно же, да?) И вот такие опытные разрабы и говорят, верстальщик без js - не верстальщик. Фигня все это. Сейчас верстка гораздо сложнее и заковырестее, чем работа контент-менеджера, которая заключается в том, чтобы текст писать и вставлять его куда надо. Когда ты умеешь js - ты уже junior фронтендер. Это мое ИМХО. Ты отвечаешь не только за верстку, но и за фронт. Короче, далее)) В этой маленькой конторке я получила норм опыт и через пол года меня уже переманили в другую, одну из топовых организаций нашего небольшого города (тоже 400к). Зп как я когда-то хотела, проекты интересные, полная свобода действий и самостоятельность, даже уважение!) и я не знаю JS. И флексбоксы только начала пробовать. И проекты в моем портфолио за 2 года можно по пальцам пересчитать. Нужно просто успокоить себя и осознать, что верстка - это совсем не сложно. И js тоже совсем не сложно. И быть неопытным - тоже не проблема. Те организации, которые готовы брать неопытных людей, знают на что идут, они могут выделить свое личное время на твое обучение, на допиливание твоего опыта) Мы с коллегами 2 раза в неделю остаемся после работы и учим js. Нам читают учебник learn.javascript (да да), быстренько так зачитывают, все на пальцах и примерах в браузере тут же показывают, объясняют простым языком и потом ты уже спокойно можешь перечитывать учебник и понимать, что там написано и выполнять задачки под статьями. Периодически, для закрепления материала, нам дают домашку. Точнее давали, мы уже закончили js-лекции. И все равно, нельзя сказать, что мы сейчас прям сядем и плагин свой напишем - ни! Мы теперь можем понять практически любой код, написанный другими людьми. И использовать его. Для написания своего нужен просто опыт, больше практики.

    Я думаю, что работая в этой конторке на отстающих технологиях ты просто тратишь время зря. Иди в любую другую, реально. Просто за опытом. И да, в Москве медом не намазано. Там абсолютно так же как и в твоем городке, просто мест больше. Лучше туда наоборот опытным матёрым фронтендером ехать, за деньгами. А опыт в любом месте можно найти.

    Вот мой "блог"-цель по развитию в профессии, может прибавит тебе чего. Я его чисто как чек-лист для себя составляла.

    По поводу адаптива: в бутстрапе тоже используются медиазапросы. И покапавшись в нем, поюзая его, я поняла и осознала, что такое адаптив. Не знаю, что там учить перед его использованием?! Его и создавали как раз для программистов-бэкэндеров, чтобы они не запаривались и не вникали в адаптивную верстку, а просто юзали нужные классы. Так что, начинай использовать бутстрик и норм будет ;)

    Вот те мини-план от меня:
    • отбросить страхи
    • включить уверенность
    • блочная верстка
    • сетка на float || inline-block
    • попробовать бутстрап
    • html5, css3, семантика (она плотно зашита в html5)
    • попробовать расположить все элементы на странице/блоке позиционированием
    • ( так же все это можно попрактиковать на бесплатный курсах html-академии )
    • медиа-запросы
    • устроиться на работу
    • осознать бутстрап (то есть попробовать осознанно сверстать несколько макетов на бутстрапе, с адаптивом, на работе прям и попробуешь, ведь ты же уже знаком с бутстрапом :))
    • флексы - узнать и осознать, что это круче и удобнее бутстрапа в миллион раз
    • Внедрить флексы в рабочий проект, утвердив с ведущими и доказав, что его можно спокойно юзать и что не надо поддерживать ie 9... да даже 10
    • Самое главное: уделять по 1-2 часу в день, чтобы прочитать 0,5-1 главу на learn.javascript и пройти задачки под каждой прочитанной статьей ( у меня примерно столько уходило времени).


    Кстати да, совсем забыла про svg - это само собой ) Выкладывать на гитхаб свои работы прям на ходу разработки - это тема! Проверяющие будут видеть как ты коммитишь и юзаешь гит.
    Ответ написан
    10 комментариев
  • Почему в браузере подтягиваются стили только одного класса сетки flexboxgrid?

    vilka_2009
    @vilka_2009 Автор вопроса
    Верстаю
    Вопрос решился установкой gem 'autoprefixer-rails'
    Ответ написан
    Комментировать
  • Как реализовать отложенную загрузку изображений при прокрутке наиболее современными методами?

    vilka_2009
    @vilka_2009 Автор вопроса
    Верстаю
    Пока что из норм вариантов вижу lazyload без jquery. Он может и просто подгружать картинки по мере скролла, а может еще поддерживать Progressive JPEG
    Ответ написан
    Комментировать
  • Как прописать код, чтобы открывалось в приложении Youtube с телефона?

    vilka_2009
    @vilka_2009
    Верстаю
    Насколько я поняла вопрос должна быть ссылка. Но я ее тут не вижу. То есть самого тега "a". На что нажать надо, чтобы открывался ютуб? meta - это мета-тег, он на странице не отображается.
    Ладно, это все демагогия.

    Вот как она должна выглядеть. Ничего больше. Хотя смотря на чем вы разрабатываете, например, на F7 тегу "a" нужно еще класс external прописать.
    Короче говоря, телефон сам распознает в каком приложении открывать ссылку, если в адресе ссылки есть ссылка на видео-ролик с ютуба, то откроется в приложении ютуба.
    Ответ написан
  • Как понять процесс создания и передачи макетов для мобильных устройств в верстку и далее в программинг?

    vilka_2009
    @vilka_2009
    Верстаю
    Полностью поддерживаю коммент Макс Минимус! Особенно, если индивидуальный дизайн. На сколько мне известно, эпловцы сильно придираются к дизайну и требуют к приложениям под ios соблюдение некоторых гайдов. У андроида проще и нет никакой проверки приложений на соответствие стайл-гайдам. Поэтому можно запилить макеты под смартфоны и планшеты и чтобы соответствовали требованиям айосовцев. Итого, под каждый экран приложения по 2 макета.
    Для iOs приложения я использовала Framework7. То что нужно кастомизировала под дизайн-макеты.
    Ответ написан
    Комментировать
  • Есть ли уроки по современной разработке на JS?

    vilka_2009
    @vilka_2009
    Верстаю
    Наздоровье Тут и по jsхороший курс, и по Ангулярам. Но комплексных курсов вряд ли будет, галпы, фреймы и прочее - все с опытом приходит
    Ответ написан
    Комментировать
  • Какие HTML/JS/CSS фреймворки популярны для разработки мобильных приложений?

    vilka_2009
    @vilka_2009
    Верстаю
    Посмотрите еще Framework7
    Ответ написан
    Комментировать
  • Видеоуроки по изучению JavaScript?

    vilka_2009
    @vilka_2009
    Верстаю
    А это на будущее, когда основу основ пройдете monsterlessons.com/project/categories/javascript
    Ответ написан
    Комментировать
  • Создание и использование SVG спрайтов?

    vilka_2009
    @vilka_2009
    Верстаю
    Мы svg-спрайты подключаем через background в css, а не через object. (работаем через TARS)
    Почитайте эту статейку, может она вам когда-нибудь поможет https://svgontheweb.com/ru/ Пункт CSS-манипуляции, посмотрите и обязательно пункт Спрайты. Я думаю там есть то, что вам нужно.
    Ответ написан
    7 комментариев
  • Знаю основы HTML CSS, но верстать не получается. Как преодолеть баръер?

    vilka_2009
    @vilka_2009
    Верстаю
    Нужно просто брать и верстать. Не думая ни о чем. Самое главное не думать о том, что что-то не получается и не получится. Это должно быть не про вас. Просто берете и делаете.
    Ответ написан
    Комментировать
  • Как сделать сортировку блоков?

    vilka_2009
    @vilka_2009
    Верстаю
    Было подобное "испытание" на htmlacademy . Возможно придется где-нибудь float переопределить (не уверена, уже не помню как делается эта штуковина, давно проходила). Но по большей степени придется менять местами блоки, чтобы все правильно встало )) Курс бесплатный, только зарегаться надо, я ничего не рекламирую, если что )))
    Ответ написан
    Комментировать
  • Как растянуть контент по высоте?

    vilka_2009
    @vilka_2009
    Верстаю
    Все гораздо проще. Если флексы не подходят из-за поддержки каких-нибудь старых браузеров, то вот так: https://jsfiddle.net/9z8u92dh/5/
    Ответ написан
    Комментировать
  • Верхняя панель в Chrome?

    vilka_2009
    @vilka_2009
    Верстаю
    По-моему (лично мое мнение) тут достаточно прописать лишь:

    .big_background {
      width: 100vh;
      height: 100vh;
      background-image: url("../img/big_gb.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
    }


    background-attachment: fixed - эта строка как раз таки не позволит прокручиваться фону.
    Ответ написан
    Комментировать
  • Как сделать отдельный цвет у * в input?

    vilka_2009
    @vilka_2009
    Верстаю
    Честно говоря, на данный момент этот способ не работает почему-то. Даже в вашем примере. Неужели данную фичу выпилили уже? ;((

    Но к счастью, есть другое прекрасное несложное решение ru.stackoverflow.com/questions/298676/%D0%9A%D0%B0...
    Ответ написан
    Комментировать
  • Как вывести tooltip за пределы блока с overflow:scroll?

    vilka_2009
    @vilka_2009 Автор вопроса
    Верстаю
    Решила с помощью jQuery codepen.io/anon/pen/MKLmpM
    Ответ написан
    Комментировать