• Можно ли в :after content вставить другой div?

    MrDecoy
    @MrDecoy Куратор тега CSS
    Верставший фронтендер
    div - нет.
    Максимум что можно это вставить значение какого-то html-атрибута через функцию attr.
    Но даже если написать там хтмл, то вставится всё равно строкой.
    Ответ написан
    1 комментарий
  • Можно ли поменять regexp так, чтобы сработало ограничение на кол-во пробелов?

    @Azperin
    Дилетант
    Могу предложить такой костыль. Возможно с какими-нибудь масками лучше получится
    <textarea id="txt" ></textarea>
    <script>
    document.getElementById('txt').addEventListener('input', (e) => {
    	let sel = e.target.selectionEnd;
    	e.target.value = e.target.value.replace(/[^?!;:(),.'"«»А-ЯЁA-Z\d\s]/gim, '').replace(/ {2,}/g, ' ');
    	if (e.target.selectionEnd - 1 > sel) {
    		e.target.selectionEnd = sel - 1;
    	};
    });
    Ответ написан
    6 комментариев
  • Правильный ли у меня .htaccess?

    shambler81
    @shambler81 Куратор тега htaccess
    ############################################################################
    #### настройки php 										                ####
    ############################################################################
    php_value max_execution_time 500
    php_value max_input_time 500
    php_value upload_max_filesize 30M
    php_value post_max_size 30M
    Options -Indexes
    AddCharset utf-8 .js
    ErrorDocument 403 /error/404
    ErrorDocument 404 /error/404
    
    ############################################################################
    #### Компрессия статического контента для гугл  спид тест               ####
    ############################################################################
    <IfModule mod_deflate.c>
      AddType image/svg+xml .svg
      AddOutputFilterByType DEFLATE image/svg+xml  
      AddOutputFilterByType DEFLATE application/rss+xml
      AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
      AddOutputFilterByType DEFLATE application/x-font
      AddOutputFilterByType DEFLATE application/x-font-opentype
      AddOutputFilterByType DEFLATE application/x-font-otf
      AddOutputFilterByType DEFLATE application/x-font-truetype
      AddOutputFilterByType DEFLATE application/x-font-ttf
      AddOutputFilterByType DEFLATE application/x-javascript
      AddOutputFilterByType DEFLATE application/xhtml+xml
      AddOutputFilterByType DEFLATE application/xml
      AddOutputFilterByType DEFLATE font/opentype
      AddOutputFilterByType DEFLATE font/otf
      AddOutputFilterByType DEFLATE font/ttf
      AddOutputFilterByType DEFLATE image/svg+xml
      AddOutputFilterByType DEFLATE image/x-icon
      AddOutputFilterByType DEFLATE text/css
      AddOutputFilterByType DEFLATE text/html
      AddOutputFilterByType DEFLATE text/javascript
      AddOutputFilterByType DEFLATE text/plain
      AddOutputFilterByType DEFLATE text/xml
      AddOutputFilterByType DEFLATE image/svg+xml
    </IfModule>
    <IfModule mod_expires.c>
      ExpiresActive on
      ExpiresByType image/jpeg "access plus 1 year"
      ExpiresByType image/svg "access plus 1 year"
      ExpiresByType image/gif "access plus 1 year"
      ExpiresByType image/png "access plus 1 year"
      ExpiresByType text/javascript "access plus 1 year"
      ExpiresByType text/css "access plus 1 year"
      ExpiresByType application/javascript "access plus 1 year"
      ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
      ExpiresByType application/x-font-ttf "access plus 1 year"
      ExpiresByType application/x-font-opentype "access plus 1 year"
      ExpiresByType application/x-font-woff "access plus 1 year"
      ExpiresByType image/svg+xml "access plus 1 year"
    </IfModule>
      <IfModule mod_headers.c>
      <filesmatch "\.(ico|flv|jpg|jpeg|webp|png|gif|css|swf|woff|pdf)$">
        Header set Cache-Control "max-age=31536000, public"
      </filesmatch>
      <filesmatch "\.(html|htm)$">
        Header set Cache-Control "max-age=7200, private, must-revalidate"
      </filesmatch>
      <filesmatch "\.(pdf)$">
        Header set Cache-Control "max-age=86400, public"
      </filesmatch>
      <filesmatch "\.(js|otf|ttf|woff|woff2)$">
        Header set Cache-Control "max-age=31536000, private"
      </filesmatch>
      </IfModule>
    ############################################################################
    ####  Редиректы и прочее               ####
    ############################################################################
    
    <IfModule mod_headers.c>
        RequestHeader set X-Prerender-Token "КОД ТОКЕНА"
        RequestHeader set X-Prerender-Version "prerender-apache@2.0.0"
    </IfModule>
    
    RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteCond %{HTTP:X-Forwarded-Proto} !https
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
    
    RewriteCond %{HTTP_HOST} ^www.site.ru$ [NC]
    RewriteRule ^(.*)$ httpы://site.ru/$1 [R=301,L]
    
    <IfModule mod_proxy_http.c>
            RewriteCond %{HTTP_USER_AGENT} googlebot|bingbot|yandex|baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|quora\ link\ preview|showyoubot|outbrain|pinterest\/0\.|pinterestbot|slackbot|vkShare|W3C_Validator|whatsapp [NC,OR]
            RewriteCond %{QUERY_STRING} _escaped_fragment_
            RewriteCond %{REQUEST_URI} ^(?!.*?(\.js|\.css|\.xml|\.less|\.png|\.jpg|\.jpeg|\.gif|\.pdf|\.doc|\.txt|\.ico|\.rss|\.zip|\.mp3|\.rar|\.exe|\.wmv|\.doc|\.avi|\.ppt|\.mpg|\.mpeg|\.tif|\.wav|\.mov|\.psd|\.ai|\.xls|\.mp4|\.m4a|\.swf|\.dat|\.dmg|\.iso|\.flv|\.m4v|\.torrent|\.ttf|\.woff|\.svg))
            RewriteRule ^(index\.html|index\.php)?(.*) https://service.prerender.io/https://site.ru/$2 [P,END]
    </IfModule>
    
    ############################################################################
    #### ЧПУ сайта  										                ####
    ############################################################################
    
    RewriteCond %{SCRIPT_FILENAME} !-f
    RewriteCond %{SCRIPT_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !router.php$
    RewriteRule ^(.*)$ router.php/$1

    Однако я вижу у вас мод прокси, он очень редко используется, я бы не рекомендовал его использовать.
    Вместо этого в 404.php впишите php proxy
    это будет куда более ожидаемое действие а так же там можно делать str_replace и тд.
    Ответ написан
    3 комментария
  • Как сверстать моб. версию сайта для разных экранов с высокой плотностью пикселей на дюйм?

    https://developer.mozilla.org/en-US/docs/Mozilla/M...
    Это для того чтобы ретина не была крохотной
    А вот по поводу
    Можно ли задать css в px, не прибегая к vh, vw, vmin, vmax, em, rem, так, что бы на всех смартфонах получалась одинаковая картина?

    Смотри у тебя есть экран 320 пикселей и 480 каким образом не прибегая к относительным размерам ты хочешь получить одинаковый вид задавая размер в пикселах?

    Почитай про css media query, image set отзывчивый дизайн и резиновый дизайн и используй все это
    Ответ написан
    3 комментария
  • Как поисковики относятся к ajax сайтам в 2020 году?

    Jokerpoker
    @Jokerpoker
    Интересные решения
    1. Обычно сайты на Ajax не имеют полного содержимого в исходном коде, все написано и подключено на скриптах библиотеках.

    2. Для того что бы сайт индексировался хорошо, делают SSR.

    Увы, еще не все совсем так гладко(
    Ответ написан
    Комментировать
  • Как устранить проблему с редиректом в .htaccess?

    shambler81
    @shambler81 Куратор тега htaccess
    нет это не из за этого, скорее всего ошибка из за редиркта https
    а в нем ошибка из за ошибки конфигурации nginx+apache ( все маны в интернете имеют эту ошибку)
    как проверить
    https://bertal.ru/
    закидывайте свой урл и смотрите что именно в цикле
    Ответ написан
    Комментировать
  • Как лучше разбить заголовок H1 с точки зрения SEO?

    Grinvind
    @Grinvind
    Помогаю увеличивать трафик с поисковых систем
    Вот сервис проверки на пассажи. То, о чём вы говорите на пассажи не бьёт, так что можете делать, как вам удобнее)
    Ответ написан
    1 комментарий
  • Как запустить jquery функцию максимально быстро?

    bepack
    @bepack
    Погружаюсь в мир JavaScript
    в head
    Preloader();

    Но, вы же понимаете что у вас $(document).ready, ждет прогрузки всего DOM, и что это значит и зачем?
    Ответ написан
    1 комментарий
  • Как лучше разбить заголовок H1 с точки зрения SEO?

    PageAuditRU
    @PageAuditRU
    Senior SEO Анализатор
    BR не является блочным тегом и не бьёт пассажи.
    Можно использовать, "проверено электроникой" (с).
    Ответ написан
    Комментировать
  • Как лучше разбить заголовок H1 с точки зрения SEO?

    @granty
    С точки зрения "old school" SEO:
    - Тег < br> (и все блочные теги) разрывает пассаж (Lexical Spans в терминологии Яндекса).
    - Если два слова запроса находятся в разных пассажах, это увеличивает расстояние между ними.
    - Слова ищутся в пределах всего документа, но в зависимости от расстояния между словами, они вносят разный вклад в конечную общую релевантность.

    Раньше даже перенос слова через дефис '-' рвал пассаж - Яндекс просто не понимал этого слова. Но он правильно понимал переносы по & shy;

    spoiler
    Раньше точное вхождение запроса в пассаж проверяли по подсветке слов в кэше Яндекса, но потом Яндекс стал обманывать сеошников.
    Также, Яндекс делает переколдовку (переформулировку) реального запроса с использованием синонимов и расширением запроса (добавлением новых слов) - это сильно затрудняет анализ вхождений.
    До того, как Яндекс объявил войну сешникам, переколдовку, веса слов и их "контрастность" можно было посмотреть. Возможно "старые" сеошники знают как посмотреть вхождение запроса в пассажи, но они больше не выносят это в паблик.

    Можно, конечно, "запилить" эксперимент (он займёт пару месяцев), но проще тупо не использовать < br> в заголовке. Задействуйте CSS для этих целей.
    Ответ написан
    1 комментарий
  • Тег P и H1. Как их писать правильно с точки зрения SEO?

    PageAuditRU
    @PageAuditRU
    Senior SEO Анализатор
    Разница есть: в первом случае Вы получите 3 предложения, каждое с ключом, а во втором - одно предложение с тремя ключами ибо тег <br> лишь визуально форматирует контент, но не разбивает текст на пассажи.
    Я бы рекомендовал не использовать <br>, чтобы исключить элемент неопределённости при продвижении.
    Ответ написан
    Комментировать
  • Тег P и H1. Как их писать правильно с точки зрения SEO?

    firedragon
    @firedragon
    Не джун-мидл-сеньор, а трус-балбес-бывалый.
    Нет правил SEO, об этом постоянно пишут поисковики, они настаивают на семантической модели.
    Заголовки предназначены для формирования структуры документа, параграфы для блоков текста, болд для выделения важных логически частей текста.

    Все остальное хаки, которые могут действовать, а могут и нет.
    Ответ написан
    2 комментария
  • Как быть с поддоменами?

    irishmann
    @irishmann
    Научись пользоваться дебаггером
    Кончай мучать труп, оставь денвер. Раньше www использовался в адресах, в Денвере он остался с тех пор.
    upd. По теме, почему бы не сделать адаптивный дизайн?
    Ответ написан
    2 комментария
  • Слайдер вложенный в слайдер. Как сделать чтобы css не распространялся на вложенный?

    wqertAnna
    @wqertAnna
    Вот так должно работать

    .SliderPanel > .slick-list >.slick-track > .slick-slide {
      display: block;
      opacity: .1;
      transition-delay: 0s;
      transition-duration: 0.2s;
      transition-property: opacity;
      transition-timing-function: ease-out;
    }
    
    .SliderPanel > .slick-list > .slick-track > .slick-current {  
      display: block;
      opacity: 1;
      transition-delay: 0.3s;
      transition-duration: 0.2s;
      transition-property: opacity;
      transition-timing-function: ease-in;
    }
    Ответ написан
  • Можно ли узнать id перекрытого div другим div?

    RAX7
    @RAX7
    Берешь getBoundingClientRect() у каждого блока и считаешь какие из них пересекаются с нужным тебе блоком
    Ответ написан
    Комментировать
  • Как подсчитать изображения, которые не поместились в div с overflow: hidden?

    rockfeeler
    @rockfeeler
    Фронтендер, дизайнер, верстальщик-перфекционист
    Кто не поместился в высоту, тот и в пролете. Примерно так:

    Ответ написан
    Комментировать