Как подружить сферу и навигацию: меню по кривой

Поделюсь кейсом создания нестандартной навигации на сайте. Расскажу про путь от постановки задачи, через работу с дизайнерами к финальной реализации и восторгу. История включает в себя нестандартную верстку, CSS переменные, работу с SVG, GreenSock и немного боли.

Google Page Speed в 2021

Новый уровень заряженных анимаций с помощью GreenSock

Воспринимайте GSAP как швейцарский армейский нож JavaScript анимаций ... только круче. Он может привести в движение все, к чему может достучаться JavaScript (CSS свойства, SVG, свойства любых объектов и т. д.), GSAP решает все вопросы кроссбраузерности, и все это с невероятной производительностью. Проще говоря, GreenSock (GreenSock Animation Platform) является самой надежной высокопроизводительной библиотекой для анимаций на планете и отличным инструментом для построения сложных анимаций и полного контроля над ними.

Present

Больові точки в макетах, які дуже бісять

Ещё больше секретов SVG

Front-End Friday - Веб-анимации в деталях

“Движение создает понимание”: сегодня анимация является важной частью хорошего UI, а также все больше и больше растущим трендом, поэтому эту тему нужно рассмотреть в деталях.

как не сойти с ума выпуская группы с 2014 года

Курс Front-end

WordPress + WooCommerce

Copy of Увлекательная история одного Site of the day

Супер заряженные анимации с помощью GreenSock Animation Platform

Воспринимайте GSAP как швейцарский армейский нож JavaScript анимаций ... только круче. Он может привести в движение все, к чему может достучаться JavaScript (CSS свойства, SVG, свойства любых объектов и т. д.), GSAP решает все вопросы кроссбраузерности, и все это с невероятной производительностью. Проще говоря, GreenSock (GreenSock Animation Platform) является самой надежной высокопроизводительной библиотекой для анимаций на планете и отличным инструментом для построения сложных анимаций и полного контроля над ними.

Front-end или Правильный путь к "Оскару" за разработку сайта

Супер заряженные анимации с помощью GreenSock Animation Platform

Воспринимайте GSAP как швейцарский армейский нож JavaScript анимаций ... только круче. Он может привести в движение все, к чему может достучаться JavaScript (CSS свойства, SVG, свойства любых объектов и т. д.), GSAP решает все вопросы кроссбраузерности, и все это с невероятной производительностью. Проще говоря, GreenSock (GreenSock Animation Platform) является самой надежной высокопроизводительной библиотекой для анимаций на планете и отличным инструментом для построения сложных анимаций и полного контроля над ними.

Грандиозный план на каникулы

SVG фильтры в действии

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

GreenSock Animation Platform на практике

Front-end and WordPress + WooCommerce Simple

Знакомство с WooCommerce

Дочерние темы (Child Themes)

Learn how to safely modify an existing WordPress theme using Child Themes.

WordPress Security

Разрушители мифов - WordPress только для "бложеков"?

Front-end

Веб-анимации в деталях

“Движение создает понимание”: сегодня анимация является важной частью хорошего UI, а также все больше и больше растущим трендом, поэтому эту тему нужно рассмотреть в деталях.

Вдохните жизнь в ваш сайт на WordPress. “Правильные” анимации в вебе.

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

PHP основы

Basics

AJAX

jQuery - Манипуляция с элементами и События

JavaScript - события

jQuery - Основы

Document Object Model

JavaScript - Объекты и массивы

JavaScript - Функции

JavaScript - Типы данных

Основы JavaScript

Front-end and WordPress + WooCommerce

Why chose WordPress + WooCommerce

FRONT-END WORKFLOW WITH GULP

FRONT-END WORKFLOW WITH GULP

Шрифты в вебе, Font Face

SVG анимация

SVG становится все более используемым и «веселым» компонентом веб-сайта. Используя SVG есть много творческих возможностей для внедрения веселых и полезных эффектов на Ваш сайт. Поговорим о том, как вывести анимацию веб-сайта на новый уровень с помощью SVG.

Кроссбраузерность

Ты, я и SVG

Мы часто встречаем безумные демки SVG на CodePen, очень крутые реализации на Site of the Day и это просто завораживает. Но давайте лучше поговорим, где и как правильно использовать все "магические" возможности SVG для решения более реальных задач.

Photoshop для Front-end разработчика

CSS препроцессоры

Normalize and Reset

Git и GitHub

SVG

Методология БЭМ

Знакомство с CSS

CSS селекторы