Библиотека web-дизайна и статьи по созданию сайтов


Анимация средствами CSS3. Уроки по созданию анимированных рекламных баннеров

Уроки посвящены созданию рекламных баннеров средствами css3. Рассмотрены различные свойства анимации, ее функции. Приведены примеры с исходными кодами. При изучении курса Вы сможете создать несколько рекламных баннеров, аналогичные тем, которые размещаются на сайтах. В справочнике приведены основные свойства анимации css3, применяемые в уроках..
Перейти к учебному курсу...

20.10.2019


Подсветка синтаксиса кода на html-странице. Скрипт SyntaxHighlighter MegaLang

Статья посвящена тому, как сделать подсветку синтаксиса кода на сайте средствами скрипта SyntaxHighlighter MegaLang. Данный скрипт позволяет делать подсветку кода на html-странице для множества языков программирования, есть различные темы стилей, есть возможность настройки стиля отображения под дизайн своего сайта, можно скрывать блоки с кодом, открывая их по клику и др. На данном сайте для подсветки кода используется именно этот скрипт SyntaxHighlighter MegaLang. В этой статье Вы можете скачать готовый пример и использовать его в свое работе над сайтами.. Читать дальше...

09.03.2019



Как подключить Яндекс Карту

Опубликованы два примера создания Яндекс Карты на сайте. В первом примере рассмотрен обычный вывод Яндекс Карты на web-странице. Во втором примере рассмотрен вывод Яндекс Карты в модальном окне средствами скрипта Fancybox. Оба примера можно скачать в готовом виде.. Читать дальше...

06.03.2019


Уроки HTML5 и CSS3. Анимация

В разделе Уроки HTML5 и CSS3 опубликован урок по созданию анимации на языке CSS3, который позволяет создавать анимированные изображения без использования Flash. Эта технология постепенно вытесняет создание рекламных и других анимированных баннеров средствами Flash. В уроке рассказывается, как создать полноценный анимированный рекламный баннер.. Читать дальше...

18.02.2019


Учебный курс «Основы PHP и MySQL» для начинающих

Опубликован учебный курс Основы PHP и MySQL для начинающих. В курсе рассматриваются базовые понятия языка: включение конструкций php в html-страницу, основные управляющие конструкции php. Рассмотрены функции require( ) и include( ) при создании простых сайтов. Отдельный большой урок посвящен базе данных MySQL, способы занесения данных из формы в базу данных и вывод данных из базы на web-страницу. . Читать дальше...

01.09.2018


Слайдеры, фотогалереи

Коллекция наиболее популярных слайдеров, таких как Carusel, Lightbox, Nivo, Galleria classic, iTunes и многих других. Все слайдеры проверенны в различных браузерах. Для каждого слайдера есть возможность скачать готовый пример.. Читать дальше...

12.08.2018



Адаптивный слайдер bxSlider

В коллекцию адаптивных слайдеров добавлен слайдер bxSlider. Есть возможность скачать готовый пример.. Читать дальше...

10.08.2018


Прозрачность средствами CSS. Эффект затемнения на сайте

Прозрачность средствами CSS позволяет создавать очень интересные эффекты тусклых или полупрозрачных картинок, баннеров, счетчиков посещений и вообще любых элементов сайта. При наведении курсора на такой элемент картинка или баннер приобретает нормальную четкость, яркость и цвет. Такой эффект Вы можете наблюдать при наведении курсора на баннеры внизу этого сайта.... Читать дальше...

23.07.2018


Двухуровневое меню на CSS без JavaScript

Часто применяемое на сайтах двухуровневое меню. Не использует JavaScript, только CSS. Приведены два вида меню: с горизонтальным направление главной навигации и с вертикальным. Также Вы сможете здесь скачать готовые примеры этих двухуровневых меню на CSS.. Читать дальше...

16.07.2018


Как создать фотогалерею NivoSlider MultiTV на MODx Evo

.

Читать урок по созданию галереи NivoSlider MultiTV на MODx Evo...

Исходный дистрибутив фотогалереи NivoSlider, на основе которого сделана multiTV галерея, вы можете скачать на странице NivoSlider (адаптивный слайдер).

12.07.2018



Как создать фотогалерею EvoGallery на MODx

PgwSlider MultiTV на MODx Evo - эффектный адаптивный слайдер на MODx Evolution. В статье-уроке рассмотрен реальный пример создания такого слайдера, здесь можно скачать фото и дистрибутив multiTV для создания... . Читать урок по созданию слайдера PgwSlider MultiTV на MODx Evo...

Исходный дистрибутив фотогалереи PgwSlider, на основе которого сделана multiTV галерея, вы можете скачать на странице PgwSlideshow (адаптивный слайдер).

07.07.2018


Как создать фотогалерею EvoGallery на MODx

EvoGallery - многофункциональный инструмент для создания галереи изображений на MODx Evolution. Этот модуль позволяет создавать как отдельную фотогалерею, так и группировать несколько альбомов из фотографий на одной странице. В статье-уроке рассмотрен реальный пример создания фотогалереи из трех фотоальбомов....

Читать урок по созданию галереи на EvoGallery...

Просмотреть пример-шаблон EvoGallery...

03.07.2018


Как создать фотогалерею LightboxMG mini gallery MultiTV на MODx Evo

LightboxMG mini gallery MultiTV для MODx Evo - адаптивная галерея изображений на MODx Evolution, такую галерею можно прикрепить к любой странице сайта и разместить в любом месте страницы. В статье-уроке рассмотрен реальный пример создания такой фотогалереи, есть возможность скачать фото и дистрибутив для создания....

Читать статью по созданию галереи на LightboxMG mini gallery MultiTV для MODx Evo...

01.07.2018


Создание слайдера Lightslider MultiTV на MODx Evo

Lightslider MultiTV на MODx Evo - удобный адаптивный слайдер на MODx Evolution. В нашем уроке вы научитесь создавать такой слайдер, также сможете скачать фото и дистрибутив multiTV для создания....

Читать урок по созданию слайдера Lightslider MultiTV на MODx Evo...

Исходный дистрибутив Lightslider, на основе которого сделана multiTV галерея, вы можете скачать на странице Lightslider (адаптивный слайдер).

01.07.2018