О нас RU

CSS-анимации: Transitions и Animations. Motion Path Module CSS

CSS-анимации: Transitions и Animations. Motion Path Module CSS

До появления CSS3 при слове «анимация» верстальщиков бросало в холодный пот. А всё потому, что в те времена сделать качественную и красивую анимацию было не тривиальной задачей. CSS этого делать не умел, поэтому все анимации делались на JavaScript. Нужно было перелопатить кучу форумов, найти таких же товарищей по несчастью, потратить уйму времени на разработку, а в итоге услышать от дизайнера: «Ладно, сойдет и так». И когда наконец вышел CSS3, фейерверки не прекращались до утра, а шампанское лилось рекой. Это был знаменательный день для всех web-разработчиков (следующий такой день был, когда Microsoft объявила о прекращении поддержки Internet Explorer). С приходом CSS3 многие ранее сложные задачи превратились в простые и приятные для работы. Это же касается анимаций в CSS, о которых я расскажу в данной статье.

Читать дальше

Code'n'Сoffee #19 Front-end

Code'n'Сoffee #19 Front-end

29-го октября в офисе stfalcon.com состоялась встреча Code’n’Coffee #19. Темой этого вечера стал front-end. Желающих поприсутствовать на этом ивенте было более чем достаточно, front-end разработчики буквально были везде, где только можно было удобно разместиться. Темы докладов были полезными и для начинающих, и для разработчиков с большим опытом во front-end’е, они касались современных подходов в верстке и инструментов, CSS-методологий и его оптимизации, также рассматривался популярный JavaScript фреймворк от Facebook — React.

Читать дальше

Автоматизация сборки фронтенда с помощью Grunt

Автоматизация сборки фронтенда с помощью Grunt

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

Читать дальше