Ответы, понравившиеся пользователю sergey

Вопрос по семантическим тегам в HTML5?

hscode @hscode

Все же стоит развивать в перед и начинать использовать семантику. Это ведь реально улучшает чтения страницы.

Ответ написан более трёх лет назад

Комментировать

Вопрос по семантическим тегам в HTML5?

Алексей A @allewa

Парень в далёком 2013 развеивал мифы по поводу того, как люди со слабым зрением (слепые) используют интернет. Он завязал себе глаза и пытался лазить по сайтам.
Так вот, иногда скринридеры (программы для чтения текста на экране) пропускали важную информацию из-за неправильного использования тегов (например, когда вместо <aside> или <nav> делают <div id="nav"></div>) или неправильного использования заголовков.
Ссылка.

Ответ написан более трёх лет назад

2 комментария

Вопрос по семантическим тегам в HTML5?

HamSter @HamSter007

HTML/CSS верстальщик

Семантическая верстка - это верстка с "правильным" использованием html тегов, так как их задумывали web разработчики языка html и вебстандартов!!!
А классы и id созданы лишь для того чтобы задавать стили тегам, селекторы и не белее!

Ответ написан более трёх лет назад

6 комментариев

Вопрос по семантическим тегам в HTML5?

IceJOKER @IceJOKER

Web/Android developer

<div id="header"></div>
versus
<header></header>

div#footer
versus
footer

как вы думаете, что лучше? приятнее? и логичнее?

Не хотите - не используйте, вас же никто не заставляет ими пользоваться, не?

Ответ написан более трёх лет назад

Комментировать

Какие клавишы отвечают за multiple selection в Webstorm на Linux?

Leonid @leonidl

alt + click - поставит дополнительный курсор
alt + j - выделяет такой же кусок кода
alt + shift + j - отменяет выделение
shift + ctrl + alt + j - выделяет все одинаковые кусочки кода

Другие горячие клавиши можно найти в: Help - Default Keymap Reference

Ответ написан более трёх лет назад

Комментировать

Как именно сверстать этот блок?

Сергей Горячев @webirus

Тыжверстальщик! Наверстай мне упущенное...

https://jsfiddle.net/pvfxnnyt/1/ - суть подхода
https://jsfiddle.net/v2s0z12v/ - моя реализация
Надеюсь, суть понятна.
Для шапки задаем градиентную заливку на 50%.
Меню картинкой будет и оно перекроет "стык".
Ну, или фон картинкой, как в макете.
Хотя я сделал бы просто цвет, там удобно.
Через absolute еще можно, но я не люблю его.

Ответ написан более трёх лет назад

9 комментариев

Почему не работает google fonts в safari?

bogdan0083 @bogdan0083

Когда подключаете шрифт с помощью гугл фонтс, нужно ставить галочку Cyrillic на 2-ом пункте. И всё заработает

У вас в данный момент шрифт применяется только к цифрам и латинским буквам.

Ответ написан более трёх лет назад

1 комментарий

Какие у меня ошибки в верстке?

Дмитрий @soledar10

html css3 js jquery

1) Что так трудно то работать со шрифтами???
В чем сложность? В конвертации?
Для этого есть спец. сервисы для конвертации (использую в основном эти)
- https://www.fontsquirrel.com/tools/webfont-generator
- https://fontie.flowyapps.com/home

2) Как позиционировать лого и соц блок
Варинтов позиционирование много.
Задаете общий контейнер, позиционируете внутренние блоки с помощью:
- float(не забывайте использовать clearfix)
- display: inline-block
- display: flex

3) Как правильно верстать слайдер (его структура) ?
В принципе такой слайдер можно сделать на css.
Пример

4) Как определить высоту блока (header)? Стоит ли ее делать во всю высоту видимой области или фикс как в макете?
Высота завит от высоты блока макета (В вашем случае 600px)

5) Стоит ли здесь делать лого картинкой или сделать текстом?
Лучше изображением svg

6) Приблизительная структура
Пример

Используйте спрайты, оптимизируйте изображения
header-code.surge.sh/img/header-background.jpg
вот это изображение у вас весит ~ 630Kb - это слишком много

Ответ написан более трёх лет назад

