Produced by KelbyOne

Posts by : Tom Green

Author / 25 Posts
,

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.

,

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.

,

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.

,

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.

,

Tom Green talks about options for designing images that display well across different mobile devices. Although there is no single answer, his solutions include using javascript to detect the screen reolution, as well as css and media queries.

,

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.

,

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.

,

Use Reflow to create responsive design for everything from desktop to mobile. This application is all about CSS and media queries. Tom Green takes you through an overview of the interface and touches on the basics of how to use Edge to set breakpoints and preview your design at different sizes.