Web-site Development

149 questions in this forum

1. VS Code перестал разворачивать сокращения. Что делать?

   Добрый день. Подскажите, пожалуйста, в чем проблема. Буквально вчера в VS Code в вкладке редактирования стилей(Sass) VS Code спокойно разворачивал все сокращения (именно при редактировании стилей, в HTML разворачивает как надо). Т.е. пишешь pt10 жмешь Tab - и он разворачивает в padding-top:10px и так далее. А сегодня он перестал реагировать на это и тоже сокращение не разворачивает, даже если написать р то в предложенных будет сначала pad, а не padding как раньше. Мельком увидел в углу какое то сообщение об обновлении VS Code. Почему это стало так работать и можно ли починить?

   Asked by Mambli_Joe, December 17, 2018

   • vscode
   0 votes
   5 answers
2. Выравнивание кода в sublime

   Был у меня плагин, но забыла название. Активируется при сочетании ctr + shift + d. В проекте css написан в одну строку и помогал обычно он. Поделитесь какие плагины знаете для этого ? ( alignment не помогает )

   Asked by wazuwhite, May 17, 2018

   0 votes
   2 answers
3. Как работает Node.JS пошагово с скриптами ?

   Кто нить объясните как работает Node.Js ? Я вот знаю как работает JS на клиенте: - Клиент запрашивает страницу с url(ом) - В ответ приходит сгенерированный или статический html - браузер начинает парсить код (html) - Если находит ссылки указывающий на внешний ресурс идет скачивать их.. (Вот тут я не совсем еще понимаю, во время скачивание изображений и стилей страница зависает, или это только для JS файлов ?) - Затем как скачиваются скрипты, браузер начинает их парсить и построчно выполнять.. (Ну тут как понял весь коды выполниться сразу по порядку кроме событий я прав? , и еще как долго эти события будут работоспособными, только если вкладку закрыть…

   Asked by AbaGardon, October 12, 2018

   • javascript + node.js
   0 votes
   3 answers
4. Выравнивание списка <ul> по вертикали

   Добрый день! Подскажите пожалуйста, споткнулся на простецкой задачи. Как можно выравнять нумерованный список по вертикали, относительно нумерации? http://skremont39.ru/prajs Сейчас текст выравнивается по нижней части. Спасибо!

   Asked by Ant0n39, February 6, 2019

   0 votes
   5 answers
5. Адаптация масштаба изображений

   Всем доброго времени суток. Второй день, не могу решить проблему. Может кто-то подскажет, поможет. Делаю сайт на CMS Shopify. Шаблонизатор LIQUID. На всех платформах, кроме apple, размер (масштаб) изображений нормальный. Вот как на скрине https://clip2net.com/s/44MwemP А вот когда захожу с яблока, то вижу вот такую картину - https://clip2net.com/s/44MysXK При этом, в конструкторе от CMS масштаб изображений под айфон показует в норме. https://clip2net.com/s/44Mxx1O Вопрос. Как сделать так, что бы на айфонах масштаб был таким же как и на других устройствах? п.с. Знаю как адаптировать размер текста путем настройки -webkit-text-size-adjust но вот с изображение…

   Asked by rewtowd, November 26, 2019

   0 votes
   0 answers
6. Почему атрибут type еще не на пенсии?

   Имеет ли смысл к тегу <ol> применять атрибут type, когда есть свойство list-style-type? Для <ul> аналогичный атрибут уже не актуален в силу таблицы стилей, почему тогда type для тега <ol> до сих пор не считается устаревшим?

   Asked by CrystalCrystal, December 30, 2020

   0 votes
   26 answers
7. View port units интерфейс через Web View

   В общем свежая безумная идея сделать интерфейс на VPU(view port units) таким образом чтобы избежать media queries. Сейчас сделано определение мобильной версии браузера и на CSS4 vars сделаны переключатели масштаба элементов интерфейса. Поскольку дизайн полностью масштабируется под размер окна и не нужны ни какие костыли и сетки, я хочу добавить в свой фреймворк такую опцию, как автоматическая генерация Android приложения, которое бы работало на Web View. У нас уже везде webkit и можно было бы сделать заготовку приложения, которая бы скрывала строку ввода адреса браузера, но оставляла возможность поменять URL, на который обращается приложение. Я не пишу под …

   Asked by Full-R, September 5, 2020

   • html
   • viewport
   • layout
   • design
   0 votes
   3 answers
8. Zen Coding в Notepad++

   Почему у меня не работает Zen Coding????? я установил последнюю версию Notepad++ и загрузил плагин zen coding и перезагрузил блокнот. Потом пишу ul+ ставлю курсор в конец, нажимаю Ctrl+Alt+N и ничего не происходит, почему??? А должно появится вот это <ul><li></li></ul>В чём проблема??

   Asked by DivMan, January 25, 2014

   0 votes
   9 answers
9. Браузер Опера

   В Опере страница с фото (вкладка "Картинки") постоянно подпрыгивает, дергается, будто сама себя настраивает. Все обновления актуальны. Что делать? Есть видео. Браузер: 66.0.3515.44, Используется обновленная версия Opera, Канал обновлений: Stable, Система:Windows 7 32-bit. V_20200129_142114.mp4

   Asked by Grig2020, January 29, 2020

   • браузер
   • опера
   • прыгает экран
   0 votes
   1 answer
10. Как сверстать такое (волна с тенью)?

    Изображения во вложении. Волна с тенью. Как верстать текст, менюшку и кнопко знаю. 🙂 Без изображений можно?

    Asked by torsar, February 19, 2021

    0 votes
    14 answers
11. Подскажите редактор кода с расстоновкой отступов при вставке

    Подскажите радактор кода который автоматически расставлял бы отступы при вставке кода между функциями. Т.е. Копирую .show1-inner { padding: 0; } за пределы @media only screen and (max-width: 960px) Первый скрин (MS Code) все хорошо. Скобки где надо. Свойство "padding" с правильным оступом Второй скрин (Synwrite) - плохо. Последняя скобка "ушла". Свойство "padding" с оступом больше чем надо. Пока что нашел только MS Code и Atom. Может еще есть что-то с поддержкой данной функции?

    Asked by VasyOK{!}, October 25, 2017

    0 votes
    10 answers
12. Sublime Text 3.0.

    Установил: install Package Control Далее нажал: Ctrl+Shift+P, пытаюсь найти View In Browser, но его там нет. В чем проблема? Нужен плагин, чтобы при нажатие горячих клавиш или выбора в меню, запускался браузер для отображения результата работы кода. И можете посоветовать плагины с помощью которых я сделаю Sublime Text 3.0., максимально визуально похожим на WebMatrix.

    Asked by Нуб, March 15, 2018

    0 votes
    13 answers
13. Не получается подключить style.css

    Файл стилей работает на компьютере, а на телефоне просто слетает.

    Asked by anasteisa, October 22, 2019

    0 votes
    9 answers
14. Помогите пожалуйста поправить код

    Есть 2 проблемы который я никак не могу решить. 1.)У Body магическим образом появляется маргин справа и обнулить его никак нельзя. 2.)Фоновое изображение вставляется некорректно или проблемы с размерами элементов(этот косяк видно невооруженным глазом). Вот ссылка на макет https://psdrepo.com/free-psd/simple-travel-agency-app-design-freebie/ Заранее спасибо за помощь) index.html style.css

    Asked by Dimasta, July 12, 2019

    0 votes
    5 answers
