Jump to content

swandev

User
  • Posts

    681
  • Joined

  • Last visited

  • Days Won

    17

Everything posted by swandev

  1. Ограничение ширины обычно помогает. Иногда неразрывной пробел   после предлогов нужно добавлять или в редких случаях между словами в некоторых словосочетаниях.
  2. Так? 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); } }
  3. Потому что <img> inline объект. Чтобы не было отступов нужен display: block для <img> или font-size: 0 для обертки
  4. Можно так например https://jsfiddle.net/8spzgove/ Или так https://jsfiddle.net/aeqn87es/1/
  5. Не советую hdd на 1тб за 3-3.5к как основной Лучше доплатить немного и купить ssd на 128, этого вполне хватает для работы
  6. Я работаю за macbook pro retina 13" середины 2014, доволен, до сих пор хватает консоль, avocode\sketch, filezilla, atom, почтовый клиент, телеграм, скайп, браузер и т.д, вообще никаких проблем
  7. Насколько старые айфоны? Apple довольно долго поддерживает свои устройства. Последнюю на данный момент версию ios (и соответственно возможность установить последний сафари) поддерживают устройства начиная с 5го айфона (а ему уже 5 лет). Если вам скидывают скрины с 4х айфонов, то это их проблемы, но точно не верстальщика. Таких пользователей немного, так что некоторые проблемы им можно оставить, как признак того, что пора бы обновиться. А смотреть в сафари не имея устройства можно только в browserstack, но это не бесплатно : (
  8. Да, 1365px ширину выставил(применился @media запрос), потом уменьшил масштаб до 80% и @media запрос не применился. Полос нет. Вот как в айфоне (414x736px) В хроме на десктопе так же ,если уменьшить ширину браузера
  9. Safari под windows уже давно устарел, удалите его и забудьте про поддержку В нормальном браузере все хорошо (кнопка только не вмещается)
  10. Так работает инлайн блок Наверное только с помощью js можно сделать это
  11. А у меня такой стартовый шаблон для верстки, к которому я привык. Собирается все сюда Клиенту передается архив, в котором build папка (с минифицированными стилями\скриптами\изображениями) и dev версия проекта со всеми исходными файлами, конфигами.
  12. Вот так? https://jsbin.com/yahuxapinu/edit?html,css,js,output Плагин из примера https://chmln.github.io/flatpickr/
  13. Пиксели нужно использовать. Если нужен именно резиновый сайт, то проценты задаются только у тех блоков, которые должны растягиваться. Можно плагин для хрома установить pixelperfect и накладывать скриншот макета на верстку
  14. @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, адаптивность. Флексбоксы, гриды и все такое. Верстай большее сайтов и сложнее выбирай, лендинги очень просты.
  15. Может это поможет? -webkit-font-smoothing: antialiased; Или может вот это (плашка же с помощью translate выезжает)? transform: perspective(1px) translateY(-400px); Или так transform: translateY(-400px) transform3d(0,0,0);
  16. Дизайн мне не нравится, выглядит очень и очень несовременно В 2017, еще и для художницы можно было бы что-то получше придумать
  17. У вас фиксированый navbar. У этого navbar'a есть какая-то высота, пусть будет 50px для примера. Под этим navbar'ом есть контент, не фиксированный, соответственно navbar на него никак не влияет. Судя по скриншоту от браузерной строки до контента под navbar'ом есть какой-то отступ, пусть будет 70px, поэтому у вас лишние 20 px, которые вы выделили красными полосками. Возможно я что-то не так понял, нужен живой пример.
  18. swandev

    Шрифт

    Гуглил по запросу programming fonts, и смотрел разные статьи, вроде "Top 10 Programming Fonts". В одной из них и был этот шрифт
  19. swandev

    Шрифт

    Нашел. Operator Mono
  20. swandev

    Шрифт

    Скриншот не из моего редактора
  21. Navbar же фиксированный. Может его высота меньше, чем отступ сверху? Поэтому и негативный отступ
  22. swandev

    Шрифт

    Привет. Ищу этот шрифт Может кто узнает?
  23. Если открыть devtools, то можно заметить, что центральному слайду присваивается отдельный класс, Паддинг вам не нужен. Для всех изображений ставите например scale(0.7), а для центрального scale(1)
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy