swandev

User
  • Content count

    681
  • Joined

  • Last visited

  • Days Won

    17

swandev last won the day on July 17 2017

swandev had the most liked content!

Community Reputation

153 Хорошая

About swandev

  • Rank
    Активный участник
  • Birthday 12/25/1993

Information

  • Sex
    Мужчина
  • From
    Россия

Recent Profile Visitors

4,084 profile views
  1. Так? var name, lastName; name = prompt('Введите имя'); if (name === '' || name === null) { alert('Действие отменено'); } else if (name !== 'Василий') { alert('Имя не найдено'); } else { lastName = prompt('Фамилия?'); if (lastName === '' || lastName === null) { alert('Действие отменено'); } else if (lastName !== 'Зайцев') { alert('Фамилия не найдена'); } else { alert('Здравствуйте ' + name + ' ' + lastName); } }
  2. Потому что <img> inline объект. Чтобы не было отступов нужен display: block для <img> или font-size: 0 для обертки
  3. Можно так например https://jsfiddle.net/8spzgove/ Или так https://jsfiddle.net/aeqn87es/1/
  4. Насколько старые айфоны? Apple довольно долго поддерживает свои устройства. Последнюю на данный момент версию ios (и соответственно возможность установить последний сафари) поддерживают устройства начиная с 5го айфона (а ему уже 5 лет). Если вам скидывают скрины с 4х айфонов, то это их проблемы, но точно не верстальщика. Таких пользователей немного, так что некоторые проблемы им можно оставить, как признак того, что пора бы обновиться. А смотреть в сафари не имея устройства можно только в browserstack, но это не бесплатно : (
  5. Да, 1365px ширину выставил(применился @media запрос), потом уменьшил масштаб до 80% и @media запрос не применился. Полос нет. Вот как в айфоне (414x736px) В хроме на десктопе так же ,если уменьшить ширину браузера
  6. Safari под windows уже давно устарел, удалите его и забудьте про поддержку В нормальном браузере все хорошо (кнопка только не вмещается)
  7. Так? https://jsfiddle.net/a2Lp0qa7/
  8. Так работает инлайн блок Наверное только с помощью js можно сделать это
  9. А у меня такой стартовый шаблон для верстки, к которому я привык. Собирается все сюда Клиенту передается архив, в котором build папка (с минифицированными стилями\скриптами\изображениями) и dev версия проекта со всеми исходными файлами, конфигами.
  10. Вот так? https://jsbin.com/yahuxapinu/edit?html,css,js,output Плагин из примера https://chmln.github.io/flatpickr/
  11. Пиксели нужно использовать. Если нужен именно резиновый сайт, то проценты задаются только у тех блоков, которые должны растягиваться. Можно плагин для хрома установить pixelperfect и накладывать скриншот макета на верстку
  12. @HiddenName 1. Нет ховеров у ссылок, кнопок. Нужно чтобы хоть какое-то взаимодействие было 2. Социальные кнопки в футере должны быть одинакового размера и формы. 3. <div class="main"> мне кажется лучше заменить на <main class="main"> и футер вынести из этого блока. 4. В блоке hero стрелочка должна быть частью ссылки LEARN MORE , а не отдельным элементом 5. Блок с ссылками app store и play market неправильно сверстан. иконка+ссылка+текст должны быть обернуты в див. И стрелочка должна быть частью ссылки. Сейчас же все по отдельности в ряд. Иконка яблока и андроида должна быть задана через css, а не img 6. Цитата должна быть blockquote, а не див как сейчас Чтобы он был резиновый нужно размеры задавать в %, а не px как сейчас Имена классов нормальные, их не много. Наименование классов по БЭМу не такое сложное, как может показаться. Вот возьмем пример из этого лендинга: <div class="blog-lg"> <img src="img/photo-student.jpg" alt="students"> <span class="blog-lg-subtitle">Blog Post about something and someone</span> <p class="blog-lg-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scramb specimen book.... <a href="#">Read more</a></p> </div> может быть заменен на <article class="blog-preview blog-preview--lg"> <img class="blog-preview__image" src="img/photo-student.jpg" alt="students"> <h4 class="blog-preview__subtitle">Blog Post about something and someone</h4> <div class="blog-preview__text"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scramb specimen book.... <a href="#">Read more</a></p> </div> </article> и соответственно <div class="blog-sm"> <img src="img/photo-space-copy.jpg" alt="students"> <span class="blog-sm-subtitle">Lorem Ipsum is simply dummy text </span> <p class="blog-sm-text">Face it, by the time you make it through your third year of rotations, your mind is ... <a href="#">Read more</a></p> </div> заменяется на <article class="blog-preview blog-preview--sm"> <img class="blog-preview__image" src="img/photo-space-copy.jpg" alt="students"> <h4 class="blog-preview__subtitle">Lorem Ipsum is simply dummy text </h4> <div class="blog-preview__text"> <p>Face it, by the time you make it through your third year of rotations, your mind is ... <a href="#">Read more</a></p> </div> </article> Еще рано смотреть в сторону фреймворков. Изучи хорошо css, адаптивность. Флексбоксы, гриды и все такое. Верстай большее сайтов и сложнее выбирай, лендинги очень просты.
  13. Может это поможет? -webkit-font-smoothing: antialiased; Или может вот это (плашка же с помощью translate выезжает)? transform: perspective(1px) translateY(-400px); Или так transform: translateY(-400px) transform3d(0,0,0);
  14. Дизайн мне не нравится, выглядит очень и очень несовременно В 2017, еще и для художницы можно было бы что-то получше придумать