15. Аудит MySQL движка

    Здравствуйте. Есть движок БД и для него нужно провести аудит. Конкретно интересует следующее. Стоит ли удалять смайлы, как последовательность символов в функции: // Cleanup outer SQL protected static function escapeOuter( string $s ): string { return preg_replace( ['/(\/\*\s*\w*\s*(?!.\/\*))/si', '/(\-\-\s*\w*\s*(?!.\-\-))/si', '/(or\s*\w*\s*=\s*\w(?!.*or)|\|\|\s*\w*\s*=\s*\w(?!.\|\|))/si', '/[\x{10000}-\x{10FFFF}]/u'], [';', ';', '', '\xEF\xBF\xBD'], str_replace( ['#', '+--', '--+', '"', "\x1a", '%', 'qq ', '--', '/*!', '*/'], ['&sharp;', '', ';', '&quot;', '\\Z', "\%", '&#45;&#45;', '&#47…

    Asked by Full-R, September 6, 2020

    0 votes
    1 answer
16. PUG Миксины

    Как это фиксится? Делаю всё по документации (вроде как), я не понимаю, в чём заключается проблема. mixin button(class, text) a(href='#' class=class)= text

    Asked by Okieazy, February 12, 2019

    0 votes
    2 answers
17. На мобильных устройствах не работает overflow-y: scroll !important;

    Здравствуйте! Помогите, пожалуйста, решить проблему с появлением полосы прокрутки на мобильных устройствах. Не работающий пример Должна быть вертикальная полоса прокрутки. Она есть на Android 7. Но отсутствует на Android 6 и iPhone.

    Asked by PavelTkachev, February 16, 2018

    0 votes
    1 answer
