Web Animation Techniques Workshop by Val Head

Motion design is quickly becoming a necessary skill for anyone working on the web today. Designers and developers across the web are embracing the the power of web animation to engage and communicate.

This workshop will get you started with the essentials of web animation. It covers the basics of motion design theory as it applies to the web, and how to use animation to improve the user experience. In addition to the theory, we’ll use hands-on exercises to explore the similarities and difference of animating with CSS, JavaScript, and SVG. You’ll leave knowing how to bring your work to life with motion in meaningful ways and which web animation tool to use to get it done.

This workshop is for front end developers and web designers looking to dig into the code side of web animation while making quality motion design decisions for their work.

WHAT YOU’LL LEARN

Animating in CSS vs JavaScript
Using hands-on code exercises we’ll look at what animation tasks each of these are best at, how to choose between the two and how they can work together.

Animation and performance
Animation can have both real and perceived effects on performance. We’ll cover which properties browsers can animated most efficiently and how to improve perceived performance by adding animation.

Where animation can improve UX
A quick look at the specific design problems animation can solve through providing feedback, exposing causality, orientation, showing relationships and demonstrating.

Classic animation techniques worth stealing
The “12 classic principles” and other useful animation techniques. We’ll look at the short list of ones matter most and how they translate to UX and the digital space.

Principles of interactive animation
There is more to consider than just the classic principles for interface animation. Animation should never get in the way of the task at hand. Val will show you how to be sure you’re animations are interruptible, non-blocking, and appropriately timed for interaction.

SVG Animation Basics
We’ll animate SVG via CSS and Greensock and cover the most foolproof ways to animated SVG despite differences in browser support.

WHAT YOU’LL NEED FOR THE WORKSHOP

No prior experience with web animation is required, but a solid foundation in HTML and CSS is recommended. Familiarity with JavaScript is helpful but not required.

A laptop with a text editor and a current version of Chrome or Firefox will be needed to participate in the workshop exercises. A (free) Codepen.io account will also be helpful. We’ll be using that for the exercises and demos.

ABOUT VAL HEAD

Val Head is a web animation expert, author, and Design Evangelist at Adobe. She is the author of Designing Interface Animation, published by Rosenfeld Media, teaches CSS Animation on lynda.com, and curates the weekly UI Animation Newsletter.

REGISTER TODAY

Get your ticket on our Eventbrite page today. Early Bird pricing is $75. The event is a full-day workshop, and will be held at Domi Station on Thursday, Nov 16.

Anyone who signs up as an “Early Bird” will also be entered into a drawing to win a signed copy of Val’s Designing Interface Animation book. Also, we’ll have coffee and snacks on hand before the workshop starts and lunch provided during the afternoon break.

An Evening with Frame

Frame: A Production Company

UPDATE: We’ve changed the venue to Proof Brewing Company in Railroad Square, and instead of a more “official” presentation, we’re going to have an informal chat with Patrick Gines (Frame’s Creative Director).


The estimates are in: by 2019, video will account for 80% of all internet traffic. When it comes to communicating content on web and mobile apps, video is king. But not all video is created equal.

On September 21, Refresh Tallahassee and Frame invite you to join the discussion and learn how you can leverage video in your projects. Frame is a team of filmmakers from across the country, brought to Tallahassee because of the FSU Film School. Gifted content creators, Frame makes commercials, brand films and documentaries. Frame believes in creating national quality content while keeping the talent here, in Tallahassee. Join us to learn how you can use video to capture the attention of your audience, to connect with them, and to move them to action.

Date: Thursday, September 21, 2017
Time: 7:00 – 8:30 PM
Location: Proof Brewing Company in Railroad Square
RSVP: Visit our Meetup page to RSVP. Thx!

B.A.D. Ideas.

B.A.D. Ideas.

For our next meeting, we would like to welcome Lotenna Enwonwu. He’s the Digital Design Director at BRIGHT RED\TBWA. Lotenna is a relative newcomer to both Tallahassee and the Refresh community. With a background wearing many hats ranging from a credit card machine fixing call center rep to a web designing, video editing, art directing, creative, Lo brings with him a world of experiences. He’s worked on brands such as Nike, the United States Marine Corp, Home Depot, and Microsoft, just to name a few. Lotenna is going to share his principles and how they were learned and applied throughout his career. You can learn more about him on LinkedIn and Twitter.

Date: Friday, September 16, 2016
Time: 7:00 – 8:30 PM
Venue: CoLab @ The Pod
Cost: FREE!

How to Pitch UX

How to Pitch UX

Presenting your work with confidence to opinionated people with a lot at stake (aka, clients) can be both exhilarating and terrifying. We’ve invited Darren Allen to come and discuss ways to pitch UX with a higher degree of confidence. He’ll also share some methods that can help guide your designs and justify your decisions.

Darren is the Managing Director of Digital at Moore Communcations Group (MCG) and has been an active member of the Refresh community since its inception way back in 2006. You can learn more about Darren on the MCG site, LinkedIn, and Twitter.

I hope you can join us!

Date: Friday, June 10, 2016
Time: 7:00 – 8:30 PM
Venue: Domi Station
Cost: FREE!
Please RSVP on our Meetup page. Thanks!

