• Как при наведении на картинку сделать эффект затемнения?

    HamSter007
    @HamSter007
    HTML/CSS верстальщик
    Стандартно же, на любом сайте можно посмотреть реализацию.

    Обертка или ссылка, внутри изображение:

    <a href="#" class="img__link"> <img src="path" /></a>


    дальше используются псевдоэлементы:

    a { display: block; position: relative; }
    
    a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5);  opacity: 0; }
    
    a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(icon-path); opacity: 0; }
    
    a:hover:before,
    a:hover:after { opacity: 1; }


    Второй вариант (больше подходит если вн. есть еще и текст описание):

    <a href="#" class="img__link"> 
      <img src="path" />
      <span class="img__mask"><i class="img__icon"></i></span>
    </a>


    Стили примерно те же:

    a { display: block; position: relative; }
    
    .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5);  opacity: 0; }
    
    a:hover:after {
      opacity: 1;
    }
    Ответ написан
    1 комментарий
  • Как убрать повторяющиеся слэши в .htaccess?

    @ZardoZAntony
    программист, сис. админ
    #убираем лишние слеши
        RewriteCond %{REQUEST_URI} ^(.*?)\/{2,}(.*?)$
        RewriteRule . %1/%2 [L,R=301]
        RewriteCond %{THE_REQUEST} //
        RewriteRule .* /$0 [R=301,L]
    Ответ написан
    7 комментариев
  • Изменение ленты RSS после смены CMS?

    deniscopro
    @deniscopro Куратор тега WordPress
    WordPress-разработчик, denisco.pro
    Вероятно, попробовать установить соответствующие плагины:

    Или поискать аналоги, если эти не помогут.
    Ответ написан
    2 комментария
  • Post и Get запросы, какая между ними разница и что лучше и для каких целей?

    socengel
    @socengel
    7 лет native php в продакшене, онлайн 20000+,
    Общего между ними то что они работают одинаково. Разницы между ними технически никакой. А вот идеологические различия есть.

    Я расскажу о них в контексте PHP. Прошу заметить что протокол HTTP к PHP имеет косвенное отношение потому что он создавался для обмена html страницами а PHP просто расширяет возможности и того и другого.

    GET запрос используется чтобы получить данные а POST чтобы отправить. (Напоминаю что технически они работают одинаково).

    Поэтому в контексте PHP опираясь на эту идеологию сделали следующим образом:
    1. При каждом запуске PHP по умолчанию создаются суперглобальные массивы ($_GET, $_POST).
    2. Если в строке запроса есть вопросительный знак(?). То все что после него считается параметрами GET запроса они представлены в формате 'ключ'='значение' и в качестве разделителя используется знак амперсанда (&)
    Пример:
    GET /index.php?name=Андрей&surname=Галкин
    это строка запроса, тут 2 параметра. эти параметры попадут в массив $_GET.
    3. $_POST заполняется другим способом. содержимое этого массива заполняется из "заголовков запроса". То есть из места, скрытого от глаз в явном виде. Всю рутину по созданию таких заголовков берет на себя браузер. Хотя иногда и что-то редактируется в заголовках в ручную.

    Чаще всего пост запрос используется в формах (для отправки данных).

    Например у нас есть форма для входа 2 поля логин и пароль.

    Представим что мы используем GET метод. Тогда при отправке формы мы перейдем на следующий адрес /login.php?login=Андрей&password=123 согласитесь что так передавать такую информацию совсем не безопасно. Любой может открыть ваш браузер и начиная вводить адрес сайта он из истории может увидеть ваши пароли и логины.

    А вот если бы мы указали методом POST то мы бы получили следующий запрос:
    POST /login.php (login=Андрей&password=123) то что в скобочках было бы скрыто и никак не сохранено в браузере.

    Теперь другая ситуация например форма поиска. Мы вводим текст и получаем страницу с результатами. Вот тут уместнее GET форма. потому что нам было бы удобно сразу иметь ссылку на результат поиска, то есть добавить в строку запроса можно выразится "Публичные параметры", которыми можно поделиться. И как результат в строке браузера будет конкретная ссылка на текущую страницу. Мы можем ее скопировать, и разместить где-нибудь, или например скинуть другу. И получить при переходе одну и ту же страницу. А не просить других людей зайти на сайт и в поиск вбить определенную фразу чтобы получить необходимую страницу.

    В общем подводя итог:
    GET - это чтобы получить определенную страницу в определенном виде ( сортировка, текущая страница в блоге, строка поиска и т.п. ).
    POST - для оправки данных которые не влияют на отображение страницы, в том плане что эти данные влияют только на результат выполнения скрипта ( логины, пароли, номера кредиток, сообщения и т.п. ).

    И еще одна хорошая новость их можно комбинировать, например
    POST /index.php?page=login (login=Андрей&password=123) Думаю я уже достаточно объяснил что из этого получится и какие параметры в какой массив попадут.
    Ответ написан
    2 комментария
  • Авто путь к файлам sublime text 3, как решить?

    @faradeifrontend
    Использую пробелы для отступов ;)
    Ты перепутал плагины тебе нужен AutoFileName = он для указания путей.
    А autocomplete = если ты использовал какое-то слово, тебе будет его предлагать в будущем.
    Ответ написан
    Комментировать
  • Не работает Gulp, выдает ошибку?

    potapchino
    @potapchino
    var gulp = require('gulp');
    var browserSync = require('browser-sync').create();
    var sass = require('gulp-sass');
    
    gulp.task('sass', function(done) {
        gulp.src("scr/scss/*.scss")
            .pipe(sass())
            .pipe(gulp.dest("scr/css"))
            .pipe(browserSync.stream());
    
    
        done();
    });
    
    gulp.task('serve', function(done) {
    
        browserSync.init({
            server: "src/"
        });
    
        gulp.watch("scr/sass/*.sass", gulp.series('sass'));
        gulp.watch("scr/*.html").on('change', () => {
          browserSync.reload();
          done();
        });
      
    
        done();
    });
    
    gulp.task('default', gulp.series('sass', 'serve'));
    Ответ написан
    5 комментариев