Интересные работы

Свежие записи

Открытие новых вкладок скриптом

Появилась необходимость сделать открытие дополнительной вкладки в браузере без желания на то пользователя. Технически сделать это можно, но только браузеры не разрешат открыться вкладке, если...

Gulp — подробное руководство

Источник — http://webdesign-master.ru/blog/tools/2016-03-09-gulp-beginners.html Видео: Основные ресурсы урока: Node.js: https://nodejs.org/en/ Gulp: http://gulpjs.com/ Bower: http://bower.io/ Browsersync: https://browsersync.io/ Проект-пример из данного урока вы можете посмотреть на GitHub и...

Содержимое файла gulpfile.js

Содержимое файла gulpfile.js для рабочей папки app с билдом в папку dist: Содержимое файла gulpfile.js для рабочей папки app без билда:

Как сделать сетку bootstrap под макет шириной 960px

Для Bootstrap3 можно кастомизировать сетку под 960px с помощью кастомайзера http://getbootstrap.com/customize/. меняем @container-large-desktop с (1140px + @grid-gutter-width) на (940px + @grid-gutter-width). меняем @grid-gutter-width с 30px...

Делаем колонки одинаковой высоты с помощью JS

Есть много способов сделать колонки одинаковой высоты, но самый удобный для меня — с помощью js Высота задается для блоков div внутри родителя с классом...

Создаем всплывающую HTML-форму обратной связи с pop-up окном об успешной отправке

Будет много кода, но он будет весь рабочий, понятный и очень простой. Сделаем всплывающую форму с куки. Сделаем всплывающее окно после успешной отправки. Изначально думал,...

Как сделать сайт на WordPress многоязычным? Мультиязычность для ленивых, используем плагин Google Language Translator

Для мультиязычности сайтов на CMS WordPress я рекомендую использовать плагин Polylang — наиболее удобный, гибкий и простой плагин для создания различных языков на вашем сайте.Единственный...

Валидация HTML-формы без использования скриптов и php

Нашел очень крутой пример валидации HTML-форм без javascript и без HTML, оригинальная статья выложена здесь. Пример можно посмотреть здесь: Код немного упрощенный можно увидеть здесь:...

Убирать или нет Яндекс.Метрику со своих сайтов после введения санкций против Яндекса в Украине?

Как известно, 15 мая указом президента Украины Петра Порошенко были введены санкции против России. Помимо прочего, новые ограничения предполагают блокировку доступа к соцсетям ВКонтакте и...

Выводим список всех категорий со списком записей

На одном из сайтов необходимо было вывести на Главной странице блоками категории, а внутри записи из этих категорий. Нашел такой вполне рабочий код здесь: Переделав...

Выводим записи только определенного формата

Выводим записи только определенного формата

Самый простой вариант файла index.php в шаблоне CMS WordPress

Самый простой вариант файла index.php в шаблоне CMS WordPress

Делаем сортировку постов по произвольному полю

Делаем сортировку постов по произвольному полю «Рейтинг» — выводим вначале посты с наибольшим рейтингом. Произвольное поле rank. Если нужно отсортировать вывод результатов поиска так же...

Настройки плагина ACF - создаем любые поля, но задаем им правила расположения, если Таксономия равна Категории или Тегу:
Выводим кастомные поля с помощью плагина ACF в рубриках и тегах

Задача такая: вывести дополнительные поля для рубрик и для тегов, так как эти таксономии будут использоваться как категории для связи записей по нескольким уровням. Настройки...

Как убрать слаг таксономии из URL кастомной таксономии, категории или тега

Задача такая: Есть у нас кастомные категории для стандартных типов записи (post), называется она Product Category — то есть помимо категории записи, у нас есть...

Можно ли оптимизировать сайт на CMS WordPress для Google PageSpeed Insights

Очень часто в последнее время задают вопрос: Как оптимизировать сайт на CMS WordPress для Google PageSpeed Insights или как увеличить скорость загрузки сайта? Собственно, оптимизировать...

Уникальная форма обратной связи с ajax на php

Самый уникальный скрипт формы обратной связи, из всех, что я встречал, нашел на этой сайте http://webdesign-master.ru/blog/tools/578.html и использую уже очень давно. Выложу здесь коды, чтобы...

Виджеты заблокированных в Украине ресурсов (ВКонтакте, mail.ru, Яндекс и др.) могут навредить сайтам?

Рекомендую удалить все виджеты Яндекса и вКонтакте со своих сайтов из-за блокировки оных интернет-провайдерами в Украине или сделать их асинхронными (об этом ниже). Как известно,...

Делаем Fotorama адаптивной

Очень простой и крутой плагин Fotorama, но он совсем не адаптивный. Например нужно сделать, чтобы на десктопе он был одной высоты и первая картинка пропорционально...

Как разбить запись на несколько страниц с пагинацией

Для длинных записей, которые могут логично разбиваться на несколько блоков, например с нумерацией, или списком фотографий с описаниями, можно сделать пагинацию. Для этого запись разбивается...

Определяем браузер пользователя и подставляем его название в страницу

Задача: Определить браузер пользователя и в документе подставить название его браузера вместо текста, который стоит по умолчанию.

Варианты «clearfix-хака» и его замен: сводная таблица

Сразу напишу, что я использую такой вариант для clearfix: Вдогонку статье о новом значении свойства display, призванном избавить верстальщиков от нужды в clearfix-хаках — своего рода...

Создаем кастомный тип записи (Custom Post Type) с кастомными категориями (Custom Taxonomy)

Создаем кастомный тип записи (Custom Post Type) Articles с кастомными категориями (Custom Taxonomy) Articles Category. В моем случае все стандартные записи — это Товары, поэтому...

После обновления движка, открывается пустая страница и такой url wp-admin/upgrade.php ?_wp_http_referer= %2Fwp-admin%2F

Решение нашел на сайте byheart.ru wp-admin/upgrade.php ?_wp_http_referer= %2Fwp-admin%2F Ошибка wp-admin/upgrade.php ?_wp_http_referer=wp-admin появилась, когда произвел обновление WordPress до очередной версии 4,7. Во время обновления из панели...

Получаем массив данных о категориях относящихся к указанному посту get_the_category()

Получает массив данных о категориях относящихся к указанному посту. Функцию можно использовать за пределами Цикла WordPress, если указать ID поста. Возвращает массив объектов с данными...

Пример реализации стандартных комментариев на сайте на CMS WordPress с помощью файла comments.php

Подключение комментариев к записи или странице происходит в файле single.php или page.php: Подключается файл comments.php, в моем случае с таким содержимым: Немного разберу части кода....

Делаем динамическую гистограмму с использованием JS и jQuery

Вариант 1 — Простой JS   Используем такой html: В блоке div.hidden мы выводим количество голосов за каждую оценку, например, 1 балл — 5 голосов,...

Добавляем градиент в sass через миксины или с помощью bourbon

Для того, чтобы не прописывать градиенты с вендорными префиксами для каждого элемента, достаточно использовать миксины или подключить Бурбон, у которого есть свой набор готовых миксинов....

Open Graph — метатеги, которые помогают вывести нужную информацию при публикации ссылки на сайт в социальных сетях

Стандарт Open Graph разработан социальной сетью Facebook. Он позволяет контролировать превью, которое формируется при публикации ссылки на сайт в социальных сетях, и передавать информацию другим...

Выводим посты с самым большим значением метаполя

Суть задачи — у нас есть записи с дополнительными полями, в которых указан рейтинг записи, нам нужно сделать выборку записей с самым высоким рейтингом в...