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

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

    А иногда можно и вообще без JS обойтись, но не всегда структура документа такое позволяет.
    Ответ написан
    4 комментария
  • Как сохранить данные на сайте html+css в файл txt?

    @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 "Данные сохранены!";
    ?>

    Само собой тут никаких защит, атворизаций и прочего
    Ответ написан
    Комментировать
  • Ругается GitHub Desktop. В чём дело?

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

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

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

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

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

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

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

    6845959fc1068675214073.png
    Ответ написан
    Комментировать
  • Форматтеры SCSS разбивают короткие строки. Как вылечить?

    Lord_of_Rings
    @Lord_of_Rings
    Дунадан - северный странник. Злой, но очень добрый
    Встречный вопрос (можно расценивать как ответ). А зачем?
    Ответ написан
    Комментировать
  • Как найти опечатку в номере телефона?

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

    Во-вторых подойдет любая функция сравнения строк, например в пыхе что первое гуглится функция similar_text. Тупо смотришь процент схожести и если он высок - порог определи сам - тупо выдавай предупреждение о возможной опечатке. Можешь наколхозить свой вариант - не возбраняется.
    Ответ написан
    Комментировать
  • Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?

    sergski
    @sergski
    web-developer
    col {
    width: auto;
    min-width: 200px;
    }
    col:first-child {
    width: 72px;
    min-width: 72px;
    }
    Ответ написан
    Комментировать
  • Как замазать свободную область от картинки?

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

    Ответ написан
    1 комментарий
  • Как изменить CSS в карточке товара?

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

    Реализуется перепроектировкой структуры базы данных и всех скриптов и шаблонов, кто использует атрибуты карточки товара.
    Ответ написан
    Комментировать
  • Какую библиотеку выбора диапазона дат можно использовать на нативном JS?

    @weart
    От русского разраба https://vanilla-calendar.pro
    Ответ написан
    Комментировать
  • Какой формат у ограничений на cookie?

    sfi0zy
    @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. Домен здесь - это домен, про пути в документе везде говорится отдельно. Если возникают сложности с трактовкой терминов, то стоит пролистать документ в начало и почитать, там весь механизм подробно расписан. По поводу общего количества кук - скорее всего современные браузеры делают больше, чем минимально необходимо по стандарту, но это гадание на кофейной гуще, точно мы не знаем, вероятно у всех по-разному.
    Ответ написан
    Комментировать
  • Vue.js, с чего начать?

    и вперёд!
    Да.
    Выдумывать какие-то дополнительные шаги до того, как вы откроете документацию и попробуете по ней написать hello world — это просто прокрастинация. Спустя несколько минут вы уже самостоятельно поймёте, где у вас проблемы возникают.
    Ответ написан
    Комментировать
  • Какие познания в HTML нужны копирайтеру? Нужно ли В ДОБАВОК знать CSS?

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

    Lynn
    @Lynn
    nginx, js, css
    Да.
    Для этого надо назвать репозиторий имя_пользователя.github.io

    И это написано на главной странице pages https://pages.github.com/
    Ответ написан
    1 комментарий
  • Как с помощью CSS и HTML сделать такой эффект как на картинке?

    alsolovyev
    @alsolovyev
    ¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
    Вариантов есть несколько: через background-image, через canvas, через SVG маски... Вот пример через bg:
    Ответ написан
    Комментировать
  • Как отменить локальный коммит средствами Visual Studio?

    sergey-kuznetsov
    @sergey-kuznetsov Куратор тега Git
    Автоматизатор
    Не надо ничего добавлять. В интерфейсе Visual Studio уже всё есть.
    Кликаете на коммит, на который хотите сбросить историю и выбираете Reset — Keep Changes (--mixed)
    В русском интерфейсе это наверное будет Сброс — Оставить изменения. Аналог смешанного сброса в TortoiseGit
    66ea17a6381fa887017520.png
    Смешанный режим это --mixed — откатывает коммиты и индекс: оставляет изменения в рабочем каталоге, но очищает индекс. Это режим по умолчанию команды reset без опций.
    Мягкий режим это --soft, когда делается всё то же, что и выше, но индекс не трогается.
    То что вы отметили стрелкой на скрине в комментариях это вообще revertи он не годится для причесывания истории.
    Ответ написан
    1 комментарий
  • Как в шрифте pacifico сделать при бордере, чтобы не было линий при пересечении букв?

    IvanU7n
    @IvanU7n
    nothing interesting here
    да, drop-shadow тут не помощник, но SVG-фильтры оказались очень даже в деле
    единственный нюанс — параметры (толщина, цвет обводки) задаются напрямую в фильтре
    Ответ написан
    2 комментария
  • Как не обрезать тень элемента, используя "overflow: hidden"?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Сделать для контейнера, у которого overflow:hidden, внутренний отступ 24 + 5 пикселей. Зачем здесь три дня биться, непонятно.
    Ответ написан
    1 комментарий
  • Как поставить точки между колоннами grid?

    imko
    @imko
    Senior Scratch Developer
    Ну так в левую колонку кинь просто флекс с растущим элементом с точками
    https://codepen.io/herr-imko/pen/bGPVLKV
    Ответ написан
    Комментировать