|
11-11-2015 Анимация "лайка" как у Твиттера |
|
|
|
Наверное все, кто пользуется Твиттером уже видели классную анимацию у сердечка, когда нажимается кнопка "мне нравится". Представляем вам готовый пример идентичный оригиналу. Плюс бонус в виде "дизлайка". |
Анимация "лайка" как у Твиттера
|
10-11-2015 Возможности CSS: атака на сайт с помощью юникодов и @font-face |
|
|
|
Сложно представить, что безобидный и любимый всеми нами CSS3 способен на "плохое". Однако реальность такова - для нанесения вреда сайту можно использовать специальные символы и URL в свойствах @font-face. Статья предоставляется в ознакомительных целях. |
Возможности CSS: атака на сайт с помощью юникодов и @font-face
|
09-11-2015 roll.js - плагин для отслеживание индекса скролла |
|
|
|
Небольшая JS библиотека (8 кб), которая поможет Вам отслеживать позиции элементов, этапы прокрутки страницы, а также вести учет нумерации задействованных блоков. Без зависимостей. Индивидуальный плагин и много возможностей. |
roll.js - плагин для отслеживание индекса скролла
|
09-11-2015 Мини-игра Судоку на чистом CSS |
|
|
|
Всегда интересно посмотреть на пример реализации сложных решений без использования скриптов. Представляем Вам небольшую и всем известную игру Судоку на чистом CSS3. |
Мини-игра Судоку на чистом CSS
|
08-11-2015 Эффект дождя и воды на стекле с помощью canvas |
|
|
|
Прекрасный пример возможностей canvas и WebGL в реализации эффекта капель воды на матовом стекле. Глядя на эти элементы понимаешь, что Веб становиться все совершенней и совершенней... Лучше всего смотреть через Хром. |
Эффект дождя и воды на стекле с помощью canvas
|
07-11-2015 jCider - адаптивный слайдер на jQuery |
|
|
|
Неплохой слайдер с возможностью работы на старых и новых браузерах, а также адаптивным дизайн для сенсорных телефонов. Минимальный вес и простота настройки представляют его в выгодном свете для дизайнеров и верстальщиков. |
jCider - адаптивный слайдер на jQuery
|
07-11-2015 Создание не стандартных фигур с помощью CSS и SVG |
|
|
|
Сейчас все чаще можно встретить в Сети сайты с дизайном из блоков необычной формы. Теорию и практику данных фигур расскажет предлагаемая к просмотру статья, в которой описываются пути и средства через CSS3 и SVG элементы. |
Создание не стандартных фигур с помощью CSS и SVG
|
06-11-2015 Применяем Flexbox к видео плееру |
|
|
|
С эрой адаптивного дизайна все стремятся оптимизировать свои сайты под любой экран или устройство. Безусловно, это очень необходимо и актуально. Но есть вещи, которые трудно подогнать к требуемому стандарту. Вычеркиваем из этого списка видео плеер благодаря Flexbox CSS3. |
Применяем Flexbox к видео плееру
