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

Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?

Rsa97 @Rsa97

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

Такие вещи лучше делать не ковырянием в стилях, а переключением класса.
И jQuery не нужен.

А иногда можно и вообще без JS обойтись, но не всегда структура документа такое позволяет.

Ответ написан вчера

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

Как сохранить данные на сайте html+css в файл txt?

rPman @rPman

Без скриптов никак, потому что html+css это только способ описания внешнего вида (и очень немного анимации), при этом это только браузерный фронтэнд - то что работает у пользователя. На этой стороне даже со скриптами файл не сохранить (можно сформировать сам файл и выдать запрос на загрузку файла, но не контролировать куда)

С другой стороны html forms (теги form и input/textarea) и простейший скрипт из пары строчек на сервере, позволят решить эту задачу

<!DOCTYPE html>
<html>
<head>
    <title>Форма</title>
</head>
<body>
    <form action="save.php" method="post">
        <input type="text" name="data" placeholder="Введите данные" required>
        <button type="submit">Отправить</button>
    </form>
</body>
</html>

<?php
file_put_contents('data.txt', $_POST['data']);
echo "Данные сохранены!";
?>

Само собой тут никаких защит, атворизаций и прочего

Ответ написан 17 июн.

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

Ругается GitHub Desktop. В чём дело?

Сергей Кузнецов @sergey-kuznetsov Куратор тега GitHub

Автоматизатор

Я заметил, что у вас два аккаунта на GitHub. Согласно правилам, создание дубликатов аккаунтов не рекомендуется — это может привести к путанице с доступами, как в вашем случае, а иногда и к блокировке.

Лучшее решение — удалить дополнительный аккаунт и создать организацию. Репозитории можно перенести туда и назначить себя администратором от основного аккаунта. Это удобно, прозрачно и полностью соответствует политике GitHub.

Сейчас вы создали новый аккаунт, но в GitHub Desktop остались под старым. Из-за этого попытка push в репозиторий заканчивается ошибкой «permission denied», потому что у текущего аккаунта нет прав.

Временные варианты:

перелогиниться в GitHub Desktop,
или выдать доступ старому аккаунту (через Collaborators).

Но повторюсь — лучше объединить всё в один основной аккаунт и использовать организации. Так проще и безопаснее.

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

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

Как сверстать такую кнопку?

Ivan Ustûžanin @IvanU7n

nothing interesting here

конкретно с этим примером можно использовать border-image:

использованная картинка

Ответ написан 08 июн.

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

Форматтеры SCSS разбивают короткие строки. Как вылечить?

Aragorn @Lord_of_Rings

Дунадан - северный странник. Злой, но очень добрый

Встречный вопрос (можно расценивать как ответ). А зачем?

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

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

Как найти опечатку в номере телефона?

knigaman @knigaman

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

Во-вторых подойдет любая функция сравнения строк, например в пыхе что первое гуглится функция similar_text. Тупо смотришь процент схожести и если он высок - порог определи сам - тупо выдавай предупреждение о возможной опечатке. Можешь наколхозить свой вариант - не возбраняется.

Ответ написан 17 апр.

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

Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?

sergski @sergski

web-developer

col {
width: auto;
min-width: 200px;
}
col:first-child {
width: 72px;
min-width: 72px;
}

Ответ написан 01 апр.

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

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

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

frontend developer

Расположить такую же картинку позади и растянуть ее на весь блок. Чтобы не было искажений, установить object-fit:cover; Либо повесить на фон с заполнением background-size: cover;
Заблюрить с помощью filter: blur(10px);

Ответ написан 24 февр.

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

Как изменить CSS в карточке товара?

alexalexes @alexalexes

У вас проблема A/B - вы не понимаете, что у вас проблема в архитектуре хранения данных:
У вас не три строчки должно быть в названии для одной карточки товара, а четыре различных атрибута:
1. Название товара.
2. Категория товара.
3. Количество товара.
4. Единица измерения количества товара.
Собственно, эти атрибуты должны правиться и сохраняться различными полями как в форме редактирования, так и в базе.
На вывод карточки товара тоже нужно правильно считывать из базы атрибуты и править шаблон вывода этих атрибутов.

Реализуется перепроектировкой структуры базы данных и всех скриптов и шаблонов, кто использует атрибуты карточки товара.

Ответ написан 10 февр.

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

Какую библиотеку выбора диапазона дат можно использовать на нативном JS?

yarovikov @weart

От русского разраба https://vanilla-calendar.pro

Ответ написан 05 февр.

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

Какой формат у ограничений на cookie?

Ivan Bogachev @sfi0zy

Creative frontend developer

Все эти "странные" числа уходят корнями в документ RFC 2109, актуальная версия которого датируется 1997 годом. В исторической перспективе это ненамного позже крылатого выражения "640 кб памяти хватит всем", так что 300 печенек на всех - это реалии того времени. Интернета еще толком не было. Браузеры, которые были тогда, уже вымерли. Не стоит воспринимать эти числа как актуальную информацию и вчитываться в написание слов.

На текущий момент нам нужно читать RFC 6265. Там в лимитах значится, что бразуеры должны как минимум обеспечить:

At least 4096 bytes per cookie (as measured by the sum of the length of the cookie's name, value, and attributes).
At least 50 cookies per domain.
At least 3000 cookies total.

Здесь трактовки конкретные, поясняется, что есть размер в 4096 bytes. Домен здесь - это домен, про пути в документе везде говорится отдельно. Если возникают сложности с трактовкой терминов, то стоит пролистать документ в начало и почитать, там весь механизм подробно расписан. По поводу общего количества кук - скорее всего современные браузеры делают больше, чем минимально необходимо по стандарту, но это гадание на кофейной гуще, точно мы не знаем, вероятно у всех по-разному.

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

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

Vue.js, с чего начать?

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

и вперёд!

Да.
Выдумывать какие-то дополнительные шаги до того, как вы откроете документацию и попробуете по ней написать hello world — это просто прокрастинация. Спустя несколько минут вы уже самостоятельно поймёте, где у вас проблемы возникают.

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

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

Какие познания в HTML нужны копирайтеру? Нужно ли В ДОБАВОК знать CSS?

Ivan Bogachev @sfi0zy Куратор тега CSS

Creative frontend developer

Копирайтер - это сильно растяжимое понятие. Но в целом от этого человека могут ожидать, что он в состоянии структурировать контент в каком-то формате. Чтобы заголовки были заголовками, ссылки - ссылками, картинки - картинками, и.т.д. Тут речь идет не про полноценную верстку, а именно про структурирование информации. В контексте веба для этого могут быть нужны самые основы HTML. Где-то могут ожидать и основы CSS на уровне "цвет заголовков поменять". А могут и не ожидать. Нужно узнавать в конкретном месте. Но в любом случае там информации на день изучения. Школьники все это на уроках информатики проходят классе в 9. Какие-то прямо курсы тут не нужны - эти темы уже были пережеваны миллион раз и всегда были в открытом доступе.

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

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

Возможен ли такой URL страницы на GitHub Pages?

Lynn «Кофеман» @Lynn

nginx, js, css

Да.
Для этого надо назвать репозиторий имя_пользователя.github.io

И это написано на главной странице pages https://pages.github.com/

Ответ написан 13 окт. 2024

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

Как с помощью CSS и HTML сделать такой эффект как на картинке?

Aleksey Solovyev @alsolovyev

¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often

Вариантов есть несколько: через background-image, через canvas, через SVG маски... Вот пример через bg:

Ответ написан 19 сент. 2024

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

Как отменить локальный коммит средствами Visual Studio?

Сергей Кузнецов @sergey-kuznetsov Куратор тега Git

Автоматизатор

Не надо ничего добавлять. В интерфейсе Visual Studio уже всё есть.
Кликаете на коммит, на который хотите сбросить историю и выбираете Reset — Keep Changes (--mixed)
В русском интерфейсе это наверное будет Сброс — Оставить изменения. Аналог смешанного сброса в TortoiseGit

Смешанный режим это --mixed — откатывает коммиты и индекс: оставляет изменения в рабочем каталоге, но очищает индекс. Это режим по умолчанию команды reset без опций.
Мягкий режим это --soft, когда делается всё то же, что и выше, но индекс не трогается.
То что вы отметили стрелкой на скрине в комментариях это вообще revertи он не годится для причесывания истории.

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

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

Как сделать плавное затухание последней строки в тексте?

Виталий Першин @Get-Web Куратор тега CSS

Front-End Developer

Ответ написан 31 авг. 2024

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

Как в шрифте pacifico сделать при бордере, чтобы не было линий при пересечении букв?

Ivan Ustûžanin @IvanU7n

nothing interesting here

да, drop-shadow тут не помощник, но SVG-фильтры оказались очень даже в деле
единственный нюанс — параметры (толщина, цвет обводки) задаются напрямую в фильтре

Ответ написан 20 авг. 2024

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