|
26-09-2015 GSAP Club 7 Gems |
|
|
|
Прикольная залипаловка, в которой нужно "гонять" кубик по всему экрану. При столкновении с границами экрана происходит смена бекграунд с характерным звуком. Не имею понятия, где это может пригодиться, только "for fun" :) |
GSAP Club 7 Gems
|
25-09-2015 Мини-игра на чистом CSS3 и HTML |
|
|
|
Пример всем известной игры Duck Hunter, который создан без единого скрипта. Секрет реализации прост: анимация CSS и активные checkbox'ы. Также стоит отметить решение вопроса о подсчете очков - используется свойство content:counter; |
Мини-игра на чистом CSS3 и HTML
|
25-09-2015 Креативный прогресс-бар на SVG |
|
|
|
Представляем вам оригинальную полосу загрузки на SVG и CSS3. Автор действительно постарался придать интерактивности своему примеру. При клике на определенную кнопку появляется прогресс-бар с индикатором отсчета в процентном соотношении. Управлять скоростью анимации можно через параметры. |
Креативный прогресс-бар на SVG
|
25-09-2015 Создаем анимацию для отображения полноэкранного видео |
|
|
|
Подробный манул от codrops о том, как создать красивую и плавную анимацию открытия бокса с видео-контентом. В реализации данного примера были задействованы средства Flexobx и возможности HTML5 видео. |
Создаем анимацию для отображения полноэкранного видео
|
24-09-2015 Модальное окно с помощью SVG |
|
|
|
Простое, и в тоже время необычное модальное окно с помощью элементов SVG. Данный тип веб-графики очень стремительно набирает обороты, а современные технологии помогают делать потрясающие вещи. Модальное окно с эффектом при появлении. Поддержка IE9+ |
Модальное окно с помощью SVG
|
24-09-2015 Как применять стили к placeholder'ам форм |
|
|
|
Абсолютно уверена, что почти каждый фронтенд-разработчик сталкивался с проблемой: как оформить и применить стили к элементу формы input - placeholder'у. С помощью специальных правил в CSS3 можно оформлять данный атрибут как вам захочется. В статье вы найдете ответы на все вопросы, касающиеся данной темы. |
Как применять стили к placeholder'ам форм
|
24-09-2015 Autofill - делаем заполнение форм проще |
|
|
|
Из данного примера вы узнаете, как пользоваться атрибутами автозаполнения форм, их значения, а также как валидно создавать HTML-формы. |
Autofill - делаем заполнение форм проще
|
23-09-2015 SVG Modal -всплывающее окно на с помощью SVG |
|
|
|
Эластичное модальное окно созданное с помощь. SVG, CSS3 и jQuery. При клике на кнопку получаем "гибкое" всплывающее окно, в которое можно поместить все что угодно, на ваше усмотрение. |
SVG Modal -всплывающее окно на с помощью SVG
