Mobile

Design a Website with Adobe XD

Design a Website with Adobe XD by Paul Trani Learn how to design a website in Adobe XD. Create a responsive and interactive website prototype for mobile and desktop. a Lynda.com course.

Read More

Design a Mobile App with Adobe XD

Design a Mobile App with Adobe XD by Paul Trani Learn how to design an app in Adobe XD. Create an interactive prototype that can be easily shared with clients and colleagues, and export assets for app development. A lynda.com course.

Read More

Creating a Mobile Menu in Adobe Muse CC

Responsive web design is no longer cutting edge; it’s required. But many designers are still intimidated by the terminology and the code. Luckily, Adobe Muse makes it all very easy and visual to create a site that works and looks great across all screens. No need to worry about digging deep into HTML or CSS. This video shows how to create a mobile menu. It is one of the videos in a course I created […]

Read More

Creating Your First Website in Dreamweaver CC 2014

Just Released! Creating a First Website with Dreamweaver CC 2014Ā shows the basics of how to do just that—create your first website. But not just any website. An HTML5 website that is responsive and looks great on any computer or mobile device, and is complete with rich imagery and navigation, video content, and even a contact form. Author Paul Trani begins with brief introductions to HTML and CSS. Then you’ll learn how to create a basic […]

Read More

Lynda.com Course: Creating a Responsive Design with Edge Reflow

My latest Lynda.com course is now live! Learn how to create responsive web designs that look and work great on desktops, tablets, and mobile devices with Edge Reflow. In this course I show how you can design a layout, add text and images plus add content from Photoshop and Illustrator, and even generate Reflow projects from Photoshop CC. Also learn how to find the “breakpoints” in your designs and decide how your layouts will reflow […]

Read More

Generate Web Assets from Photoshop

In this video learn how to extract CSS, export image assets from layers (easily) and even generate an entire Reflow file, all from a PSD. Thanks to the latest update to Photoshop for Creative Cloud members. Great for anyone who uses Photoshop for web or asset creation. See the help documentation for further information as well as this post for all features in the latest update.

Read More

Adobe Edge Reflow CC Update (August 7th)

You’ve asked. We’ve listened. In this video see the latest Adobe Edge Reflow CC (Preview) has to offer. Multiple pages, copy/paste styles and many other productivity enhancements.

Read More

Responsive Design, Illustrated

Responsive design is all about having your web content respond, appear and work appropriately on whatever screen it’s on. Without creating multiple sites. Now I could point you to mediaqueri.es to show you real world examples, but being the visual person I am I thought I’d build my own that more effectively illustrates the concept: Responsive Design, Illustrated (resize the browser) I’ve also created three other examples. Because, lets face it, designing for mobile is like packing […]

Read More