Задать вопрос
Ответы пользователя по тегу HTML
  • Автоматическое создание ссылок/страниц?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    нет.
    1. надо использовать "сшитие" страницы из кусков через include на php
    есть header, content, footer вот это все в отдельных файлах и т.д.
    2. можно реализовать через SPA и грузить один и тот же кусок меню из html для разных страниц через ajax
    Ответ написан
    2 комментария
  • Как сделать такие скошенные края у div?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Правильный способ - пропустить картинку через css clip-path/clip-polygon:
    https://www.smashingmagazine.com/2015/05/creating-...
    Ответ написан
    Комментировать
  • Как добавлять данные в HTML код при помощи javascript (может другие методы без PHP)?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    можно грузить контент из html, json, txt аяксом через тот же jquery: .load()
    Ответ написан
    3 комментария
  • Как грамотно обрезать изображение?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    D=min(height,width) - сторона квадрата
    x0=(width-D)/2 //X, левый верхний угол
    y0=(height-D)/2 //Y, левый верхний угол
    x1=x0+D //X, правый нижний угол
    y1=y0+D //Y, правый нижний угол
    Ответ написан
    Комментировать
  • Как сделать кнопку — добавить на домашний экран/в закладки (мобильник/десктоп)?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Это два абсолютно разных вопроса.
    1. Про десктоп - это где-то так:
    function bookmark(a) {
      title=document.title;
      url=document.location;
        try { 
         window.sidebar.addPanel(title, url, "");
        } catch (e) {
          if (window.opera && window.print || typeof(window.sidebar)=="object") {  // Opera || Mozilla
            a.rel="sidebar";
            a.title=title;
            a.url=url;
            a.href=url;
            return true;
          } else if(document.all) {  //  Internet Explorer
              window.external.AddFavorite(url, title);
              return true;
          }  else {
             alert('Нажмите Ctrl+D (Cmd+D на MacOS), чтобы добавить страницу в Избранное');
          }
       }
    }

    2. Про добавить на главный экран для Android: тут
    Пример приложения: тут
    Ответ написан
    2 комментария
  • Как скопировать только используемый фрагмент CSS при копировании элемента из HTML?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Нужно написать перебор дерева нужной ноды для формирования новой, получить все объекты и для них выполнить скрипт https://github.com/moagrius/copycss
    Полученную новую ноду - скопировать куда нужно.
    Ответ написан
    2 комментария
  • Как сделать игровую карту?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Игровой мир состоит из:
    1. Игрового окружения - статичные объекты и атмосфера/освещение)
    2. Взаимодействующих объектов игрового мира - изменяющие своё положение во времени в зависимости от воздействия на них каких-либо внешних факторов. Это игровые персонажи, взрывы, технические устройства (автомобили, лифты, платформы и т.д.)
    3. Правил (законов) игрового мира - коллизии, скорости, гравитация, урон/броня и т.д.

    Как разделять:
    1. Всё, что неподвижно или имеет природное происхождение (здания, деревья, трава, дождь, снег, ветер) - относится к игровому окружению уровня и грузится в сцену целиком. Сцена - это весь уровень или его сегмент (локация). Создаётся целиком в 3D-редакторе и загружается также целиком и до начала игры.
    2. Все что двигается (динамика) - это объекты взаимодействия 3D-сцены, которые обрабатываются кодом (контролирующим законы взаимодействия). Они также подготавливаются в 3D-редакторе, но по-отдельности: каждый объект - в своём отдельном файле.

    Как делить загрузку:
    1. Грузим уровень в сцену.
    2. Грузим всю динамику, которая должна быть на уровне сразу же после загрузки.
    3. Проставляем все характеристики на динамику (координаты, углы поворота, стартовый кадр анимации, игровые характеристики: сколько энергии и т.д.)
    4. Пускаем пользователя в готовый уровень для начала игры.
    Ответ написан
  • Как удалить emoji из текста?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    function removeInvalidChars(s) {
         return s.replace(/([\uE000-\uF8FF]|\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDDFF])/g, '');
    }
    Ответ написан
    Комментировать
  • Как перекодировать utf-8 в windows-1251 на javascript?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Кодировка файла: UTF-8
    Кодировка страницы: windows-1251
    var DMap = {0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, 14: 14, 15: 15, 16: 16, 17: 17, 18: 18, 19: 19, 20: 20, 21: 21, 22: 22, 23: 23, 24: 24, 25: 25, 26: 26, 27: 27, 28: 28, 29: 29, 30: 30, 31: 31, 32: 32, 33: 33, 34: 34, 35: 35, 36: 36, 37: 37, 38: 38, 39: 39, 40: 40, 41: 41, 42: 42, 43: 43, 44: 44, 45: 45, 46: 46, 47: 47, 48: 48, 49: 49, 50: 50, 51: 51, 52: 52, 53: 53, 54: 54, 55: 55, 56: 56, 57: 57, 58: 58, 59: 59, 60: 60, 61: 61, 62: 62, 63: 63, 64: 64, 65: 65, 66: 66, 67: 67, 68: 68, 69: 69, 70: 70, 71: 71, 72: 72, 73: 73, 74: 74, 75: 75, 76: 76, 77: 77, 78: 78, 79: 79, 80: 80, 81: 81, 82: 82, 83: 83, 84: 84, 85: 85, 86: 86, 87: 87, 88: 88, 89: 89, 90: 90, 91: 91, 92: 92, 93: 93, 94: 94, 95: 95, 96: 96, 97: 97, 98: 98, 99: 99, 100: 100, 101: 101, 102: 102, 103: 103, 104: 104, 105: 105, 106: 106, 107: 107, 108: 108, 109: 109, 110: 110, 111: 111, 112: 112, 113: 113, 114: 114, 115: 115, 116: 116, 117: 117, 118: 118, 119: 119, 120: 120, 121: 121, 122: 122, 123: 123, 124: 124, 125: 125, 126: 126, 127: 127, 1027: 129, 8225: 135, 1046: 198, 8222: 132, 1047: 199, 1168: 165, 1048: 200, 1113: 154, 1049: 201, 1045: 197, 1050: 202, 1028: 170, 160: 160, 1040: 192, 1051: 203, 164: 164, 166: 166, 167: 167, 169: 169, 171: 171, 172: 172, 173: 173, 174: 174, 1053: 205, 176: 176, 177: 177, 1114: 156, 181: 181, 182: 182, 183: 183, 8221: 148, 187: 187, 1029: 189, 1056: 208, 1057: 209, 1058: 210, 8364: 136, 1112: 188, 1115: 158, 1059: 211, 1060: 212, 1030: 178, 1061: 213, 1062: 214, 1063: 215, 1116: 157, 1064: 216, 1065: 217, 1031: 175, 1066: 218, 1067: 219, 1068: 220, 1069: 221, 1070: 222, 1032: 163, 8226: 149, 1071: 223, 1072: 224, 8482: 153, 1073: 225, 8240: 137, 1118: 162, 1074: 226, 1110: 179, 8230: 133, 1075: 227, 1033: 138, 1076: 228, 1077: 229, 8211: 150, 1078: 230, 1119: 159, 1079: 231, 1042: 194, 1080: 232, 1034: 140, 1025: 168, 1081: 233, 1082: 234, 8212: 151, 1083: 235, 1169: 180, 1084: 236, 1052: 204, 1085: 237, 1035: 142, 1086: 238, 1087: 239, 1088: 240, 1089: 241, 1090: 242, 1036: 141, 1041: 193, 1091: 243, 1092: 244, 8224: 134, 1093: 245, 8470: 185, 1094: 246, 1054: 206, 1095: 247, 1096: 248, 8249: 139, 1097: 249, 1098: 250, 1044: 196, 1099: 251, 1111: 191, 1055: 207, 1100: 252, 1038: 161, 8220: 147, 1101: 253, 8250: 155, 1102: 254, 8216: 145, 1103: 255, 1043: 195, 1105: 184, 1039: 143, 1026: 128, 1106: 144, 8218: 130, 1107: 131, 8217: 146, 1108: 186, 1109: 190}
    
    function unicodeToWin1251_UrlEncoded(s) {
        var L = []
        for (var i=0; i<s.length; i++) {
            var ord = s.charCodeAt(i)
            if (!(ord in DMap))
                throw "Character "+s.charAt(i)+" isn't supported by win1251!";
            L.push('%'+DMap[ord].toString(16));
        }
        return L.join('').toUpperCase();
    }
    alert(decodeURIComponent(unicodeToWin1251_UrlEncoded('тест'))); //тест
    Ответ написан
  • Как правильно отдавать статику?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Когда необходимо контролировать поведение объекта посредством JS или картинка - это часть контента - img, иначе - div background
    Ответ написан
    Комментировать
  • Как вывести дополнительную информацию при наведение на объект мышкой?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Сделано там на Raphael.js
    Почитайте API и все.
    dmitrybaranovskiy.github.io/raphael/reference.html...
    Еще такой код могу предложить:
    var div = document.createElement('div');
             var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0)
             var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)
             div.style.width=Math.min(w/2,300)+'px';
             div.style.position='fixed';
             div.style.textAlign='center';
             div.name='popup';
             div.id='popup';
             div.className='popup';
             div.style.margin=0;
             div.style.padding='25px 25px 25px 25px'; 
             div.style.background='#808080';
             div.style.top=(h/4)+'px';
             div.style.left=(w/2)-((Math.min(w/2,300)/2)+25)+'px';
             div.innerHTML='Press Ctrl+D (&#8984;+D in Mac OS) for adding this page to Favorites<br><br><br><a class="linkbutton" href="javascript:" onClick=popup.parentNode.removeChild(popup)>&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;</a>';
             document.body.insertBefore(div, document.body.firstChild);
    Ответ написан
    Комментировать
  • Не получается спарсить страницу HTML на PHP с помощью Curl?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Отвечу немного краем: лучше использовать parser-прослойку, обрабатывающую JS и вызывать его из PHP.
    Например, тот же phantom.js/casper.js/nightmare.js
    https://github.com/segmentio/nightmare
    Отладка запросов и ответов: Fiddler
    Ответ написан
    Комментировать
  • Как разрабатывать сайты в облаке фрилансеру?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Очевидно, что это git.
    И я удивлен от ответов и комментариев. Похоже на троллинг, если честно.
    OnYourLips, очевидно всем, кто работает в веб-деве,
    что git - НЕ ЯВЛЯЕТСЯ ЗАМЕНОЙ веб-серверу или хост-площадке/VDS/VPS
    для работы над кодом. GIT - служит для синхронизации файлов проекта! Вот это точно 100%-ый троллинг!
    Ставить тучу софта на тучу ПК - это тоже не вариант!
    -----------------------------------------------
    >>>>>> VDS+SSH <<<<<<
    На VDS поднимаем всё, что необходимо: Денвер/XAMPP или VirtualBox, GIT, Vagrant, SSH и работаем через SSH.
    1. Для разработки нужно:
    1.1 или портативная скоростная DEV-флешка (xampp,lamp,vagrant)
    1.2 или VDS+SSH.
    2. Для синхронизации и хранения: SFTP или GIT на VDS (при работе в команде)

    PS: (как альтернатива) Денвер может ставиться на USB/HDD-флешку и запускаться с неё, про XAMPP - я не знаю: вполне возможно, что тоже может.
    Про Vagrant - также нет информации на запуск с переносного сменного носителя, но тут в любом случае нужно USB3.0 и скоростную флешку + бэкап, например, в GIT, кстати!))
    Ответ написан
    2 комментария
  • Как узнать время затраченное на верстку?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    https://www.chronolapse.com/
    Запускаете screen-shotter и потом вычитаете из текущего времени начальное.
    Получаете и видео, и время выполнения.
    Ответ написан
    Комментировать
  • Как грамотно использовать позиционирование элементов при различных разрешениях экрана?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Вообще, такие вещи делаются в SVG или канвасе. Но если нужна именно картинка - можно сделать через:
    1. Относительное масштабирование кликабельной зоны, наложенной на изображение.
    При этом - можно организовать "фонарик" или бордер на изображение, выделяя элемент на который навели курсор. Что-то вроде 2D raycasting.

    2. Также можно создать слой под слоем ("пирог") через z-index, нарезав кликабельные куски изображений и вставив их в каждый слой с абсолютным ПРОЦЕНТНЫМ! смещением внутри контейнера. Будет что-то вроде сегментированной аппликации и в целом - получите ту же самую картинку с нужным функционалом.
    Ответ написан
  • AdBlock зачем ты так?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    подмножество "adv" входит в множества "advanced" и "advertisement"
    НО!!! Это еще "цветочки"... )))
    Вот когда они включат обученную нейросеть - класс и разметка уже могут быть любыми:
    если веса по нейронам совпадут - контент будет расценен как рекламный и скрыт моментально.))))
    Ответ написан
    Комментировать
  • Как делать декомпрессию gz-файлов на стороне клиента?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    При отдаче статического контента Ваш бесплатный хостинг должен поддерживать сжатие контента. Если он не поддерживает - то нативно никак.
    Только надстройками:
    1. https://github.com/nodeca/pako
    Сжатие контента:
    2. https://github.com/beatgammit/gzip-js
    3. https://github.com/Stuk/jszip
    Ответ написан
    Комментировать
  • Какой плеер для онлайн-кинотеатра эффективнее?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    jwplayer - считаю самым продвинутым для этих целей.
    Ответ написан
  • Возможно ли парсить страницу Javascript'ом и сохранять ее результаты?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    1. По всем пунктам - ответ: ДА.
    2. Насколько оправдано? - зависит от преследуемой Вами цели.
    Нужно помнить, что никогда нельзя доверять клиентской информации.
    Если это нужно пользователям вашего сервиса/сайта или пользователи, отправляющие информацию на ваш сервер - доверенные лица, тогда ДА - это оправдано. Иначе - НЕТ.
    Ответ написан
    Комментировать