• Как создать строку?

    OTCloud
    @OTCloud
    Программирование и Архитектура ПО
    Потому что нужно экранировать спец символы, иначе браузер будет себя вести как в вашем случае. Вот символы которые надо подставить вместо <, >: "&gt"; и "&lt";
    Ответ написан
    Комментировать
  • Почему функция не объявлена?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Потому что закавыченный код выполняется в глобальной области видимости. Так устроены функции setInterval и setTimeout, увы и ах. Пример:
    function test() {
    	let x = 123;
    	setTimeout("alert(x)",0); // x не видна
    }
    test();

    Если нужна именно строка, то оберните код в функцию eval, она выполняется в локальной области видимости:
    function onload() {
    	function f(){
    		console.log('12');
    	}
    	setInterval(e=>eval("f()"), 1000)
    }
    onload();

    Иначе просто используйте ссылку на саму функцию, то есть f вместо "f()"
    Ответ написан
    9 комментариев
  • Что из себя представляет NPM?

    @kova1ev
    Пакетный менеджер - это такая штуковина, которая позволяет из удаленного хранилища скачивать к себе на компьютер всяко-разно программистское добро. Как это добро называть - пакетами node.js, или еще как, не так уж и важно. Это могут быть библиотеки, фреймворки, да что угодно, хоть роман "Анна Каренина". Вы сами можете что угодно написать, залить в это хранилище и npm-ом тягать.
    Ответ написан
    6 комментариев
  • Как научиться адаптировать сайты с позиции дизайна? Что почитать по этому поводу?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Пусть присылают второй макет. Потому что обычно мобильная версия сильно отличается от десктопной, по расположению элементов и вообще их наличию, и даже по навигации.

    Или берите деньги за мобильный макет, и делайте его сами.

    Или можно вообще не заморачиваться, ведь смартфон вполне скушает десктопный сайт. Ну, придется позумить немного, но что поделать, если на мобильную версию средств не выделили.
    Ответ написан
    Комментировать
  • Как научиться адаптировать сайты с позиции дизайна? Что почитать по этому поводу?

    e_snegirev
    @e_snegirev
    лучше все же рисовать отдельные макеты на разные экраны
    но если получить мобильный макет не представляется реальным, в таких случаях примерно по такому плану действую

    пробегаюсь по всем нужным типовым страничкам, определяю элементы, которые особо в мобилке не нужны. их в итоге закрываем на мобильных разрешениях
    затем определить возможные менюшки. малонужные менюшки и хлебные крошки переношу под контент/в футер, основную под бургер скрываю
    модалки на мобильном экране начинаем тянуть от края до края экрана
    все кнопки стараюсь определять с высотой и шириной минимум 40 пикселей
    размеры шрифтов увеличиваются в итоге почти на всех мобильных размерах экрана, но ненамного. заголовки и отступы заголовков уменьшаются
    все многоколоночные блоки в планшетке сжимаются в 2-3 колонки, на мобилке желательно в одну
    увеличение картинок, если они есть, лучше через какой нибудь лайтбокс попробовать, ибо многие картинки, а тем более всякая инфографика стает часто нечитабельна на мобилке вовсе
    предусмотреть переполнение контейнеров во всех возможных местах
    вертикальные и горизонтальные отступы между блоками тоже обычно много где сокращаются, ибо мобилка по экрану намного меньше, и место уже начинаешь экономить

    вроде все описал как обычно поступаю при заказе на адаптив без мобильных макетов
    Ответ написан
    1 комментарий
  • Как научиться адаптировать сайты с позиции дизайна? Что почитать по этому поводу?

    Sanes
    @Sanes
    Адаптивная верстка предполагает скрытие блоков на мобильной версии. Начните с приоритетов, какие блоки важные, а какими можно пожертвовать в мобильной версии. Тоже самое касается элементов внутри блоков.
    Ответ написан
    Комментировать
  • Зачем Google предлагает мне JPEG 2000, JPEG XR и WebP вместо JPEG и PNG и как оптимизировать изображение?

    lukoie
    @lukoie
    погуглите тег picture и imgsrc
    надо просто одновременно передать ссылку на вебп и на обычный жпег, и тогда браузер, который умеет вебп(правильно читается "веппи"), покажет его. А остальные покажут обычный жпег. Точно там же указывается ссылка на картинку для ретины, потому на ретине будет отображаться она, в высоком разрешении, а остальные покажут обычную жпежку.
    Как то так.

    зыж про Жпег2000 и ЖпегХР забудьте. Они пытались педалировать, но кроме вебп ничего не получило хоть какого-то распространения.
    Ответ написан
    1 комментарий
  • Почему на сайтах названия классов не человекопонятны?

    @S0HardCore
    1. Они сгенерированы и итоговый вариант не предназначается для чтения.
    2. Чтобы усложнить парсинг.
    Ответ написан
    4 комментария
  • Как обратиться к псевдоселектору последнего элемента списка?

    petyagrill
    @petyagrill
    используйте конструкцию такого вида
    .list .item:last-of-type:before{
    
    }
    Ответ написан
    3 комментария