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

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

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

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

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


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

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

Календари

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

Блоги

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

Группы меток

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

Искать результаты в...

Искать результаты, которые содержат...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


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

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

  • Начать

    Конец


Группа


Web site


ICQ


Jabber


Skype


Откуда


Интересы

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

  1. Всем привет! Расскажите пожалуйста про адаптивную сетку. Просто для меня сетка - это обязательно 12 колонок и т.д. Но а если контент расположен не по сетки или начиная с промежуточных колонок или в каждой секции по разному расположен контент. Откройте мне пожалуйста всю истину адаптивных сеток, а то не понимаю. Или может использовать сетку только тогда, когда она есть в макете?
  2. Долго ломаю голову по поводу одной темы: когда использовать сетку при адаптивной верстке? Смотрел чувака web design master, он говорит, что в каждом прокте должна использоваться сетка. Просто бывают макеты не по сетке и вот не понятно становится после его слов.
  3. Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.
  4. Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?
  5. Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?
  6. Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?
  7. Господа, требуется ваша помощь! Я просто запутался, голова идет кругом! Суть проблемы такова, я посмотрел уже достаточно много курсов и до сих пор не могу понять как правильно верстать! Вроде неплохо знаю теорию, различные инструменты, пишу на 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 – крайне не понравился, там нет ответов на мои вопросы. Ребята, буду крайне вам благодарен если поможете расставить все по полочкам!!! Спасибо!
  8. arsenalsar

    Ищу работу - 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
  9. 1. Начал задумываться, какие методы верстки существуют еще кроме тех что ниже перечислены ? Мне знакомы: - Таблицы (плохое решение для 2018 года я так понимаю) - Флоаты (я так понимаю для поддержки старых браузеров) - Флексы (только для современных браузеров) - Гриды (плохая поддержка браузерами) - Сетки (вроде bootstrap, foundation, применяются в реальных проектах, или только для прототипирования ?) Что еще есть ? 2. Какой есть порядок верстки, и какому из них придерживайтесь, почему ? Например я знаю: 1. Когда тупо верстаешь сверху вниз. 2. Сначала структуру страницы создаешь затем: a. либо сперва сетку, потом стили задаешь; b. либо сначала стили, а потом на сетку насаживаешь; Как вы верстайте, каким способом ?
  10. Aliona108

    Код новостной ленты

    Создаю сайт для предприятия ( у меня учебная практика) и нам нужно на сайт добавить новостную ленту с функцией добавления новостей. Чтобы пользователь мог видеть и добавлять новости. Мб у кого есть код? Друзья, помогите, пожалуйста..
  11. https://artrises.github.io/ Не получается найти причину, под логотипом есть небольшой отступ, перерыл все включая использование инспектора, у лого в футере был же такой отступ, он был из-за встроенного в normalize - line-height.Заранее спасибо
  12. Привет. Не выходит сделать оформление меню и вставить туда логотип! Задача вроде бы и не сложная, но у меня почему то не выходит. Сайт на Bootstrap 3 верстаю, меню тоже использовал бутстрапа. Сделал вот таким вот образом : Добавил серую полоску сверху меню и снизу, само меню сделал navbar-inverse(черный цвет). А вот как вставить логотип в центр не пойму, что-то видимо сделал не правильно, прошу сильно не пинать, верстать только учусь... Вот опубликовал: http://brainartgroup.zzz.com.ua/ Заранее большое спасибо!!
  13. Здравствуйте, возникла проблема с выравниванием меню. Меню нужно выровнять по центру. ( Сайт должен быть с расширением 800 на 600) Посмотрите css файлик, может быть есть предложения как выровнять? Некоторые способы не подходят, поэтому выставляю архивированный файл со всем сайтом. Весит мало. Проект первый Низовцева Алена.7z
  14. Здравствуйте, всё никак не могу сделать такую верстку, как на Google Support Помогите, пожалуйста создать макет как на картинке
  15. Здравствуйте! Это мой первый код ревью. Знаю он далек от идеала, но Ваша помощь очень будет нужна. Сайт 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. ——————————————— Выслушаю любую полезную критику по улучшению написания кода. Спасибо.
  16. Здравствуйте. Прошу критики верстки и кода, буду очень благодарен за каждый полезный комментарий. И не понимаю в чем проблема, при ширине окна меньше 1200px, появляется отступ справа. https://vladislavmain.github.io/
  17. Компания «ВАЙЛДБЕРРИЗ» – это один из крупнейших интернет-магазинов в России, Белоруссии, Казахстане и Киргизии. На нашем сайте представлены более 8000 брендов мужской, женской, детской одежды и обуви, бьюти, спортивных и товаров для дома. И мы не собираемся останавливаться на достигнутом. Приглашаем в свою команду HTML-верстальщика (в офис) Вам предстоит: Адаптивная и кроссбраузерная верстка. Мы ожидаем: Релевантный опыт работы от двух лет Опыт работы и хорошее знание CSS(2-3), HTML(4-5) Отличное знание хотя бы одного из препроцессоров верстки Stylus/Less/Saas (мы используем Less) Умение качественно и валидно верстать Умение разбираться в чужом коде Умение работать в команде, умение слушать и искать компромиссы Внимательность к мелочам. Желательно: Опыт верстки под мобильные устройства Опыт работы с системой контроля версий (git) Опыт работы с планировщиком задач Опыт работы с Visual Studio. Мы предлагаем: Официальное оформление в соответствии с ТК РФ Официальная высокая заработная плата (обсуждается с финальным кандидатом) График работы: пятидневная рабочая неделя Корпоративные скидки на продукцию компании Бесплатные обеды, ароматный кофе и чай в неограниченном количестве Спортивный зал на территории офиса Широкие возможности для профессионального роста и реализации, гибкая позиция в отношении новых идей и начинаний Место работы: 15 минут от м. Домодедовская или м. Марьино на бесплатном корпоративном транспорте Весной 2018 года ожидается переезд в новый офис в шаговой доступности от м.Автозаводская. Прошу резюме высылать на почту skoryh.alina@wildberries.ru
  18. Всем привет! Есть такая кнопка: Не понимаю, как сделать внизу такую темную линию, или через какое свойство достигается "такое" - не знаю как назвать даже. Подскажите пожалуйста, как это сделать ?
  19. Приветствую. Оцените, пожалуйста, верстку. Особое внимание прошу обратить на секцию How We Work. НАсколько корректно выполнена данная верстка? https://alex2033.github.io/Orion/index.html
  20. Добрый вечер, подскажите пожалуйста как сверстать такой треугольник?
  21. Меня зовут Абдулов, я Front-End разработчик. Цену и сроки обсудим после просмотра макета. Вот одна из моих версток - tokmaganbet.github.io/blacksea Могу сверстать/сделать : Landing page Натянуть на WP Сайт-визитки Корпоративные сайты Адаптивные и отзывчивые сайты Навыки: HTML 5 CSS3 Javascript(jQuery) Умею пользоваться : Pixel Perfect Gulp Sass(Scss) Bootstrap GitHub FlexBox Email : tokmaganbeta@gmail.com Skype : abdulov_96
  22. Добрый день, оцените вёрстку http://diffuzor.000webhostapp.com/site_1/index.html Я начинающий верстальщик, принимается любая критика.
  23. Оцените верстку и скажите, что не так.Заранее спасибо. https://zamporezke.github.io/
  24. Доброго времени суток. Оцените верстку https://alex2033.github.io/Blueasy/index.html В этот раз решил поверстать без гридов, после продолжительной верстки сетками, их отсутствие принесло парочку неудобств
  25. Доброго времени суток. Прошу оценить верстку. ВАЖНО: если у вас не отображаются изображения в шапке страницы - отключите адблок Почему-то он блочит изображения именно в шапке, пока решаю эту проблему https://alex2033.github.io/