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

Ankhena

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

1650

вклад
0

вопросов
1658

ответов
66%

решений

Лайки

Актуально ли конвертировать иконки в шрифты?

Сергей delphinpro @delphinpro
frontend developer

Я конвертированием не занимаюсь. Если используется готовый пак, типа FontAwesome - подключаю. А так символьные SVG спрайты намного удобнее, для меня.

Ответ написан 22 янв.

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

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

Danny Arty @DanArst Куратор тега CSS
Гриффиндор в моде при любой погоде!

На сегодня на чистом CSS идеального решения не существует.
last-of-type не подойдет, так как это селектор по тегу.

Как вариант, задать стиль для первого элемента с классом item и изменить порядок элементов .item в обратную сторону. Но это только с учетом того, что элементы с классом item идут первые в списке и далее все остальные.

snippet

Ответ написан 20 янв.

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

Комментировать
Как создать кнопку на сайте, которая блокирует функционал до завершения действия кнопки?

Михаил @Akela_wolf
Extreme Programmer

Что значит "блокирует функционал"? Запрещает взаимодействовать с сайтом?

Повесьте "поверх всего" прозрачный (или полупрозрачный) (position: fixed, размер по окну браузера), который будет перехватывать все клики. Таким образом, пользователь кликать по контенту сайта не сможет никак. Останутся нажатия кнопок на клавиатуре, но это уже по специфике сайта надо смотреть.

Ответ написан 18 янв.

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

4 комментария
VS Code. Какие есть сборщики, компиляторы для JS, CSS файлов?

agagaheash ashaherya4wr @UneasyHeartsWeighTheMost
asfaswh43h 2rjhrvh 5y34 whb z4whv 112412 t

В современном фронтенд мире сборокой занимаются никак не связанные с IDE/Редактором инструменты, они же сборщики, бандлеры и таскранеры, максимум, как оно связывается с IDE - это кнопочка запустить скрипт из package.json.

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

Прочитайте что-то про Gulp, это крайне удобный таскраннер для разной рутины. В то же время очень простой и с кучей готовых плагинов в своей экосистеме. Есть даже готовые шаблоны и куча гайдов.

Ответ написан 16 янв.

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

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

Mozilla не видит контуров svg(stroke), как пофиксить?

RAX7 @RAX7

В названии аргументов фильтра ошибка.

<filter id="filter0_b_601_49" x="93.425" y="129.676" width="237" height="445.648" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
-      <feGaussianBlur in="BackgroundImage" stdDeviation="25"></feGaussianBlur>
+      <feGaussianBlur in="BackgroundImageFix" stdDeviation="25"></feGaussianBlur>
      <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_601:49"></feComposite>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_601:49" result="shape"></feBlend>
    </filter>

Хром видимо игнорирует кривой фильтр и отрисовывает без него, а лиса просто отказывается рисовать элемент с таким фильтром.
Зачем вообще там нужен этот фильтр для меня осталось загадкой

Ответ написан 11 нояб. 2021

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

Как правильно вставлять видео с ютюба в slick-slider?

iBird Rose @iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется

https://codepen.io/jonrohan/pen/PqqdBz

Ответ написан 10 янв.

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

Комментировать
CSS не меняет цвет ссылок. Как поменять цвет ссылки?

makboriska @makboriska

.nav-item a - поменяй для обычного состояния (добавить просто тег а)
.nav-item a:hover - для наведения соответственно

Ответ написан 02 янв.

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

Комментировать
Как реализовать взаимодействие пользователя с svg картинкой?

RAX7 @RAX7

Vue.js
snippet

Ответ написан 21 дек. 2021

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

Комментировать
Как при помощи Notepad++ преобразовать множество столбцов?

dollar @dollar
Делай добро и бросай его в воду.

Найти: login: ([^\r\n]+)\r?\npassword: ([^\r\n]+)\r?\nmail: ([^ \r\n]+)\r?\n?
Заменить на: \3:\1:\2

картинка

Ответ написан 17 дек. 2021

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

Комментировать
Как сделать такую таблицу на html?

Сергей delphinpro @delphinpro
frontend developer

