CodePen for Everyone
Within the realm UX, the orchestration of interactions and animations happens at the intersection of design and development. It’s a place where designers begin to learn more about coding and developers begin to learn more about visual communication. Among the tools available for creating interactions, CodePen shines as an environment for learning and sharing while designing and building usable code.
- An overview of CodePen
- The purpose of pens: Learning, sharing, and documenting
- The building blocks: Pens, projects, posts, and collections
- Should I use a pen or a project?
- Using your CodePen profile as a portfolio
- Tips on how to get the most out of CodePen
- Finding great pens related to UI problems
- Using the CodePen editor
- Forking a pen into something new
- Building a pen from scratch
- Show-and-tell for attendees already savvy with CodePen
Date & Time
Friday, Feb 8, 2019
7:00 – 8:30 PM*
Venue & Event Sponsor
100 Four Points Way
Tallahassee, Florida 32305
* A tour of Syntech will be available afterwards.
Design Thinking is the core problem-solving framework used by a wide variety of organizations around the world. The tools used in Design Thinking provide value to professionals who desire deeper insights, innovative ideas, and iteratively-refined solutions in any industry. In the realm of Design Thinking, everyone is a designer, no problem is too small (or too large), and this event is for anyone interested in learning this powerful approach to problem solving.
Tools for Ideation
In conjunction with Startup Week Tallahassee, we’ve partnered with AIGA Tallahassee to host Ken Baldauf, Director of FSU’s Innovation Hub to lead a 90-minute workshop providing hands-on experiences with some of the most powerful tools for ideation, including brainstorming, think different, think wrong, affinity mapping, and idea filtering. Come join us as we learn to apply these idea-generating techniques.
Ken directs FSU’s Innovation Hub which is designed to support students from all disciplines to utilize the latest technologies and Design Thinking to confront the demanding and complex problems of our day. Ken has authored several textbooks, produced a weekly tech news podcast and has worked with Cengage Learning to design an online learning framework for Intro Computer courses. Learn more about Ken on LinkedIn.
Date: Thursday, November 8, 2018
Time: 4:00 PM – 5:30 PM
Venue: CoLab @ The Pod
Space is limited to 30 attendees. Sign up and register for the workshop at the Tallahassee Startup Week site.
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 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
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
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.
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.
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!
Source: My Kind of Contract by Jason Fried
The Circular Design Guide, created in collaboration between the Ellen MacArthur Foundation and IDEO was created to help innovators create more elegant, effective, creative solutions for the circular economy. Solutions that are invaluable for people, give businesses a competitive advantage, and are regenerative for our world… Understand > Define > Make > Release > (repeat).
Rapid prototyping is one of the most powerful tools to quickly refine a design within an interactive context, and one of the most popular tools out there is InVision. We’ve invited Eric Thomas to come and give a high-level overview of adding InVision to your design workflow. In addition to a summary of his workshop at Design Week Tallahassee, he’ll also discuss new features released since last October.
Visit our Meetup Event Page for more details. I hope you can join us!
Date: Friday, January 27, 2017
Time: 7:00 – 8:30 PM
Venue: Domi Station
P.S. For those who have the extra time, we’ll be having an informal after-party at GrassLands Brewing Company immediately afterwards.
P.P.S. This event is free, but “chipping in” (green button on the left of the Meetup Event Page) is highly appreciated! Your continued support keeps us going and helps us grow.