Поиск по сайту

Результаты поиска по тегам 'верстка'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Фриланс
    • Коммерческие услуги
    • Ищу работу
    • Предлагаю работу

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)
  • Draft
  • HTMLforum блог

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 79 результатов

  1. Господа, требуется ваша помощь! Я просто запутался, голова идет кругом! Суть проблемы такова, я посмотрел уже достаточно много курсов и до сих пор не могу понять как правильно верстать! Вроде неплохо знаю теорию, различные инструменты, пишу на js небольшие приложения, но вот основы верстки никак не могу понять! Саму базу. В принципе, я могу взять любой макет и сверстать по нему сайт, но разве какой-нибудь margin-top: -3px и right: 7px являются правильным подходом? Это ведь говнокод! Но зато я сделаю как на макете. Но ведь так верстать полюбому неправильно! Я не могу понять именно как ПРАВИЛЬНО верстать! Попробую структурировать вопросы: 1. С чего начинается верстка? Допустим с макета psd. Я сажусь рисовать макет, какой размер холста мне выбрать? Где можно посмотреть, найти эти стандарты? Вообще не знаю размеры макетов. 2. В чем задаются все размеры в 2018г? Неужели еще в пикселях? Rem или em? 3. Допустим я нарисовал макет, сверстал его, дальше просто media-queries добавляю и под каждый брейкпоинт изменяю верстку? 4. Какие делать брейкпоинты? Есть ли «золотой набор»? Можно своровать от бутстрапа? 5. Как добиться чтобы сайт смотрелся на всех экранах одинаково? Как быть с разным pixel ratio? 6. Как тестировать вид сайта на разных учтройствах? Достаточно в панели разработчика в хроме? Есть ли какие-нибудь сервисы для этого? 7. Если на каком-то экране смотрится коряво, то создавать новый брейкпоинт под это устройство? 8. Насколько критично добавлять бутстрап к проекту и jquery? В инете столько негатива на этот счет, что сильно увеличивает размер странички и т.п. Есть ли смысл менять бутстрап на что-нибудь легковесное только из-за его размера? 9. По поводу бэма – насколько он популярен, стоит ли его использовать и не избыточно ли добавление класса к каждому элементу? 10. Можно ли использовать в 2018г большую вложенность в css div > ul > li > a? Мне так удобно. 11. Вот на этом пункте мне немного стыдно, но я до сих пор не знаю как правильно оформлять main css, чтобы подключать его к нескольким страницам. Как вообще с этим в обычной практике, для каждой страницы своя стилизация используется или подключаются несколько стилей вкупе с главной? 12. Дайте пример видоса(курса) эталонной верстки?! Язык не важен. Смотрел базовый курс от htmlacademy – крайне не понравился, там нет ответов на мои вопросы. Ребята, буду крайне вам благодарен если поможете расставить все по полочкам!!! Спасибо!
  2. 1. Начал задумываться, какие методы верстки существуют еще кроме тех что ниже перечислены ? Мне знакомы: - Таблицы (плохое решение для 2018 года я так понимаю) - Флоаты (я так понимаю для поддержки старых браузеров) - Флексы (только для современных браузеров) - Гриды (плохая поддержка браузерами) - Сетки (вроде bootstrap, foundation, применяются в реальных проектах, или только для прототипирования ?) Что еще есть ? 2. Какой есть порядок верстки, и какому из них придерживайтесь, почему ? Например я знаю: 1. Когда тупо верстаешь сверху вниз. 2. Сначала структуру страницы создаешь затем: a. либо сперва сетку, потом стили задаешь; b. либо сначала стили, а потом на сетку насаживаешь; Как вы верстайте, каким способом ?
  3. Ищу работу - html, css, js

    Ищу удаленную работу с возможностью развиваться в фронтенде. Пример верстки https://nzgf1434.github.io/malyshev.github.io/ исходники https://github.com/nzgf1434/waxom-page Учился в EPAM. C#, JS, html, css, gulp, sass, svg, photoshop, zeplin, продолжаю учиться сам. От 5000 р. / нед. arsenalsar@yandex.ru
  4. Код новостной ленты

    Создаю сайт для предприятия ( у меня учебная практика) и нам нужно на сайт добавить новостную ленту с функцией добавления новостей. Чтобы пользователь мог видеть и добавлять новости. Мб у кого есть код? Друзья, помогите, пожалуйста..
  5. https://artrises.github.io/ Не получается найти причину, под логотипом есть небольшой отступ, перерыл все включая использование инспектора, у лого в футере был же такой отступ, он был из-за встроенного в normalize - line-height.Заранее спасибо
  6. Привет. Не выходит сделать оформление меню и вставить туда логотип! Задача вроде бы и не сложная, но у меня почему то не выходит. Сайт на Bootstrap 3 верстаю, меню тоже использовал бутстрапа. Сделал вот таким вот образом : Добавил серую полоску сверху меню и снизу, само меню сделал navbar-inverse(черный цвет). А вот как вставить логотип в центр не пойму, что-то видимо сделал не правильно, прошу сильно не пинать, верстать только учусь... Вот опубликовал: http://brainartgroup.zzz.com.ua/ Заранее большое спасибо!!
  7. Здравствуйте, возникла проблема с выравниванием меню. Меню нужно выровнять по центру. ( Сайт должен быть с расширением 800 на 600) Посмотрите css файлик, может быть есть предложения как выровнять? Некоторые способы не подходят, поэтому выставляю архивированный файл со всем сайтом. Весит мало. Проект первый Низовцева Алена.7z
  8. Здравствуйте, всё никак не могу сделать такую верстку, как на Google Support Помогите, пожалуйста создать макет как на картинке
  9. Здравствуйте! Это мой первый код ревью. Знаю он далек от идеала, но Ваша помощь очень будет нужна. Сайт https://ilyakash.github.io/Blitz/index.html Шаблон https://github.com/ilyakash/ilyakash.github.io/tree/master/Blitz/Template%20Blitz 1. Проблема в html верстке. В блок <header> проваливается нижний блок, поэтому постарил <br>. 2. Как сделать на странице Project иконку search при наведении по центру? И правильно ли я вообще это сделал, может есть другие варианты? Может можно было как то отобразить иконку search не через html, а через оформление в css? 3. Еще практически на всех страницах footer проваливается в верхний блог. сделал я это через кОстыли. Знаю, что так делать не зя. Похоже я в Html разметке накосячил? 4. Еще у меня образовалась разница/попрыгушка в заголовке на странице About. ——————————————— Выслушаю любую полезную критику по улучшению написания кода. Спасибо.
  10. Компания «ВАЙЛДБЕРРИЗ» – это один из крупнейших интернет-магазинов в России, Белоруссии, Казахстане и Киргизии. На нашем сайте представлены более 8000 брендов мужской, женской, детской одежды и обуви, бьюти, спортивных и товаров для дома. И мы не собираемся останавливаться на достигнутом. Приглашаем в свою команду HTML-верстальщика (в офис) Вам предстоит: Адаптивная и кроссбраузерная верстка. Мы ожидаем: Релевантный опыт работы от двух лет Опыт работы и хорошее знание CSS(2-3), HTML(4-5) Отличное знание хотя бы одного из препроцессоров верстки Stylus/Less/Saas (мы используем Less) Умение качественно и валидно верстать Умение разбираться в чужом коде Умение работать в команде, умение слушать и искать компромиссы Внимательность к мелочам. Желательно: Опыт верстки под мобильные устройства Опыт работы с системой контроля версий (git) Опыт работы с планировщиком задач Опыт работы с Visual Studio. Мы предлагаем: Официальное оформление в соответствии с ТК РФ Официальная высокая заработная плата (обсуждается с финальным кандидатом) График работы: пятидневная рабочая неделя Корпоративные скидки на продукцию компании Бесплатные обеды, ароматный кофе и чай в неограниченном количестве Спортивный зал на территории офиса Широкие возможности для профессионального роста и реализации, гибкая позиция в отношении новых идей и начинаний Место работы: 15 минут от м. Домодедовская или м. Марьино на бесплатном корпоративном транспорте Весной 2018 года ожидается переезд в новый офис в шаговой доступности от м.Автозаводская. Прошу резюме высылать на почту skoryh.alina@wildberries.ru
  11. Здравствуйте. Прошу критики верстки и кода, буду очень благодарен за каждый полезный комментарий. И не понимаю в чем проблема, при ширине окна меньше 1200px, появляется отступ справа. https://vladislavmain.github.io/
  12. Всем привет! Есть такая кнопка: Не понимаю, как сделать внизу такую темную линию, или через какое свойство достигается "такое" - не знаю как назвать даже. Подскажите пожалуйста, как это сделать ?
  13. Приветствую. Оцените, пожалуйста, верстку. Особое внимание прошу обратить на секцию How We Work. НАсколько корректно выполнена данная верстка? https://alex2033.github.io/Orion/index.html
  14. Добрый вечер, подскажите пожалуйста как сверстать такой треугольник?
  15. Добрый день, оцените вёрстку http://diffuzor.000webhostapp.com/site_1/index.html Я начинающий верстальщик, принимается любая критика.
  16. Оцените верстку и скажите, что не так.Заранее спасибо. https://zamporezke.github.io/
  17. Доброго времени суток. Оцените верстку https://alex2033.github.io/Blueasy/index.html В этот раз решил поверстать без гридов, после продолжительной верстки сетками, их отсутствие принесло парочку неудобств
  18. Доброго времени суток. Прошу оценить верстку. ВАЖНО: если у вас не отображаются изображения в шапке страницы - отключите адблок Почему-то он блочит изображения именно в шапке, пока решаю эту проблему https://alex2033.github.io/
  19. Прошу оценить верстку сайта https://alex2033.github.io/
  20. В общем почти сделал я такой сайт на вордпресс на monstroid2, и когда принялся проверять с помощью инструмента Screenfly на сервисе quirktools.com вёрстку на всех экранах выяснилось, что 15" и 19" вообще не обращают внимание на установки. Использовал power builder в котором можно выставлять margin и bottom по 4 категориям, Desctop, laptop, tablet, phone. На два последних я вообще сделал отдельные упрощённые версии сайта. Десктоп показывается безукоризненно(широкие экраны), лаптоп(квадратные как у меня) тоже всё настроено как надо. Но вот 15 и 19 дюймов почему то игнорируют всё. Вставлял через siteOrigin Custom CSS свои @media правила, но опять же, на них реагирует всё кроме этих двух разрешений. Извиняюсь за то, что плохо объясняю. Но как могу, Я пока мало что понимаю в вёрстке) На снимке поехавший по одной оси текст. Не получается вернуть его в нужное положение на этих разрешениях.
  21. Баг с Wow.js

    Добрый вечер, возникла проблема с отображением контента при использовании wow.js + animate Если листать страницу мышкой, контент не отображается, только спустя какое-то время, однако, если скроллить, например, стрелочками или же нажимать мышкой на ту секцию, которая не отображается, она сразу же появляется. Сам сайт: https://alex2033.github.io/ Как решить данную проблему? UPD: оказывается данный баг в хроме и опере, в мозиле подобной проблемы нет
  22. привет. недавно занялась вёрсткой, проблема в самом начале. в шапке логотип должен быть слева по центру, а текст справа по центру. не срабатывает text-align. может совсем по-другому надо подойти к этому. прошу помощи! ещё будет страница с той же шапкой но другим текстом ("поддержка"). хотелось бы использовать те же стили https://jsfiddle.net/hktt4Lue/
  23. Решил анимировать иконки, нашел пример в интернете, скопировал в Safari Версия 11.0.2 (13604.4.7.1.3), в мобильных Safari и Chrome все отображается отлично но почему-то иконки неправильно отображаются в Chrome Mac (Версия 63.0.3239.132 (Официальная сборка), (64 бит), Chrmoe Windows и Edge - на переднем плане анимированный градиент, а на заднем иконка пример кода пример того как должна выглядеть анимированная иконка во вложении Screen Capture 2018-01-10 06.49.14.mov
  24. Итак ... Проблема заключается в неопытности в вёрстке . Есть меню , обычное . При нажатии на главное меню кидает на главную , при нажатии на "Фото" кидает на фото . "Фото" состоит из тех же элементов что и "Характеристики" кроме текста , и пары других незначительных вещей . Как сделать переход на "Фото" или "Характеристики" , "Отзывы".Нужно ли создавать по 20 страниц , или можно сделать так чтобы просто менялась часть сайта ? в любом случае если что-то понадобится то пишите , я скину код или скриншот .
  25. Есть готовые PSD файлы. Вопросы можно задать тут или в скайп. skype: viktor_skype_go zakaz.zip