P.S. For those who have the extra time, we’ll be having an informal after-party at GrassLands Brewing Company immediately following the Meetup.

P.P.S. If you haven’t already done so this year, please “chip in.” Thanks!

Jan 29: Dribbble Stories

logo-dribbble-stories-anim

We’ve invited five designers to kick off 2016 for us by sharing the stories behind a few of their Dribbble shots. While Dribbble offers a fantastic breadth of inspiration as it is, we thought it would be interesting to mix in some depth and learn a bit more about the circumstances and inspiration that led up to a few particular shots, some finer details about the purpose of the shots themself, and what happened after the shots were originally posted.

Our special guest for the evening will be Kendrick Kidd, Senior Art Director at The Robin Shepherd Group in Jacksonville. Also presenting will be four local designers and fellow Dribbblers:Eric Thomas, Taylor Perrin, Jacob Waites, and Brannon Solomon.

I hope you can join us!

Date: Jan 29, 2016
Time: 7:00 – 8:30 PM
Venue: Domi Station
Cost: FREE!

P.S. For those who are free, we’ll be having an informal after party at GrassLands Brewing Company immediately following the Meetup.

P.P.S. If you haven’t already done so, please “chip in” your $25 annual membership. Thanks!

Dribbble Stories: Kendrick Kidd (32.2 MB)

An Evening With Owen Mundy

Owen Mundy

Come join us for an evening with Owen Mundy and get an introduction to his investigations of space and its relationship to data. Among other projects, Owen will discuss “I Know Where Your Cat Lives” – a data visualization experiment exploring the public display of personal data using a sample of 1 million mapped cat photos leveraging a publicly available API.

Owen is a researcher, designer and technologist who investigates the relationship between data and public spaces. He has an MFA in Visual Arts from the University of California, San Diego and is an Associate Professor in Digital Media at Florida State University. His work has been covered in The New York Times, The Atlantic, Time Magazine, NPR’s All Things Considered, and Wired Magazine. Follow him @owenmundy


When & Where:
Thursday, November 12
6:30 – 8:30 PM

FSU Fine Arts Building
530 W. Call Street, Room 249
Tallahassee, FL

Please RSVP on the Refresh Meetup Page. Thanks!

 

Russel Quadros + nGen Works + Design

russel-wordpress-bg

Come join us for an evening with Russel Quadros, the “Concept & Executioner” at nGen Works in Jacksonville. In addition to discussing the unfolding story of his company’s website, Russel will discuss the unique workflow at nGen Works as well as the ups and downs of working with a distributed team.

We’re partnering with Domi Station, and Domi members and students can attend for free. Otherwise, there is a $5 cover. Also, before the event starting around 5:00, Domi Station is hosting a Happy Hour. Russel’s presentation will begin shortly after 7:00.

More about Russel can be found on Twitter, LinkedIn, and Google+. It is an evening you don’t want to miss!

Date + Time: Friday, September 5, 7:00 – 8:30 PM
Location: Domi Station (918 Railroad Ave, Tallahassee, FL)
Cost: $5 (Free for Domi members and students)
Space is limited. Please RSVP if you plan to attend!

An Evening with Facebook

skyler-meetup

Come join us for an evening with Skyler Vander Molen, Communication Designer at Facebook. In addition to discussing design process and showing examples of several projects like Facebook Messenger, Skyler will weave these items together with his journey from Tallahassee to San Francisco. It is a story you don’t want to miss!

Skyler will also be speaking about the “power of a connected world” at TechExpo the following day.

Date & Time: Wednesday, May 7, 7:00 to 8:30pm
Location: Proof Brewing Company, 1717 West Tennessee Street, Tallahassee, FL
Cost: $5
Space is limited. Please RSVP if you plan to attend!

An Evening with Rafael Calderon

rafael-meetup

Come join us for an evening with Rafael Calderon, senior designer at Homes.com. In addition to telling the stories for the design of the new Fusion real estate application and the design for the new RE/MAX mobile app, Rafael will shed light on the ups and downs of working as an in-house designer for a large web application company, why we should not wear Steve Jobs’ turtleneck, and how the decisions we make as designers affect both others and ourselves.

When: Thursday, March 6 from 7:00 to 8:30
Where: Proof Brewing Company (1717 W Tennessee St, Tallahassee, FL 32304)
Cost: $5 (FREE for students)
Please RSVP if you plan to attend. Thanks!

WordPress by Refresh

wordpress-header

It was bound to happen sooner or later. Our speaker bailed at the last minute (as in the day of). Nevertheless, we intend to make some home-grown lemonade out of the sour circumstances and improvise a bit.

If you use WordPress and are willing to share, we will have a casual time of open mic (and open demo). If you have questions about WordPress, we will have a chance for others in the crowd to take a shot at answering them.

Sorry for the last-minute change. There is no longer a charge, and I will refund any pre-paid folks.

Thanks folks!

~ Mike

When: Thursday, November 7 from 6:30 to 8:00
Where: The Warehouse (706 W. Gaines Street, Tallahassee, FL)
Cost: FREE
Please RSVP if you plan to attend. Thanks!