swandev

Пользователь
  • Публикации

    680
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    17

Последний раз swandev выиграл 17 июля 2017

Публикации swandev были самыми популярными!

Репутация

153 Хорошая

О swandev

  • Звание
    Активный участник
  • День рождения 25.12.1993

Информация

  • Пол
    Мужчина

Контактная информация

  • Skype
    swan.dev

Посетители профиля

3 722 просмотра профиля
  1. Помогите разобраться друзья JavaScript !!!

    Так? 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. Компьютер для верстальщика 2017 г.

    Не советую hdd на 1тб за 3-3.5к как основной Лучше доплатить немного и купить ssd на 128, этого вполне хватает для работы
  5. Компьютер для верстальщика 2017 г.

    Я работаю за macbook pro retina 13" середины 2014, доволен, до сих пор хватает консоль, avocode\sketch, filezilla, atom, почтовый клиент, телеграм, скайп, браузер и т.д, вообще никаких проблем
  6. Насколько старые айфоны? Apple довольно долго поддерживает свои устройства. Последнюю на данный момент версию ios (и соответственно возможность установить последний сафари) поддерживают устройства начиная с 5го айфона (а ему уже 5 лет). Если вам скидывают скрины с 4х айфонов, то это их проблемы, но точно не верстальщика. Таких пользователей немного, так что некоторые проблемы им можно оставить, как признак того, что пора бы обновиться. А смотреть в сафари не имея устройства можно только в browserstack, но это не бесплатно : (
  7. Да, 1365px ширину выставил(применился @media запрос), потом уменьшил масштаб до 80% и @media запрос не применился. Полос нет. Вот как в айфоне (414x736px) В хроме на десктопе так же ,если уменьшить ширину браузера
  8. Safari под windows уже давно устарел, удалите его и забудьте про поддержку В нормальном браузере все хорошо (кнопка только не вмещается)
  9. Помогите корректно составить верстку

    Так? https://jsfiddle.net/a2Lp0qa7/
  10. Иконка на одинаковом расстоянии от текста

    Так работает инлайн блок Наверное только с помощью js можно сделать это
  11. Музыка для кайфа

  12. pug и sass: как сдают верстку и заливают на сервер?

    А у меня такой стартовый шаблон для верстки, к которому я привык. Собирается все сюда Клиенту передается архив, в котором build папка (с минифицированными стилями\скриптами\изображениями) и dev версия проекта со всеми исходными файлами, конфигами.
  13. Календарь для выбора дат

    Вот так? https://jsbin.com/yahuxapinu/edit?html,css,js,output Плагин из примера https://chmln.github.io/flatpickr/
  14. Оцените верстку начинающего

    Пиксели нужно использовать. Если нужен именно резиновый сайт, то проценты задаются только у тех блоков, которые должны растягиваться. Можно плагин для хрома установить pixelperfect и накладывать скриншот макета на верстку
  15. Оцените верстку начинающего

    @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, адаптивность. Флексбоксы, гриды и все такое. Верстай большее сайтов и сложнее выбирай, лендинги очень просты.