18. Внесение изменений в верстку Gulp

    Помогите, объясните пожалуйста. Я давно занимаюсь версткой, но Gulp никогда еще использовать не приходилось. Тут прислали задание - внести изменения в верстку и прислали архив с Gulp сборкой (там папки build, src и файлы bower.json, gulpfile.js, package.json) Как мне внести изменения в такую верстку? как просмотреть страницы в браузере? С чего вообще начать? нужно ли устанавливать gulp, node.js? или можно как-то быстрее это сделать? Я в растерянности... Буду Вам очень признательна за любую помощь в данном вопросе.

    Asked by kubera, December 7, 2017

    • gulp
    0 votes
    13 answers
19. Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

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

    Asked by Katerina23, October 25, 2023

    0 votes
    2 answers
20. Адаптация сайта под мобильные устройства

    при просмотре кода страницы сайта в браузере с использованием "инструментов разработчика" (горячая клавиша F12 для Windows) и просмотре его отображения для мобильных устройств, размер экрана которых меньше размера страницы сайта и ее отдельных элементов, ширина которых задана в пикселях, а не в процентах, страница без предварительной адаптации вписывается в размер экрана любого устройства. Как изменить отображение чтобы увидеть реальную картину, что нужно изменить в коде для создания адаптированного сайта??? для изменения размера страницы под размер устройства при отладке необходимо в код вставить метатег "viewport" <meta name="viewport" content="width…

    Asked by VovkaKrut, February 18, 2020

    • адаптация сайта
    • мобильное устройство
    • инструменты разработчика
    • браузер google chrome
    • браузер
    0 votes
    0 answers
21. GIT ST3

    Всем привет! Столкнулся с такой проблемой: псоле запуска команды git-push, используя плагин git в sublime text3, вылетает такая ошибка: "fatal: could not read Username for 'https://github.com': No such device or address". Понятно, что требует логин, а потом наверное потребует пароль. А где конфигурировать эту данные??? Git установлен. Проект инициализирован. Через консоль все коммитится и пушится. Вместо тысячи слов смотрите гифку

    Asked by Schamil74, February 6, 2017

    • git st3
    0 votes
    7 answers
22. Как убрать отступ между элементами меню на сайте?

    Есть тестовый сайт: http://multigramen.ru/ Между картинкой и меню создался какой-то белый отступ, и я не могу удалить его, чтобы элементы приклеились друг ко другу: Если вырезать следующий код: <a class="header_logo"> <img class="header_photo" src="img/header.png" width="100%"> </a> то меню приклеивается и всё в порядке, хотя в CSS, по сути, нет отступов, которые мешались бы: .header_logo { flex:0 0 40px; } .header_photo { display:none; } Сайт имеет мобильную версию. Код сейчас разбит на два медиа-запроса: max-width:767px и min-width : 768px Помогите понять, как убрать этот пробел, не затронув другие элементы. У…

    Asked by MultiGramen, November 24, 2020

    • html5
    • css3
    • media запросы
    • отступы поля
    0 votes
    7 answers
23. Как убрать меню для телефонов

    Установила программу для chrome, позволяет просматривать в браузере как бы выглядел сайт на телефоне и у меня не получается прописать стили, чтобы спрятать боковое меню? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .... в стилях style.css @media screen and (max-width: 600px) { .menu-niz-1{ display: none; } } меню которое надо убрать <div class='menu-niz-1'> <!--здесь меню--> </div>

    Asked by Katerina23, October 7, 2018

    • html
    • css
    0 votes
    6 answers
24. Проблема с CLS

    Здравствуйте. Гугл недавно выдал "Проблема с CLS: значение показателя выше порогового (0,25). Устройство: мобильные устройства". С десктопной версией все в общем понятно. Проблема как это исправить на мобильной версии. Все элементы такие как картинки и видео с ютюба подстраиваются под размер экрана и изначально их точные размеры не известны, только ширина в процентах. Как можно в процентом представлении блоков определить их высоты и заранее зарезервировать место?

    Asked by alleclf, June 14, 2020

    0 votes
    0 answers
25. Не компилируется SASS в CSS

    Всем привет народ! Очень надеюсь на вашу помощь! Дело в том что я создавал сайты по видео урокам некого Михаила Базарова. Вот собственно его видео уроки https://camouf.ru/video/new_store/phpstorm.html?PAGEN_2=2 Теперь конкретно о проблеме: Дело в том, что данный человек использует bootstrap и sass. Он компилирует все стили в сжатый css. В этом то и проблема. У меня не компилируется, а стили на сайте не работают. Что я сделал: установил Ruby, прописал в командной строке gem install sass, успешно установился. Перезагрузил компьютер и подключился к своему удаленному серверу через PhpStorm. Обмен между локальным и удаленным сервером идет успешно. Но на сайте не рабо…

    Asked by yeldos23, July 29, 2021

    • sass
    • phpstorm
    • css
    • компиляция
    • 1c-bitrix
    • интернет-магазин
    0 votes
    1 answer