Рубрика: JS

screenshot_1

Колонки одинаковой высоты Bootstrap

В одном из проектов мне было нужно, чтобы четыре стандартных блока col-xs-3 были одинаковой высоты, подстраиваясь под высоту самого «длинного». Для того, чтобы этого добиться, можно использовать простое решение:

Читать далее

Основы работы с canvas

Привет всем! Давненько я ничего не писал, адская неделя была на работе((

Сегодня я расскажу об основах работы с тегом canvas из HTML5. Это просто КРУТАЯ штука. Фактически canvas — это холст, на котором можно рисовать. Рендеринг — это довольно затратная для браузера вещь, поэтому сложного ничего лучше не делать.

canvas применим в тех случаях, когда нужно какое-то программируемое, но не особо сложное (хотя не всегда это так) изображение. К примеру, на canvas можно реализовать крутые переливающиеся фоны, которые будут адски вредны людям с эпилепсией.

Но начнём с простого примера:

Читать далее

images-1fc04c47-6e34-4701-aedf-c90e5927b2f8

CSS-анимация против JS-анимации

Иногда бывает так, что нужно добавить к элементу какую-то стандартную анимацию на событие наведения мыши (hover) или попадание в фокус (focus) и т.д. Добавить тень, изменить размер и т.д. Предлагаю рассмотреть простой пример для сравнения.

Читать далее