Задать вопрос

Ankhena

Нежно люблю верстку

1911

вклад
0

вопросов
1839

ответов
68%

решений

Комментарии

Как сделать такое через SVG?

Ankhena @Ankhena Куратор тега Вёрстка

Не ясно зачем вам SVG, но видимо, вопрос про это css.yoksel.ru/svg-shapes

Написано более трёх лет назад
Динамическое изменение высоте хедера (шапки) - что изменять?

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

jeruthadam:
ЧТо еще можно?

Странно сформулированный вопрос без прикрепленного макета.
Кроме отступов и высоты, есть еще границы, фон, тени, outline, позиционирование в конце концов. Какого эффекты вы пытаетесь добиться?

Написано более трёх лет назад
В чем проблема этого кода?

Ankhena @Ankhena Куратор тега JavaScript

Вот код (На JsFiddle и CodePen не работает)

Дайте угадаю, JQ не подключили?

Написано более трёх лет назад
Для seo, теги h1 - h6, могут ли иметь id, class где это почитать?

Ankhena @Ankhena

Александр Миранович:
мне нужно конкретный пример

Конкретный пример сайт Яндекса:

Этого будет достаточно?

Написано более трёх лет назад
Для seo, теги h1 - h6, могут ли иметь id, class где это почитать?

Ankhena @Ankhena

Конечно, можно. Если по БЭМ, так и вовсе нужно.
Для стилизиции правильнее использовать классы, а не id.
На SEO никак не влияет. Кроме того, что визуально заголовки должны соотвествовать важности.

Написано более трёх лет назад
Facebook pixel нарушает валидацию страницы - как устранить?

Ankhena @Ankhena Куратор тега HTML

ligisayan: угу

Написано более трёх лет назад
Как выставить элементы ровно?

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

justify-content: space-between;
с флексом разумеется.

Написано более трёх лет назад
Facebook pixel нарушает валидацию страницы - как устранить?

Ankhena @Ankhena Куратор тега HTML

ligisayan: и одиночные теги либо все закрывайте либо все не закрывайте. Короткий доктайп не требует закрытия одиночных тегов.
Сейчас у вас в то так то сяк, не красиво.

Написано более трёх лет назад
Facebook pixel нарушает валидацию страницы - как устранить?

Ankhena @Ankhena Куратор тега HTML

ligisayan: поменяйте местами, пиксель в смамый конец head сместите. Ну а img, да, будет портить картину. У меня нигде не стоит фейсбуковый пиксель. Сама бы я потестировала идею сместить часть, которая noscript в body, если все будет работать, то и славно. Если нет, то и ну её, валидацию.

Написано более трёх лет назад
Много ли потребляет ресурсов локальный сервер Денвер?

Ankhena @Ankhena

Сам денвер примерно "нисколько", ноут и не заметит.
Другое дело, что он давно не обновлялся. Например, последний opencart не встает на денвер. Так что смотрите по требованиям CMS, может имеет смысл пойти другим путем.

Написано более трёх лет назад
Facebook pixel нарушает валидацию страницы - как устранить?

Ankhena @Ankhena Куратор тега HTML

ligisayan: а фейсбуковый пиксель что забыл в body, если он ставится в head?

Написано более трёх лет назад
Facebook pixel нарушает валидацию страницы - как устранить?
Ankhena @Ankhena Куратор тега HTML
1. Покажите всю страницу.
2. Там написано, что link не должен быть в body.

Вот это
<!DOCTYPE html> <html> <head> <title>yy</title> <link rel="author" href="site.ru"> <link rel="canonical" href="site.ru"> </head> <body></body> </html>

прекрасно проходит валидацию

Написано более трёх лет назад
Есть ли минусы у 1C-Битрикс?

Ankhena @Ankhena

Думаю, что все моменты уже отражены тут https://www.yandex.ru/yandsearch?clid=9582&text=ми...

Написано более трёх лет назад
Стоп кран от дизайнера, красиво, но нужно адаптивно?

Ankhena @Ankhena Куратор тега Вёрстка

Либо на JS считать пропорции и углы.
Пропорции блоков вот так можно задавать https://jsfiddle.net/Ankhena/cLhxv7eq/ если %% и vw|vh не подходят.
Либо SVGшку подсунуть.

Написано более трёх лет назад
Как сделать адаптивный grid?

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

Игорь Лавров:
на флексах это делается все очень просто.
flex-wrap: wrap и justify-content: space-between для родителя.
(Это если ширина блоков фиксированная про 300 точек. Если нет, значит задаем в % и ставим минимальную в 300 точек. Дальше точки слома (математика 2 класс): 1500px, 1200px и т.д.)

Написано более трёх лет назад
Как вы адаптивно верстаете?

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

Programmir: Еще раз медленно: откройте ссылку из моего сообщения на своем крутом смартфоне. Потом погуглите что такое вьюпорт. Ну или в обратном порядке.

Написано более трёх лет назад
HTML высота блоков, что бы полностью занимали 100% по высоте окна браузера?

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

Стили для html и body тоже можно писать на jsfiddle https://jsfiddle.net/87v2u29j/

Написано более трёх лет назад
Почему box-shadow inset криво отображается в EDJE?

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

moskit: Что за ерунда? Я даже пример сделала где бордер выглядит также как ваша тень.
Во-первых, box-sizing. Во-вторых, начальный бордер цвета кнопки, при наведении цветной.

Написано более трёх лет назад
Почему box-shadow inset криво отображается в EDJE?

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

Зачем внутри лишний span и почему не использовать обычный border?
https://jsfiddle.net/admtq7ba/

Написано более трёх лет назад
Как вы адаптивно верстаете?

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

Оказалось, что надо было делать его адаптивно.

Сейчас неадптивными бывают только сайты для которых делают совсем отдельную мобильную версию.

Ещё непонятно, вот телефоны бывают по 1920px

Не бывает телефонов с вьюпортом 1920.
viewportsizes.com
https://www.esolutions.se/en-GB/test откройте со смартфона.

Это типа надо было в слоях в фотошопе копошиться

Это нормально.
У дизайнера скрытые нужные слои помечены другим цветом. Если это не так и в макете оставлено много лишнего мусора - можно нашуметь на дизайнера. Но в общем случае полученный макет это уже наши проблемы.

А вот здесь типа по два блока картинок при уменьшении. Там было четыре кружочка для слайдера. А я такой спросил, а сколько кружочков надо было делать, там же могло быть и 30 картинок.

Я не поняла, Вы кружочки у слайдера ручками верстали чтоль? Вроде пишете, что JQ изучили. Кружочки генерируются слайдером сами. И получается их количество картинок разделенное на количество картинок в слайде. При разном размере окна может быть разное количество.

Статей о том, как делать адаптивную верстку пруд пруди в гугле.
Если по началу тяжело просите макеты, где дизайнер нарисовал макеты для 3-4 разных размеров вьюпортов.

Откройте несколько современных сайтов и плавно поизменяйте размеры окна (либо через инструменты разработчика), посмотрите как они перестраиваются.

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

Самые активные сегодня

Lev_Hekler
- 2 ответа
- 1 вопрос
squezzy
- 0 ответов
- 2 вопроса
rPman
- 2 ответа
- 0 вопросов
Максим Припадчев
- 1 ответ
- 0 вопросов
Евгений
- 1 ответ
- 0 вопросов
Евгений
- 1 ответ
- 0 вопросов

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