10-09-2015 Делаем таблицы HTML адаптивными |
|
![]() |
Допустим мы имеем готовые веб-страницы с множеством html-таблиц. У нас стоит задача сделать сайт адаптивным, чтобы он хорошо смотрелся на любых экранах. Но как же быть с "негнущимися" столбцами и строками? Вариант решения смотрим в примере. |
Делаем таблицы HTML адаптивными

09-09-2015 Scroll snapping explained |
|
![]() |
Небольшое руководство по тому, как правильно создавать scroll snapping. Из примеров вы узнаете все о свойствах CSS scroll-snap и научитесь применять их на практике. |
Scroll snapping explained

09-09-2015 Medium-Style Page Transition |
|
![]() |
Хороший вариант для разбития длинных страниц на более компактные и удобные. Для этого потребуется минимум JS-кода и стилей. Прокручивая страницу вниз, пользователь нажимает на кнопку и ему "подгружается" следующий блок с контентом. |
Medium-Style Page Transition

06-09-2015 Link Style Compilation - подборка эффектов при наведении на ссылки |
|
![]() |
Интересная коллекция примеров с hover-эффектом, которые вы сможете применить к ссылкам\кнопкам у себя на сайте. В наборе присутствуют варианты с заливкой заднего фона, смена цвета текста и 3-Д анимация. |
Link Style Compilation - подборка эффектов при наведении на ссылки

06-09-2015 Оформляем портфолио для сайта |
|
![]() |
Пример оформления раздела портфолио на вашем сайте в виде отдельного бокса для информации и небольшой слайдер-карусели. Поддержка IE9+. Адаптирован под любые экраны и сенсорные устройства. Реагирует на касания. |
Оформляем портфолио для сайта

04-09-2015 CSS Border Transitions - анимация рамки при наведении |
|
![]() |
Всегда приятно находиться на сайте, где имеются занимательные эффекты у блоков при наведении. В данном примере вы найдете шесть разных hover-эффектов c помощью свойства border. |
CSS Border Transitions - анимация рамки при наведении

02-09-2015 Radio player - красивое оформление аудио плеера на CSS3 |
|
![]() |
Пример стилизации простого аудио плеера с современным дизайном. Минимум графики, больше CSS. В итоге имеем минимальный вес при оформлении. |
Radio player - красивое оформление аудио плеера на CSS3

02-09-2015 CSS против SVG: оформление чекбоксов и радиобоксов |
|
![]() |
Интересный урок, в котором подробно описываются все преимущества CSS и SVG свойств в создании собственных стилей для элементов формы checkbox и radiobox. Каждый из вариантов имеет свои плюсы и минусы. Что использовать решать вам. |
CSS против SVG: оформление чекбоксов и радиобоксов
