25 правил .htaccess, которые должен знать каждый web-разработчик
Прежде чем мы начнем, обращаю ваше внимание на тот факт, что злоупотребление использованием .htaccess может привести к снижению производительности вашего сайта. Главное правило: использовать .htaccess для реализации той или иной задачи стоит только в том случае, если нет других вариантов. Убедитесь в том, что вы сделали резервную копию оригинального файла .htaccess для вашего сайта, прежде чем вносить какие-либо изменения. Кроме того, […]
Включить показ предупреждений и ошибок PHP
Включение вывода всех ошибок и предупреждений в файле php.ini error_reporting = E_ALL display_errors = On display_startup_errors = On Включение вывода всех ошибок и предупреждений в коде PHP-скриптов Включить вывод уведомлений и предупреждений можно, добавив в начало нужного .php файла следующие строки: ini_set('error_reporting', E_ALL); ini_set('display_errors', 1); ini_set('display_startup_errors', 1); Включение вывода всех ошибок и предупреждений в файле […]
CSS3: анимация на примере вращения картинки вокруг своей оси
CSS3 крутая вещь, круче не придумать 😉 анимировать будем при наведении мыши на картинку @keyframes rotate{ /* создаем анимацию и даем ей имя (rotate например) */ /* дальше задаем положение в начале и в конце */ from { /* для анимации используем трансформацию вращение есть ешё сдвиг translate(x,y) и увеличение scale(z) */ transform: rotate(0); /* […]
Переадресация с www на не-www средствами .htaccess
Переадресация с домена с www на домен без www: RewriteEngine On RewriteBase / RewriteCond %{https_HOST} ^www.example.com [NC] RewriteRule ^(.*)$ https://example.com/$1 [L,R=301] Переадресация с домена без www на домен с www: RewriteEngine On RewriteBase / RewriteCond %{https_HOST} ^example.com [NC] RewriteRule ^(.*)$ https://www.example.com/$1 [L,R=301]
Горизонтальный слайдер изображений на чистом CSS
Адаптивный слайдер-аккордеон изображений, построенный исключительно на технологиях CSS/CSS3, позволяет горизонтально расширять изображение при наведении на него курсора мыши. На небольших экранах, таких как мобильные устройства, слайдер будет преобразован в вертикальный список изображений. HTML Код <div class="accordion"> <ul> <li> <div> <a href="#"> <h2>Title 1</h2> <p>Description 1</p> </a> </div> </li> <li> <div> <a href="#"> <h2>Title 2</h2> <p>Description […]
Как гарантировано закомментировать любой кусок HTML?
Возник интересный, и как выяснилось, нетривиальный вопрос. Необходимо вставить строки в html текст таким образом чтобы закомментировать произвольный блок с любым валидным содержанием. Вариант 1. Пишем естественно: <!— тут наш код для отключения —> И сразу облом: Разрешается внутрь комментария добавлять другие теги, вложенные комментарии (когда один комментарий расположен внутри другого) не допустимы. Наш комментарий […]
HTML символы, таблица спецсимволов в формате HTML
В данной статье представлены наиболее востребованные и популярные спецсимволы в формате HTML для использования на веб-страницах при вёрстке текста. Наиболее востребованные символы это: стрелки, значки, обозначение валют. При форматировании текста, как SEO-специалисту, так и верстальщику обязательно потребуются символы в формате HTML — длинное тире (вместо минуса на клавиатуре), кавычки-ёлочки (вместо прямых на клавиатуре) и ряд […]
Выравнивание таблицы по центру
Время от времени на HTML страничках наблюдаю такую конструкцию: <center> <table> … </table> </center> Так делать неправильно — тег center устаревший и не рекомендуется с употреблению: The CENTER element is exactly equivalent to specifying the DIV element with the align attribute set to «center». The CENTER element is deprecated [p.38] .