Produced by KelbyOne

Posts byTom Green

,

Edge Animate: Edge Commons

For those web designers who are a bit ‘codephobic’, this four-part video series will teach some easy ways to bring your projects to life. Edge Animate offers some simple ways to add interactivity and animation to your design. In this video, Tom Green shows how to use the Edge Commons javascript library to center your stage at runtime.

Tutorials
2.17K 0
,

Edge Animate: Spotlight

For those web designers who are a bit ‘codephobic’, this four-part video series will teach some easy ways to bring your projects to life. Edge Animate offers some simple ways to add interactivity and animation to your design. In this video, Tom Green shows how to create overlays for video and images by using the Edge Commons javascript library Spotlight.

Tutorials
1.93K 0
,

Edge Animate: Rotating Cube Animation

For those web designers who are a bit ‘codephobic’, this four-part video series will teach some easy ways to bring your projects to life. Edge Animate offers some simple ways to add interactivity and animation to your design. In this video, Tom Green shows how to create a rotating 3D cube using java script libraries.

Tutorials
5.51K 1
,

Edge Animate: Adding a Background Video

For those web designers who are a bit ‘codephobic’, this four-part video series will teach some easy ways to bring your projects to life. Edge Animate offers some simple ways to add interactivity and animation to your design. In this video, Tom Green shows how to add the Edge Hero javascript library to your project and call a background video.

Tutorials
3.5K 2
,

Screen Density and Mobile Devices

Understanding how different mobile devices display images can be confusing. Tom Green walks viewers through a basic explanation of screen density and how it differs between mobile devices. He discusses the difference between hardware pixels and reference pixels and the importance of device pixel ratio.

Tutorials
1.39K 0
,

Responsive Design with Edge Reflow – The Basics of Design

Use Reflow to create responsive design for everything from desktop to mobile. In this video, Tom Green takes viewers through the design process. He starts with the outer container, then moves on to adding and styling graphic elements, then adding breakpoints and making changes to the design based on screen size. Reflow is the beginning of a promising visual design tool that can make responsive design fast and easy.