Home (Page 2)
, 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.
, 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.
, 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.
, 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.
, Screen Density and Mobile Devices – Solutions
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.
, 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.
, 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.
, Responsive Design with Edge Reflow – Features Tour
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.
