Последние записи

Еженедельная подборка красивых эффектов на CSS/SVG/JS #35

Подборка свежих эффектов, интересных идей и полезных наработок.

Коридор

Анимированный коридор на JS.
Автор: Рили Шо (@rileyjshaw)

КоридорПосмотреть живой пример


(далее…)

Игры на чистом CSS со свойством counter-increment

Перевод статьи Pure CSS Games with Counter-Increment с сайта una.im, опубликовано на css-live.ru с разрешения автора — Юны Кравец.

Обожаю 1) умные хаки и 2) раздвигать границы CSS. Многие недооценивают его мощь (особенно в сочетании с мастерством препроцессинга Sass). В этой статье сочетаются обе эти тяги. Даже если это не понадобится в очередном проекте для клиента, однозначно стоит экспериментировать и раздвигать границы, чтобы как следует понять сам язык. Вы тоже можете делать игры на чистом CSS!

(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #34

Подборка свежих эффектов, интересных идей и полезных наработок.

Нейросеть

Анимированная связь между узлами нейронов, в canvas.
Автор: Матэй Копот (@MateiCopot)

НейросетьПосмотреть живой пример


(далее…)

ES6: ещё о ловушках прокси изнутри

Перевод статьи More ES6 Proxy Traps in Depth с сайта ponyfoo.com, опубликовано на css-live.ru с разрешения автора — Николаса Беваквы.

Привет! Это  «ES6 — Ловушки? Снова? — изнутри». Интересуетесь и другими вкусняшками ES6? Тогда загляните в краткую историю инструментария ES6. Затем изучите деструктирование,литералы шаблона, стрелочные функции, оператор расширения и оставшиеся параметры, улучшения в литералах объекта, новый «сахарок» — классы поверх прототипов, let, const и«Временную мёртвую зону», а также итераторы, генераторы, символы и объекты Map, WeakMaps, Sets и WeakSets,  прокси и ловушки прокси. Ну а сегодня поговорим об остальных ловушках прокси в ES6.

(далее…)

Подарок для посетителей Конференции МАТЕ 2016!

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов (прим. редакции css-live.ru).

Только для посетителей Конференции МАТЕ 2016!

Скидки и подарки от лидирующих компаний!

Приди 26.04.2016 в отель Кортъярд Марриотт Москва Центр и забери свой подарок:

(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #33

Подборка свежих эффектов, интересных идей и полезных наработок.

Зимний лес

Интерактивная сцена с зимним лесом, на JS.
Автор: cjgammon (@cjgammon)

Зимний лесПосмотреть живой пример


(далее…)

ES6: ловушки прокси изнутри

Перевод статьи ES6 Proxy Traps in Depth с сайта ponyfoo.com, опубликовано на css-live.ru с разрешения автора — Николаса Беваквы.

Встречайте «ES6 — неужели снова! — изнутри». Интересуетесь и другими вкусняшками ES6? Тогда загляните в краткую историю инструментария ES6. Затем изучите деструктирование, литералы шаблона, стрелочные функции, оператор расширения и оставшиеся параметры, улучшения в литералах объекта, новый «сахарок» — классы поверх прототипов, let, const и «Временную мёртвую зону», а также итераторы, генераторы, символы и объекты Map, WeakMaps, Sets и WeakSets и прокси. Ну а сегодня поговорим о ловушках прокси в ES6.

(далее…)

Один билет на конференцию МАТЕ открывает двери на четыре грандиозных события в сфере инноваций!

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов (прим. редакции css-live.ru).

АКЦИЯ НА ПОКУПКУ БИЛЕТОВ ДЕЙСТВУЕТ  

с 11 по 18 апреля !!!

26 апреля в Courtyard Marriott Moscow City Center состоится главное ежегодное событие в области мобильных приложений и технологий – MATE 2016. Организатор бизнес-встречи компания Smile-Expo подготовила специальную акцию: при покупке билета на конференцию MATE посетить демозоны мероприятий, посвящённых инновационным технологиям (M-Health Congress, Connected Car и SNCE), можно будет абсолютно бесплатно!

(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #32

Подборка свежих эффектов, интересных идей и полезных наработок.

Спидер Рей

Анимированный мотоцикл из Star Wars, на CSS.
Автор: Кевин Дженнис (@kevinjannis)

Спидер РейПосмотреть живой пример


(далее…)

ES6: прокси изнутри

Перевод статьи ES6 Proxies in Depth с сайта ponyfoo.com, опубликовано на css-live.ru с разрешения автора — Николаса Беваквы.

Ура, милости просим. Это «ES6 — Элейн, тебе нужно родить! — изнутри». Что? Никогда о нём не слыхали? Тогда начните с краткой историей инструментария ES6. Затем изучите деструктирование, литералы шаблона, стрелочные функции, оператор расширения и оставшиеся параметры, улучшения в литералах объекта, новый «сахарок» — классы поверх прототипов, let, const и «Временную мёртвую зону», а также итераторы, генераторы, символы и объекты Map, WeakMaps, Sets, и WeakSets. Ну а сегодня поговорим о прокси в ES6.

(далее…)

Только 3 дня – 6, 7 и 8 апреля – скидки на участие конференции МАТЕ 2016!

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов (прим. редакции css-live.ru).

Совсем скоро, 26 апреля, в Москве пройдет IV международная бизнес-конференция МАТЕ 2016! 

МАТЕ 2016 – возможность узнать всё о завтрашнем дне мира мобильных технологий и на шаг опередить конкурентов в развитии собственного бизнеса!

(далее…)

МАТЕ 2016 «Мобильные приложения-эффективный инструмент для бизнеса»

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов (прим. редакции css-live.ru).

26 апреля 2016 года в Москве пройдет  IV международная бизнес-конференция, посвящённая новейшим разработкам в индустрии мобильных приложений и IT-технологий, MATE 2016.

Главная цель —  показать, как мобильные приложения могут помочь повысить прибыльность бизнеса, усовершенствовать управление предприятием и  перенять опыт компаний, которые выработали успешные стратегии продвижения мобильных приложений.

(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #31

Подборка свежих эффектов, интересных идей и полезных наработок.

Космический шум

Большое количество точек перемещаются и создают подобие магнитных волн, в WebGL.
Автор: Итан Шульман (@EthanShulman)

Космический шумПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #30

Подборка свежих эффектов, интересных идей и полезных наработок.

Сфера из кристалов

Анимированная сфера, в WebGL.
Автор: Еити Кобаяши (@ykob0123)

Сфера из кристаловПосмотреть живой пример


(далее…)

Создание системы SVG-иконок с помощью React

Перевод статьи Creating an SVG Icon System with React с сайта css-tricks.com для css-live.ru. Автор — Сара Дрэснер.

Недавно я прошла обучение ReactJS у Майкла Джексона и Райана Флоренса. И мне очень понравилось, частично потому, что я нашла ответы на множество вопросов про SVG и React. В том, что касается работы с Реактом и SVG, есть много мелочей, которые еще не совсем поддерживаются. Одной из главных загадок для меня был элемент <use>, поскольку большинство систем SVG-иконок строятся именно на нём.

Я спросила Майкла, станет ли в будущем поддержка этих фич лучше, на что он показал мне отличный способ работы с ними, полностью обходя этот метод. Рассмотрим эту технику, чтобы вы смогли начать писать масштарибуемые системы SVG-иконок, и некоторые хитрости, которые также пригодились бы в работе.

(далее…)