Svetlana_P

Спасибо большое!

Извиняюсь, если вопрос не в том разделе.
Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m

Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.

Мигание из-за файла стилей Бутстрапа, вот в этом правиле прописан цвет

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

Только фон не белый, а светло-серый #eee.

Почему пунктам меню добавляется класс .open — не знаю, надо смотреть скрипты

Да, это скроллом, вот статья на эту тему, правда, на английском https://iamsteve.me/blog/entry/horizontal-scrolling-responsive-menu .И там пример https://codepen.io/stevemckinney/pen/yNBNKa , вам ведь так надо?
На сайте w3schools тоже про это есть, вот статья и тоже с примером https://www.w3schools.com/howto/howto_css_menu_horizontal_scroll.asp

Если не хватает, можете еще поискать примеры по запросу "mobile horizontal scroll menu"

Привет! Напишу, что бросилось в глаза:

1. Ни одна из текстовых ссылок, даже в меню, не реагирует на наведение мышью. Пусть хоть цвет меняет или подчеркивание.
2. А еще более важно — красные ссылки в тексте сверстаны неправильно. Т.е. эти элементы — вообще не ссылки, а сделаны через тег <span> вместо тега <a>.
3. Что-то неладно с позиционированием элементов в шапке. Что вам пришлось красную полосу, которая просто на всю ширину идет, делать через float: left.
4. Картинки не увеличиваются по клику. И их названия сверстаны через тег заголовка h5, что кажется сомнительным решением. Ведь по сути, это не заголовки же. Т.е. семантически не так.
5. Вообще с уровнями заголовков стоит навести порядок: сейчас нет ни h1, ни h2, а сразу идет h3 в логотипе. Потом пропуск h4, а затем много чего сделано через h5. Стоит почитать про иерархию заголовков.
6. Назначение радио-кнопки в форме не очень понятно) Потому что вроде должен быть выбор, но вариант всего один? И его не обнулить, это же не чекбокс.
7. Стрелочки в меню справа не стоит верстать тегом img, потому что он предназначен для изображений с каким-то смыслом (не декоративных). Лучше сделать через фон (background-iamge) или шрифтовую иконку.

37 минут назад, Super_Saimon сказал:

Все таки угадал: margin-top: -125px на высоту самого блока в 230px. Но так и не понял с чем это  связано. Это, судя по теории, не корректный отступ сверху. При этом, опять же повторюсь, какие-либо "левые" отступы внешние, внутренние у body, html, wrapper убраны.  Я так и не понял в чем промах. 

Прикрепите ваш код (полностью страницу) и макет-задание. С этого стоило начинать

Похоже, вы перепутали отступ сверху и отступ слева между собой. Если ширина блока 300, то margin-left должен быть -150, разве нет? А сейчас 115. То же самое с верхним отступом.

Привет! У вас url в вопросе неправильно указан (ru на конце должно быть), поправьте. Заодно уточните в теме, что именно оценить? В чем именно состояла ваша работа? Я вижу, сайт на Вордпрессе. Вы сами все делали — дизайн, верстку, подключение к админке, создание контента?

4 часа назад, Muhammed сказал:

Понял что своим умом вперед продвигаться нужно.

Согласна) Я бы еще добавила, что тут баланс нужен. Задавать вопросы и обмениваться опытом любому будет полезно. Успехов)

Привет! Как вариант, функцию наставника выполняет этот форум) И по вопросам по ходу верстки, и по более глобальным, вроде выбора направления и порядка изучения. Тут дельные ответы часто дают.

Например, сначала вы можете описать и продемонстрировать, что уже умеете, и спросить, что осваивать дальше.

Пока нет заказов, первое время можно практиковать, верстая бесплатные psd макеты. Применяйте каждый раз новые знания. Выложить работу и попросить ее оценить тут тоже кстати можно)

Вот еще по теме здесь же 

Тоже работаю на ноуте пока. Мощности хватает и цветопередачи тоже, а на больших экранах верстать помогают "инструменты разработчика" в браузере.
Бесит конечно, что маленькая клавиатура и экран, по сравнению с ПК Особенно первое время, но потом привыкаешь. USB-клавиатура наполовину решила вопрос. Беспроводная мышка действительно удобней, если ноут куда-то носишь. Я ее долго недооценивала, пока не попробовала.
Других напрягов не вижу.

PS я не спец в компьютерах, просто поделилась опытом

