Jodit — лучший WYSIWYG редактор

Отличный редактор WYSIWYG, написанный на чистом TypeScript без использования дополнительных библиотек. Это редактор файлов и редактор изображений. Позволяет также работать и в динамическом режиме, если вам нужно показать редактор в попап — диалоге. Пример с jsFiddle

Читать далее »

Чат на PHP, Ajax, HTML, CSS

Разделим код проекта на несколько частей: база данных, серверная и клиентская. Клиентская часть Клиентский интерфейс взимодействия <!DOCTYPE HTML> <html> <head> <title>PhpAjaxChat</title> <!— У нас всё работает в UTF-8 —> <meta http-equiv=»content-type» content=»text/html; charset=UTF-8″> <!— Загружаем стили для чата…

Читать далее »

Автоматическая прокрутка скролла элемента вниз

Допустим, есть такая задача, при котором в элементе есть некоторый список элементов, которые добавляется по мере необходимости и при этом. при каждом добавлении необходимо, чтобы список автоматически прокручивался вниз. Банальной задачей может быть механизм обмена сообщениями Код HTML:…

Читать далее »

Красивые тени на основе CSS/box-shadow

Кратко все в демо-примере с jsfiddle.net

Читать далее »

Анимация движения блоков при скроллинге

В данном примере используется библиотека AOS.js, которая расположена на GitHub.

Читать далее »

Заставка видео в виде фона

Для решения данной задачи есть свободный плагин Vide по ссылке на гитхаб. В данном примере показан способ задать заставку в виде фона средствами html, jQuery и css Второй вариант использования — более продвинутый. Здесь мы рандомно и программно…

Читать далее »

Динамическое перемещение навигации вверх при скроллинге

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

Читать далее »

CSS — правила для создания адаптивной страницы

Ниже представлен снипет кода или скелетон адаптивности CSS, для основных экранов. Как правило, это все делается при помощи ключевого слова @media, с указанием правила изменения свойств для охватываемого экрана, входящего в предел между min-width и max-width @media (min-width:…

Читать далее »