htmlbook.ru/html/td/colspan
htmlbook.ru/html/td/rowspan

Ответ написан 16 дек. 2021

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

Комментировать
Есть ли для PhpStorm, что-то вроде плагина Autoprefixer (для css)?

Андрей Ситник @Iskin

Как автора Автопрефиксера могу прямо сказать — его нельзя использовать в текстовых редакторах. Он должен работать в Gulp, webpack или другой системе сборки.

Есть много причин для этого. Например, что код с префиксами трудно читать. Или то, что потом при правке вы забудете исправить все свойства. Или то, что ваши стили не будут чиститься от ненужных префиксов автоматически.

В общем, изучите Gulp — так вы потратите несколько вечеров, зато потом быстро наверстаете за счёт большей автоматизации.

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

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

1 комментарий
Как сдвинуть второй внутренний элемент в правый край окна с помощью flexbox? Ну или с помощью каких-либо других инструментов css?

Сергей delphinpro @delphinpro Куратор тега CSS
frontend developer

Недавно предлагал вот такое решение. https://jsfiddle.net/DelphinPRO/qghvzfxm/

Ответ написан 13 дек. 2021

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

2 комментария
Как настроить галп?

Алексей Дубровин @alekcena
Нелинейный наставник

У вас даже закомментировано
* - означает любое вхождение.
return gulp.src('app/sass/*.{sass,scss}') // Берем источник

Ответ написан 15 дек. 2021

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

2 комментария
Как убрать браузерные выделение кнопки?
SANTA2112 @SANTA2112
*:focus { -webkit-tap-highlight-color: transparent; outline: none; -ms-touch-action: manipulation; touch-action: manipulation; }

Ответ написан 11 дек. 2021

Комментировать
Комментировать
Как согнуть текст по картинке css?

Lynn «Кофеман» @Lynn
nginx, js, css

https://developer.mozilla.org/en-US/docs/Web/SVG/E...

Ответ написан 11 дек. 2021

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

Комментировать
Как сделать, чтобы на всех страницах не считая главной, background в header менялся на другой цвет?
Антон Литвиненко @AntonLitvinenko
HTML coder
{% if template.name == "index" %} do something {% endif %}

Ответ написан 10 дек. 2021

1 комментарий
1 комментарий
Как сложить числа c пробелами jquery?

Rsa97 @Rsa97
Для правильного вопроса надо знать половину ответа

Правильный подход - отделять мух от котлет.
Числа надо держать в отдельном data-атрибуте, а не парсить их каждый раз из текста.

Ответ написан 09 дек. 2021

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

1 комментарий
Как узнать в какой папке работает Gulp (чтобы создать в этой папке подпапку)?

Сергей delphinpro @delphinpro
frontend developer

Я в очередной раз посоветую полнейшую чушь, но вдруг поможет.

Почитайте документацию, там совсем немного. https://gulpjs.com/docs/en/api/dest/

Спойлер, не смотреть
Там есть решение вашего вопроса.

Ответ написан 09 дек. 2021

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

1 комментарий
Как разбить текст на строки?

Сергей Соколов @sergiks Куратор тега JavaScript
♬♬

(нормально так вопрос изменился с первоначальной версии!)

Через <br> добавлять строки?
snippet

Ответ написан 08 дек. 2021

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

Комментировать
Почему иконка из спрайта через use отображается неправильно?

Юрий @cheeroque

Выглядит так, потому что ломается ссылка на маску. Ссылка ломается потому, что в спрайт, скорее всего, попадает только path. Исправить можно, например, избавившись от маски, но там вообще какая-то дичь внутри иконки, проще будет её перерисовать.

Ответ написан 04 дек. 2021

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

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

1
2
3
4
5
6
7
8
9
10
11
Следующие →

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

rPman
- 12 ответов
- 0 вопросов
Василий Банников
- 9 ответов
- 0 вопросов
agagaheash ashaherya4wr
- 8 ответов
- 0 вопросов
MrColdCoffee
- 7 ответов
- 0 вопросов
Drno
- 7 ответов
- 0 вопросов
soremix
- 5 ответов
- 0 вопросов

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