Комментировать

Как работать с локальным репозиторием и мгновенно видеть изменения на сервере?

Алексей Уколов @alexey-m-ukolov

Судя по описанию проблемы, вам сюда: https://www.vagrantup.com/
Ну а чтобы фанатам Докера не пришлось ответ писать, вот вам и на него ссылка: https://www.docker.com/

Ответ написан более трёх лет назад

Комментировать

Какой сборщик javascript использовать для sass-compass-bootstrap проектов?

Pshkll @Pshkll

Только Gulp.

Ответ написан более трёх лет назад

Комментировать

Почему не срабатывают обыкновенные якоря?

Alexey Svirschevskiy @rezzzet

У вас скрипты переопределяют клик

$(".menu").on("click", "a", function(e) {
  e.preventDefault();
  var t = $(this).attr("href"),
      i = $(t).offset().top;
  $("body,html").animate({
      scrollTop: i - 100
  }, 1500)
})

Ответ написан более трёх лет назад

3 комментария

Подсоветуйте как это реализовать?

Андрей Федоров @aliencash

Партизан

SM:

echo ('<select>
');
echo ('<option value="'.$item[3].'">'.$item[3].'</option>
');
echo ('</select>');

Ответ написан более трёх лет назад

5 комментариев

Подсоветуйте как это реализовать?

ThunderCat @ThunderCat Куратор тега CSS

{PHP, MySql, HTML, JS, CSS} developer

Формат хранения вообще вторичен. Алгоритм такой -
1) получаете на сервере массив со значениями в форме ключ/значение.
2) при выводе селекта форичем выводите опшионс. в валуе пишете значения, в поле имени - ключ, в идеале ключ не должен содержать русских символов.

Ответ написан более трёх лет назад

Комментировать

Подсоветуйте как это реализовать?

Олег @werty1001

undefined

Первая ссылка из гугля

Ответ написан более трёх лет назад

1 комментарий

Как объединить эти события?

Денис @Deonisius

Родился в 11110110111 году, 11000 января.

Самый простой способ и без JS - это задать родительский элемент label для изображения и input-а

<label>
  <img src="image.jpg">
  <input type="checkbox">
</label>

Ответ написан более трёх лет назад

Комментировать

Как объединить эти события?

name surname @symbol

short

активируем чекбокс

$('input[type="checkbox"]').prop('checked' , true);

update
попробуйте добавьте на сайт в данный блок кода новые строчки

$('.cars-item').click(function() {
        $('.cars-item').removeClass("active");
        $(this).addClass("active");
        // новый код
        $('.cars-item').find('.element-checkbox').prop('checked' , false);
        $(this).find('.element-checkbox').prop('checked' , true);
    });

Ответ написан более трёх лет назад

8 комментариев

Почему npm не устанавливает пакеты?

Денис Малиночкин @DiAsCrafts

Скорее всего проблема с установкой npm/node, так как пакет не может испортить npm/node. Вы пробовали устанавливать пакет без флага -g? Если целью является глобальная установка пакетов, то попробуйте команду sudo npm i -g ....

Ответ написан более трёх лет назад

12 комментариев

Что нужно освоить в Ubuntu?

Alexander @kentuck1213

Сам пользуюсь ей 3 месяца в ни каких книжках не нуждался для работы с Ubuntu. Все что нужно мне тупо гуглю.

Ответ написан более трёх лет назад

Комментировать

Как ускорить компиляцию sass?

Амир Гафуров @amir73911

Похоже на то, что вы неправильно организовали структуру файлов. К слову, в моих проектах в среднем 30-40 файлов (компоненты и блоки, всё отдельными файлами) и компиляция занимает не более 2-х секунд.

Точка входа - файл main.sass, в нём только импорт файлов.

Проверьте организацию тасков gulp.

P.S.: сборка для работы с Gulp, Sass, Foundation. Сравните гульпфайлы, надеюсь поможет в ускорении процесса.

Ответ написан более трёх лет назад

2 комментария

Как правильнее сделать подобный hover эффект?

Shane Matte @mattedev

web developer

codepen.io/shanematte/pen/dMvNqB

Ответ написан более трёх лет назад

Комментировать

Войдите на сайт