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

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

Форма обратной связи с прикреплением файла (Send attachments with PHP Mail())

Форма обратной связи с прикреплением файла (attach) Самый простой внешний вид формы обратной связи с тремя полями и полем для прикрепления файла: Даже добавим пару...

Простой jQuery-скрипт для табов (вкладок)

Сам скрипт целиком и полностью взят с сайта dimox.name HTML Обязательные CSS-стили для вышеуказанного HTML-кода Для красивого отображения на сайте нужно использовать свои стили. Подключаем...

Какой размер для фавиконок использовать?

Чтобы далеко не ходить, сразу укажу, что остановился я на трех таких размерах для фавиконок, которые подходят всем браузерам и всем экранам: apple-touch-icon-180x180.png — сразу...

Форма HubsPot отображается в неправильном месте

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

Фиксированное меню при прокрутке страницы только для мобильных

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

[CSS Animation] PCPP Loading Boxes

Красивая и не слишком сложная анимация, например, для загрузочной страницы сайта. HTML CSS Готовый пример:

Вертикальные параллакс-эффекты при прокрутке страницы с помощью Stellar.js

Делаем параллакс-эффект для больших блоков с фоном и для отдельных элементов на сайте. Подключаем jQuery Библиотеку stellar.js качаем здесь, подробную документацию по stellar.js читаем здесь....

Фиксированное меню при прокрутке страницы

Один из множества примеров сделать фиксированное меню при прокрутке. HTML CSS JS Готовый пример:

Как настроить VPN в браузере Opera

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

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

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

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, но он совсем не адаптивный. Например нужно сделать, чтобы на десктопе он был одной высоты и первая картинка пропорционально...

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

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

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

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