When designing for mobile the common best practice was to create a mobile version of the site to ensure consistency of the experience. This flipped the entire web design process upside down, turned it inside out and rearranged its molecules. Luke Wroblewski started Mobile First on his blog Design the mobile version of the site first, then start thinking about the desktop. A few months later his musing really exploded on the scene when his Mobile First presentation was posted to Linked IN Tech Talks in May of 2010.This video link was quickly handed around the community with a “You gotta check this out.” The premise was simple: Forget about desktop, people. That is the moment when I truly realized the power of mobile devices, because my first reaction was: “This is the sort of stuff my students create.” Mobile FirstĪround the same time I was rattling around Beijing, in November 2009, Luke Wroblewski was musing on his blog about developing a mobile first strategy when it came to web design. In many respects it was nothing more than a tablet bolted into the seat with the content fed wirelessly into the device. When I got into the cab a screen on the back of the front seat lit up and I could interact with the content on it. My epiphany around this had occurred in November 2009 in, of all places, the rear seat of a taxi careening through Beijing. I was speaking at an Adobe Education Leaders event at Adobe HQ in San Jose and was talking about how educators had to wake up and start actively moving what I then called “Multiscreen” design and development into their classrooms. It all started for me about two years ago. Then, disruption happened.īefore I get into the new features of Dreamweaver CS6 which respond to those two concepts, I think it’s important we understand what happened and how this disruption lead to this tutorial series. Think about it, the concepts of Mobile First and Responsive Design really weren’t solidly on your radar until a year or so ago. The disruption was “Responsive Web Design” and “Mobile First” which were first presented to an unsuspecting web industry in 2010. This is one of those times and I love it. I love it when something new comes along which challenges everything we thought was true, ties it up in a little ball and kicks it out to the curb. Let me start off by letting you in on a little secret I just love disruption. These new tools allow designers to visually build their responsive layouts, mobile first, whilst Dreamweaver handles all the flexible calculations in the background. Today I’m going to introduce you to Adobe’s take on Responsive Web Design Fluid Layouts in Dreamweaver CS6.
0 kommentar(er)
