Создание слайдера фотографий на чистом javascript

Создание слайдера фотографий на чистом javascript

5 298

Всем привет. С вами Corvax. Сегодня я вам покажу как легко можно создать совой слайдер галереи фотографий на чистом javascript. Приступим.

В начале нам нужно будет создать структуру проекта. Вот пример:

структура слайдера

Читать далее «Создание слайдера фотографий на чистом javascript»

Создание меню на чистом CSS

Создание меню на чистом CSS

6 487

Как сделать меню для сайта на чистом CSS?

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

Создание HTML макета

Для начала нам потребуется создать саму верстку по средам HTML тегов. Давайте же сделаем это.

Читать далее «Создание меню на чистом CSS»

Как сделать цвет текста прозрачным?

Как сделать цвет текста прозрачным?

1 270

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

Пример что у нас получится в итоге:

Читать далее «Как сделать цвет текста прозрачным?»

Выравнивание элементов с помощью CSS

Выравнивание элементов с помощью CSS

642

Всем привет. C вами Corvax. Давайти немного поговорим о выравнивание блоков с помощью css. Часто в практике клиентского разработчики при верстке странице нужно выровнять див по центру как по горизонтали, так и по вертикале. Здесь я соберу пару полезных примеров этой задачи. Поехали.

Пример выравнивания картинки(img) объявленную инлайново в верстке.


img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -250px;
   margin-left: -250px;
}

Читать далее «Выравнивание элементов с помощью CSS»