Your SlideShare is downloading. ×
0
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
The Design in Responsive Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The Design in Responsive Design

1,324

Published on

Slides from my Presentation at Forefront Leeds 03 focussing on new design tools to aid visualising and prototyping responsive sites. …

Slides from my Presentation at Forefront Leeds 03 focussing on new design tools to aid visualising and prototyping responsive sites.

Included a brief demo of Macaw:
http://macaw.co

You can view/grab the output code from Github:
http://welikeideas.github.io/hipster/
https://github.com/welikeideas/hipster

Follow me on Twitter at @welikeideas

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,324
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. CHRIS VERNON Creative Director at Chapter Eight @welikeideas
  • 2. THE DESIGN IN RESPONSIVE DESIGN
  • 3. It draws pictures PHOTOSHOP
  • 4. MIND-BLOWING IMAGERY
  • 5. NICHOLAS CAGE MEMES
  • 6. Pretty much all creative design apps create awesome stuff NOT JUST PHOTOSHOP
  • 7. EVEN MICROSOFT PAINT http://www.hallasko.com
  • 8. AWESOME MOCKUPS FOR CLIENTS
  • 9. CLIENTS LIKE TO SEE WHAT THEY’RE GETTING
  • 10. THE WEB ISN’T STATIC
  • 11. HOW DO WE ENSURE A DESIGN THAT WORKS ON ALL THESE DEVICES?
  • 12. DESIGN EVERY BREAKPOINT?
  • 13. QUICKLY BECOMES UNMANAGEABLE
  • 14. DESIGN IN THE BROWSER?
  • 15. SLOW TO EXPERIMENT AND TRY IDEAS
  • 16. DISTRACTED BY CODE
 AND TOOLS
  • 17. CODING IS A DIFFERENT MINDSET TO CREATIVE
  • 18. ? WHAT IF THERE WAS SOMETHING SOMEWHERE IN BETWEEN?
  • 19. SMASHED KICKSTARTER TARGET BY OVER 350%
  • 20. ADD INTERACTIVITY RESPONSIVE BREAKPOINTS FLUID CANVAS & GRID DESIGN LIKE PHOTOSHOP
  • 21. WARNING BETA SOFTWARE A CLOSER LOOK
  • 22. http://welikeideas.github.io/hipster/ HAVE A LOOK YOURSELF
  • 23. http://html.adobe.com/edge/reflow/ http://macaw.co/ https://webflow.com
  • 24. –Web Designers “Do you remember when we used to draw pictures of websites in Photoshop?” Sometime in the not-too-distant future

×