VeniVidiVici

Мне кажется или вы сами себя запутали? Зачем привязывать скрытие элемента к конкретному цвету фона? Выставляем нужные стили на отдельный класс контейнера, а hider просто задаём стили для скрытия. При этом избавились от лишнего каскадирования. В идеале конечно нужно выставлять visibility, но тогда в hider придётся добавить ещё один контейнер.

По ситуации. Мой топ по частоте использования: 1) px 2) em/% 3) vw Да и их комбинацию с медиа запросами никто не отменял, тут уже от заказчика зависит, кому хватит px + media, а кому подавай плавное уменьшение текста. Здесь нужно оценивать твою работу и смотреть требования к ней.

Один из вариантов.

<header class="header"> <div class="container"></div> </header> Для header выставляете картинку. П.с. зачем вам div.container? Не увеличивайте вес селектора без острой необходимости.

Если из тяжёлых задач ничего особо нет, то встроенного видео вполне хватит, моё железо: i5-4690 + 8гб оперативы, в идеале к этому ещё нужно пару ssd(+hdd для файлопомойки). Для задач - вёрстка, фотошоп(для нарезки макетов) выходит даже с запасом по производительности. По поводу новых i7 - я бы не стал брать, у 7 поколения что-то совсем беда с температурами +терможвачка даёт о себе знать, хотя здесь вроде пк для вёрстки обсуждается, а не для игр и монтажа.

Здесь дело не в модальном, а в содержимом, надписям и формам заданы фиксированные значения, из вариантов - через медиа пошаманить над содержимым, к примеру добавить li элементам вот такое: #contactForm_oneclick ul li { display: flex; flex-direction: column; max-width: 270px; }

Ну если примерно так сделать:

img и input не могут иметь псевдоэлементы. upd: с img походу есть хак, а список с отсутствием after и before намного больше: after и before не работают с "заменёнными элементами" - textarea, input, canvas, audio, video, object и др.

вот тема И тут уже 2 варианта: либо использовать vh для вертикальных отступов, либо отказаться от флексов в данной ситуации.

По запросу стилизованный чек бокс можно легко найти готовые, либо статьи как делать, ну вот к примеру

Да, действительно, я не учёл инициализацию при загрузке, добавьте к событию resize событие load, и всё будет работать, в той песочнице не видно как работает при загрузке, поэтому исправил и перезалил тут Минус только в том что иногда часть соседнего слайдера торчит, может пошаманить с размерами, либо искать уже плагин предназначенный именно для мобильных. Про инициализацию я просто подметил, что слик слайдер не восстанавливается самостоятельно если к нему применено свойство "unslick", Для этого пришлось добавлять функцию.

А вам обязательно использовать именно этот слайдер? Вот моё решение со слик слайдером, документацию нагуглите. Думал что будет просто, а оказалось не совсем). Отключаться он может а вот для обратного включения нужно использовать вспомогательную функцию. Помню видел специальный плагин, который как раз для мобильных включает слайдер, но к сожалению не помню названия.

вот В ксс добавил 1 класс+ немного кода. Название классов ведь просто для примера? Хотя я бы даже для примера такие не использовал. Ещё проблема в том что подменю ищется даже если его там нет, я бы сделал отдельный класс для пунктов, содержащих подменю, и уже на них бы навешал обработчик, а в вашем коде пришлось ставить доп условие внутри обработчика.

На чистом ксс, мм, я бы хотел услышать хотя бы в теории как это делается, ну даже если можно, то на js это всё равно проще будет.

Допустим так

table-cell с элементами формы Насколько я понял, ещё не до конца было продумано как table-cell будет работать с элементами формы. Можете даже посмотреть в консоли, во вкладке computed значение свойства display у инпута не меняется на table-cell. Рекомендуют оборачивать инпут в див и уже к нему применять table-cell.

даже на главную страницу не заходит

AddDefaultCharset utf-8 <ifModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript <FilesMatch "\.(ttf|otf|eot|svg)$" > SetOutputFilter DEFLATE </FilesMatch> </ifModule> <ifModule mod_headers.c> #кэшировать html и htm файлы на один день <FilesMatch "\.(html|htm)$"> Header set Cache-Control "max-age=43200" </FilesMatch> #кэшировать css, javascript и текстовые файлы на одну неделю <FilesMatch "\.(js|css|txt)$"> Header set Cache-Control "max-age=604800" </FilesMatch> #кэшировать флэш и изображения на месяц <FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png|ttf|otf|eot|woff|svg)$"> Header set Cache-Control "max-age=2592000" </FilesMatch> #отключить кэширование <FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$"> Header unset Cache-Control </FilesMatch> </IfModule> <IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{HTTP_HOST} ^www.my-site\.ru$ [NC] RewriteRule ^(.*)$ http://my-site.ru/$1 [R=301,L] RewriteRule ^([a-zA-Z0-9_]+)$ /$1.php </IfModule>

wwt, спасибо большое. Правда у меня ничего не работает, с серверными задачами вообще в 1 раз сталкиваюсь, полный ноль в этом. Может порекомендуешь что-то что можно почитать на эту тему? Или можно как-то с тобой связаться?

Убираю расширение .php страницы таким кодом: RewriteRule ^([^.?]+)$ %{REQUEST_URI}.php [L] Url отображается нормально без .php - www.site.ru/example но если напрямую прописать в url название страницы с расширением .php то отображается url вида - www.ysite.ru/example.php Как это исправить? думаю прописать редирект вручную для каждой страницы(о_О), типа: Redirect 301 /example.php www.site.ru/example но может, есть более универсальное решение?

это обычная ситуация при работе инлайн блоками

Вы не убрали пробелы между строчно-блочными элементами. Убрал у враппера размер текста и межстрочный интервал. так

БЭМ используют для возможности повторно использовать блоки. У вас получается, что большую часть блоков использовать вне текущего экрана нельзя. Например кнопка - (contact us и get touched), сделали бы класс блока для неё - .link-details(для него были бы общие стили), а для фона сделали бы модификаторы .link-details_color_green и .link-details_color_red к примеру. Класс элементов используется для задания геометрии и положения, остальное для класса блока(если вы собираетесь использовать их повторно и отдельно от блока). По поводу портфолио меню, вложенность можно было бы сделать и проще(т.е. обойтись без ul и li): <div class="portfolio-menu"> <a class="portfolio-menu__link" href="#"></a> ... </div> Здесь я не нашёл блок soc(экран our team): <ul class="soc__list"> .... Почему нельзя сделать кнопку без спана? и снова нет блока com для com__text: <a href="#" class="communication__button"><span class="com__text">Contact Us</span></a> Если подразумевается чистый бэм, то элементам формы тоже было бы неплохо классы давать. На счёт таких классов: <h2 class="contact__h2">Contact Us</h2> Кому как, но я не люблю в классах название тега, он обязывает вас применять его только к h2 тегам, а если тег нужно будет поменять?(исключение - элементы формы)

макет вёрстка (адаптивная до 320px) Использовал: jade+sass+gulp. Требуется критика вёрстки, любые пожелания, указание на ошибки/недочёты, также приветствуются. От себя несколько вопросов: 1) Google page speed даёт низкую оценку скорости: Как это исправить?? скрин 2) Валидатор постоянно ругается на подключённые через гугл шрифты, можно ли это как-то исправить? скрин ошибки

Спасибо большое, нашёл у себя ошибку....просто не верно указал класс для контейнера.