Вы бы добавили хотя бы временные данные, там тройку рецептов. А то даже непонятно, как контент будет подан.

Если о том, что уже есть, то вот:

1) заголовок Кулинария на телефоне тяжело глазам читать

2) под фотками пустота, она вызывает недоумение) зачем?

3) кнопки соцсетей очень маленькие на телефоне, пальцем не ткнуть)

Пользуйтесь редактором типа sublime text или notepad++ Поможет замечать опечатки. А то на скриншоте просто блокнот открыт, а он даже синтаксис не выделяет)

Сайт и правда пустоват. А дизайн картинкой можете показать? По которому верстали

Сейчас много всяких рейтингов веб студий, диджитал агентств и т.п. Как мне однажды рассказали, чтобы принимать участие в таких штуках, студии должны платить и делать много еще чего. Получается, те кто специально не подает заявку, туда не попадает, хоть может и более достоин.

Более того, некоторым из них веры нет, потому что у них в топе реально странные компании.

Вопрос: вы знаете какие-нибудь относительно независимые рейтинги или источники, где можно посмотреть на топовых ребят? На кого, грубо говоря, можно ориентироваться в плане дизайна и разработки.

Интересуют российские студии и не только.

Из подобного знаю только про awwwards.com.

Прям целый новый мир  Я так то другие ОС вообще не учитывала, кроме Винды. Думала ограничиться заменой компа.

Почитаю в любом случае про всё это. Спасибо за такие подробности!

Была тут тема на форуме, Павел предлагал свою помощь 

2 минуты назад, Switch74 сказал:

В свое время силой себя заставил работать на linux - шикарная и очень удобная ОС, а так как многие сборки делались именно с OS или WIN то можно найти ту, которая будет для вас удобнее.

Т.е. вы на linux и верстаете?.. А в чем именно удобная в этом плане? В том, что более стабильная и быстрая? Извините, я реально не знаю

13 часа назад, Нарек сказал:

Я уже года 2 на виндовс смотреть не могу. Хакинтош - дешево сердито ))

Спасибо за совет. А чем именно винда плоха для вёрстки? Вам лично, чем неудобна?

Хочется понять, почему мак так любят Я однажды пробовала работать за ним, но не понравилось из-за того, что там вообще всё по-другому, и программы привычные не всегда доступны. А плюсов особых не заметила для себя.

Просто почитайте про использование флексбоксов, разберитесь с самого начала. Чтобы понимать, как это работает. Там всё просто.

А сейчас Вы пытаетесь использовать свойство align-item, которое не действует в отрыве от flex контейнеров.

Так то задумка правильная

Кстати хороший вопрос. Посмотрите этот инструмент https://word2cleanhtml.com/ Туда просто вставляете скопированную таблицу и нажимаете кнопку ниже "convert to clean html" Получаете код и копируете к себе на сайт. 

Вообще в Гугле вводите запросы типа "convert table to html", "word to html" и смотрите первые ссылки. Вот, например, еще вариант https://html-cleaner.com/

Я это все мало тестировала, немного только. Но, может, это то что Вам надо.

Добавьте к before свойство float: left

12 часа назад, WebNewbe сказал:

а стоит ли верстать макет полностью на flexbox или же лучше использовать обычную сетку для адаптивности и использовать флексы там, где без них никак(как это было в секции с our team)?

Что здесь понимается под обычной сеткой?

Насколько я понимаю, на Ваш вопрос универсального ответа нет. Сейчас сетки делают на float, flex и css grid. Знать и уметь нужно всеми этими способами. А дальше зависит от Вас и требований проекта. Например, насколько старые браузеры надо учитывать.

Можно даже комбинировать: делать сетку на flex, а там, где старые браузеры могут неадекватно отобразить, на всякий случай прописывать и float для того же элемента. Я так ни разу не делала пока, но слышала от Вадима Макеева. Посмотрите его короткое видео (это место на 4:10)

Кстати, тут на форуме еще один верстальщик сверстал такой же макет, как Вы. Интересно совпало Можете глянуть тему и его работу, сравнить даже. Обратите внимание на слайдер.

Ребята, спасибо всем за информацию большое, что уделили время.  Все эти тонкости для меня новость.
Буду выбирать

6 часов назад, wwt сказал:

Нужно смотреть где что дешевле и есть в наличие, там и брать. Можно даже часть железок взять в одном месте, а другую в другом.

Благодарю! Так и поступлю