• Как собрать массив по условию?

    e_svirsky
    @e_svirsky
    Web Developer
    в такой нельзя - в массиве не может быть элементов с одинаковым ключом на одном уровне вложенности:
    [Свойство элемента]
    Ответ написан
    4 комментария
  • Построить данную сетку на :flex - возможно?

    @Fetur
    В карман за ответом не полезу
    Можно сделать как ты хочешь через float и все в одном родителе. Решение выкладывать не буду, слишком легко, сам справишься.
    Ответ написан
    2 комментария
  • Построить данную сетку на :flex - возможно?

    @chirskiy_mixail
    Очень давно занимаюсь версткой, имею огромный опыт
    Например так
    https://jsfiddle.net/aw1yykt1/

    Ну если под адаптивку, нужно подумать будет, это под фиксированные размеры)
    Ответ написан
    1 комментарий
  • Как настроить поведение элементов при таче на мобильных устройствах, как hover на десктопных?

    @chirskiy_mixail
    Очень давно занимаюсь версткой, имею огромный опыт
    Mopkoff-ka Вы не правы, по умолчанию, если вы делаете :hover через CSS, то на мобилках 1 клик, будет именно :hover, а 2 уже переход по ссылке, как я считаю, делать доп. клик чтобы что то подсветить, это не есть гуд, потому я использую modernizr, для того чтобы определить есть поддержка touch или нет, и завязываю класс на .no-touch :hover. таким образом, как раз клик отработает сразу.
    А вообще, правильно я считаю, если у вас что то подсвечивается, на мобилке сразу показывать так, ну и т д. ну двойной клик, как вы привели пример в drom.ru и меняется фон, это не гуд. Пользователю не интересен ваш фон, ему нужно четкое выполнение его требований, нажал на ссылку, перешел куда надо, а не увидел красивый фон.
    Ответ написан
    3 комментария
  • Редирект при множественном "///"?

    shambler81
    @shambler81 Куратор тега htaccess
    RewriteCond %{THE_REQUEST} //
    RewriteRule .* /$0 [R=301,L]

    - единственный нормально работающий способ.
    А вот тебе в добавок дополнительные, тут доп исключения.

    ############################################################################
    #### Cтандартный .htaccess для проектов студии Клондайк, версия 2.4     ####
    ############################################################################
    RewriteEngine On
       #  Директива включает редиректы.
    RewriteBase / 
       # Без директивы (.*) = /$1 будет /var/wwww/site/web/$1  с директивой  = /$1
    Options +FollowSymLinks
       # Разрешает переход по символическим ссылкам.
    
    ############################################################################
    #### Перенаправляем протокол https на http                              ####
    ############################################################################
    RewriteCond %{HTTPS} on
       # Проверяем наличие https в URL.
    RewriteRule ^.*$ http://%{SERVER_NAME}%{REQUEST_URI}
       # Перенаправляем протокол на http.
    
    ############################################################################
    #### Выбор основного зеркала (или с www или без www)                    ####
    ############################################################################
       # 1. Редирект с www на без www. (раскоментировать директивы пункта 1)
    #RewriteCond %{HTTP_HOST} ^www\.(.*) [NC]
       # Проверяем, содержит ли домен www (в начале URL).
    #RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
       # Перенаправляем URL на домен без www.
    ####
       # 2. Редирект без www на www. (раскоментировать директивы пункта 2)
    #RewriteCond %{HTTP_HOST} !^www\.(.*) [NC]
       # Проверяем, не содержит ли домен www (в начале URL).
    #RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]
       # Перенаправляем URL на домен c www.
    
    ############################################################################
    #### Убираем повторяющиеся слеши (/) в URL                              ####
    ############################################################################
    RewriteCond %{THE_REQUEST} //
       # Проверяем, повторяется ли слеш (//) более двух раз.
    RewriteRule .* /$0 [R=301,L]
       # Исключаем все лишние слеши.
    
    ############################################################################
    #### Убираем слеши в конце URL для статических файлов (содержит точку)  ####
    ############################################################################
    RewriteCond %{REQUEST_URI} \..+$  
       # Если файл содержит точку.
    RewriteCond %{REQUEST_FILENAME} !-d   
       # И это не директория.
    RewriteCond %{REQUEST_FILENAME} -f
       # Является файлом.
    RewriteCond %{REQUEST_URI} ^(.+)/$      
       # И в конце URL есть слеш.
    RewriteRule ^(.+)/$ /$1 [R=301,L]     
       # Исключить слеш.
    
    ############################################################################
    #### Добавляем слеш(/), если его нет, и это не файл.                    ####
    ############################################################################
    RewriteCond %{REQUEST_URI} !(.*)/$
       # Если слеша в конце нет.
    RewriteCond %{REQUEST_FILENAME} !-f
       # Не является файлом.
    RewriteCond %{REQUEST_URI} !\..+$
       # В URL нет точки (файл).
    RewriteRule ^(.*)$ $1/ [L,R=301]
       # Добавляем слеш в конце.
    
    ############################################################################
    #### Убираем index.php, если он есть в конце URL                        ####
    ############################################################################
    RewriteCond %{REQUEST_METHOD} =GET
       # Выявляем GET запрос в URL (не POST).
    RewriteCond %{REQUEST_URI} ^(.*)/index\.php$
       # URL cодержит index.php в конце.
    RewriteRule ^(.*)$ %1/ [R=301,L]
       # Удалить index.php из URL.
    
    ############################################################################
    #### Компрессия статического контента для гугл  спид тест               ####
    ############################################################################
    <IfModule mod_deflate.c>
      # Compress HTML, CSS, JavaScript, Text, XML and fonts
      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 3 day"
      ExpiresByType image/svg "access plus 3 day"
      ExpiresByType image/gif "access plus 3 day"
      ExpiresByType image/png "access plus 3 day"
      ExpiresByType text/javascript "access plus 3 day"
      ExpiresByType text/css "access plus 3 day"
      ExpiresByType application/javascript "access plus 3 day"
    </IfModule>
    ############################################################################
    #### Конец общей части, далее следует собственные директивы .htaccess   ####
    ############################################################################
    Ответ написан
    1 комментарий
  • Sass по бему или верность мысли?

    @timfcsm
    если ты хочешь совсем от каскада избавиться, то надо каждому элементу модификатор добавлять... но это уже из области бреда. Если у тебя от модификатора блока зависят стили элементов, то сделать один уровень вложенности - нормальное решение.. класс блока, кстати, можно в переменную сохранить, чтоб в таком случае постоянно не копипастить
    Ответ написан
    Комментировать
  • Слайдер swiper(любой) и Object Flash внутри. Запуск по смене слайда, возможно?

    alexvoz
    @alexvoz
    Flash-developer
    Флеш роликом можно управлять с помощью js (см. ExternallInterface). Функции начала проигрывания и сброса надо изначально прописать во флеш роликах. Потом по событиях слайдера вызывать их из js.
    Ответ написан
    Комментировать
  • Такой код будет правильным?

    Deonisius
    @Deonisius
    Родился в 11110110111 году, 11000 января.
    Особо беспокоится не нужно. По сути, сценарий метода закончится не начавшись, т.к. "анимируемое свойство" элемента, уже будет в финальной его стадии. А вот ваш код, можно было бы слегка оптимизировать.
    1. Так как методы должны применяться только, если ширина окна меньше 768px, то условие хорошо бы сделать до установки обработчика события.
    2. Кешировать элемент(ы) '.iconset-phone', дабы при каждом срабатывании события, не приходилось выполнять их поиск на странице
    В общем, можно сделать как-то так:
    $(function() {
        if ($(window).width() < 768) {
            var iconset = $('.iconset-phone');
            $(window).on('scroll', function() {
                iconset[$(this).scrollTop() > 0 ? 'slideUp' : 'slideDown']();
            });
        }
    });
    Ответ написан
    Комментировать
  • Как сверстать подобную выямку под кнопку?

    @kuatmus
    codepen.io/kuatmus/pen/dGzzEe как то так
    Ответ написан
    Комментировать
  • Как сверстать параметр наложения: multiply?

    @GreatRash
    Смотря какие браузеры вам надо поддерживать. Если только новейшие и, допустим, без мобилок, то можно сверстать при помощи SVG и его фильтров. Иначе - картинка, как и советует Денис Инешин
    Ответ написан
    1 комментарий
  • Как сверстать параметр наложения: multiply?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Multiply наложение сверстать нельзя. Сливайте в одну картинку.
    Ответ написан
    Комментировать
  • Верстка адаптива или как менять блоки местами?

    andykov
    @andykov
    Shit happens
    Для такой сетки используйте masonry.desandro.com либо flexbox, в нем есть полезное свойство order которое перемещает элементы, при этом разметка может быть какой угодно.
    Ответ написан
    2 комментария
  • Верстка адаптива или как менять блоки местами?

    @antonowano
    Профессиональный самоучка
    посмотри как сделано в uikit flex
    Ответ написан
    Комментировать