Submit Search
Upload
The New Photoshop, Part 2: The Revenge of the Web
•
5 likes
•
3,598 views
Stephen Hay
Follow
My talk for Mobilism 2013, (May 16, 2013). The sequel to my talk at Fronteers 2012
Read less
Read more
Technology
Art & Photos
Report
Share
Report
Share
1 of 59
Recommended
Learning by doing is hands-down the best way to learn. With serverless, the cost of experimenting (and learning!) in the cloud has reduced to zero, almost. In this talk, Yan Cui discusses the value of experimenting in the cloud and doing so in a tasteful manner (i.e. don't put your experiments into production!), and shares a number of interesting experiments that the serverless community has done, and some ideas and learning that we can take from them. Recording of the talk is available here: https://www.youtube.com/watch?v=oeomaQR1IT4
Dont try these at home
Dont try these at home
Yan Cui
Here's an edited recap of my in-class presentation for the fifth session for the (2009) "Future of Advertising" course at the Minneapolis College of Art and Design (MCAD). This week we continued a series of Building Blocks sessions--this time focusing on websites and the role they can play in marketing. Big thanks to Jamey Erickson from Sevnthsin and TJ Shaffer from Popular Front for coming by and talking about how they approach website design. Please note the Creative Commons license. Thanks. Jamey Erickson's slides embedded within this presentation are copyrighted to Jamey Erickson.
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
Tim Brunelle
Nubia martinez actividad1 mapa_c
Nubia martinez actividad1 mapa_c
NubiaMartinezCordoba
TRABAJO FINAL DE PROCESOS I CON SERGIO
Trabajo final de procesos 1 Sergio Figueroa
Trabajo final de procesos 1 Sergio Figueroa
J G
ITAM Tools Day Presentation - Concorde. Presented by Phil Merson.
ITAM Tools Day, November 2015 - Concorde
ITAM Tools Day, November 2015 - Concorde
Martin Thompson
Productivity discussion using Office 365
Office 365 Amazing Productivity Tips
Office 365 Amazing Productivity Tips
Dennis Bottjer
Cal 40 s 3rd november 2010
Cal 40 s 3rd november 2010
Garden City
WHAT ARE DIVIDENDS
FINANCIAL MANAGEMENT ppt
FINANCIAL MANAGEMENT ppt
Jagruti Godambe
Recommended
Learning by doing is hands-down the best way to learn. With serverless, the cost of experimenting (and learning!) in the cloud has reduced to zero, almost. In this talk, Yan Cui discusses the value of experimenting in the cloud and doing so in a tasteful manner (i.e. don't put your experiments into production!), and shares a number of interesting experiments that the serverless community has done, and some ideas and learning that we can take from them. Recording of the talk is available here: https://www.youtube.com/watch?v=oeomaQR1IT4
Dont try these at home
Dont try these at home
Yan Cui
Here's an edited recap of my in-class presentation for the fifth session for the (2009) "Future of Advertising" course at the Minneapolis College of Art and Design (MCAD). This week we continued a series of Building Blocks sessions--this time focusing on websites and the role they can play in marketing. Big thanks to Jamey Erickson from Sevnthsin and TJ Shaffer from Popular Front for coming by and talking about how they approach website design. Please note the Creative Commons license. Thanks. Jamey Erickson's slides embedded within this presentation are copyrighted to Jamey Erickson.
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
MCAD 2009 - Future of Advertising: session #05 recap (Feb 23)
Tim Brunelle
Nubia martinez actividad1 mapa_c
Nubia martinez actividad1 mapa_c
NubiaMartinezCordoba
TRABAJO FINAL DE PROCESOS I CON SERGIO
Trabajo final de procesos 1 Sergio Figueroa
Trabajo final de procesos 1 Sergio Figueroa
J G
ITAM Tools Day Presentation - Concorde. Presented by Phil Merson.
ITAM Tools Day, November 2015 - Concorde
ITAM Tools Day, November 2015 - Concorde
Martin Thompson
Productivity discussion using Office 365
Office 365 Amazing Productivity Tips
Office 365 Amazing Productivity Tips
Dennis Bottjer
Cal 40 s 3rd november 2010
Cal 40 s 3rd november 2010
Garden City
WHAT ARE DIVIDENDS
FINANCIAL MANAGEMENT ppt
FINANCIAL MANAGEMENT ppt
Jagruti Godambe
my 1st upload to slidshare
gold monetization
gold monetization
Arpit Daga
Implications of off-balance-sheet financing and inferences for the future
The Need For Transparency.
The Need For Transparency.
farah ahmed
Share market basics
Share market basics
Pradeep Behera
Tulsa Tech Fest - SharePoint 2013 Lessons Learned
Tulsa Tech Fest - SharePoint 2013 Lessons Learned
April Dunnam
Form 8909 Energy Efficient Appliance Credit
Form 8909 Energy Efficient Appliance Credit
Form 8909 Energy Efficient Appliance Credit
taxman taxman
Uu nomor 3_tahun_2002_tentang_pertahanan_negara
Uu nomor 3_tahun_2002_tentang_pertahanan_negara
Uu nomor 3_tahun_2002_tentang_pertahanan_negara
Rizki Fitrianto
reka bumi is hidrogeological consultant in indonesia located at area bandung and have wide spread experience around Indonesia mine.
Company profile pt. reka bumi consulting
Company profile pt. reka bumi consulting
asep samsudin
DFP FUNDAMENTALS FOR TRAFFICKERS
DFP FUNDAMENTALS FOR TRAFFICKERS
Surya Reddy
Ser profesor evelyn toro
Ser profesor evelyn toro
evelyntorofisica
The Indian Dental Academy is the Leader in continuing dental education , training dentists in all aspects of dentistry and offering a wide range of dental certified courses in different formats.for more details please visit www.indiandentalacademy.com
Cephalometric landmarks
Cephalometric landmarks
Indian dental academy
Radiation induced bystander effect
Radiation induced bystander effect
Radiation induced bystander effect
masoudnajafi67
SQL Server Query Execution Session at TechEd India 2010. Basic session on tuning ...
SQL Server Query Optimization, Execution and Debugging Query Performance
SQL Server Query Optimization, Execution and Debugging Query Performance
Vinod Kumar
Systematic withdrawal plan
Systematic withdrawal plan
Systematic withdrawal plan
Saxbee Consultants
This is the second presentation on Scrotal Swellings. I have included unique classical clinical vignette, mind map and a tabular column to clinch the correct diagnosis.
Scrotal swellings 1
Scrotal swellings 1
Selvaraj Balasubramani
BMC_VIEWPOINT_II_Focus on CMDB
BMC_VIEWPOINT_II_Focus on CMDB
Javier Leyva Novoa
thing
Arh2050 sp2017 syllabus
Arh2050 sp2017 syllabus
ProfWillAdams
Design systems, not pages. This is an introduction to atomic design (http://bradfrostweb.com/blog/post/atomic-web-design/), a methodology for crafting an effective interface design system. It also introduces Pattern Lab (http://patternlab.io/), a tool for implementing atomic design systems and pattern libraries.
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
Brad Frost
Learn Appmaker, the WebApp authoring tool from Mozilla Webmaker project, to create your first WebApp in seconds.
Webmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60mins
Bob Chao
Websites are all about content. People can access your content many different ways and formats with mobile devices, iPads, phones, etc. The questions are: how can we maintain control over the display of our content and keep our brand consistent? How can we try to provide the best user experience on any platform? Enter Responsive Web Design. Many experts are not leaning on one static design but on structured content that adapts to its given environment. In this talk, we are going to take a look at responsive web design techniques out there including: progressive enhancement, flexible grids, media queries, flexible images & video, & other methods of implementation.
Responsive Design
Responsive Design
Sara Cannon
Websites are all about content. People can access your content many different ways and formats with mobile devices, iPads, phones, etc. The questions are: how can we maintain control over the display of our content and keep our brand consistent?
Responsivedesign slides2-120507173812-phpapp01
Responsivedesign slides2-120507173812-phpapp01
Innovation Excellence
My presentation covering several ways how you can use nowaday's free web offers to save money and time for your company and thus securing your job.
Working In The Now - Paris Web
Working In The Now - Paris Web
Christian Heilmann
Dans cette présentation, Chris Heilmann nous parlera des problèmes liés à l'adoption de standards du web récents, et décrira des façons de contourner ces difficultés. Un exemple simple est le manque de prise en charge native de l'audio et de la vidéo, et les problèmes des implémentations actuelles. La session illustrera concrètement comment régler des problèmes a priori sans solution en les attaquant sous un autre angle. Il s'agit essentiellement de trouver une façon pragmatique de vendre, implémenter et utiliser les standards plutôt que d'attendre que le marché adopte des technologies dont l'utilisation devrait être d'une évidence complète. Présentation originale : http://www.slideshare.net/cheilmann/working-in-the-now-presentation/
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Association Paris-Web
More Related Content
Viewers also liked
my 1st upload to slidshare
gold monetization
gold monetization
Arpit Daga
Implications of off-balance-sheet financing and inferences for the future
The Need For Transparency.
The Need For Transparency.
farah ahmed
Share market basics
Share market basics
Pradeep Behera
Tulsa Tech Fest - SharePoint 2013 Lessons Learned
Tulsa Tech Fest - SharePoint 2013 Lessons Learned
April Dunnam
Form 8909 Energy Efficient Appliance Credit
Form 8909 Energy Efficient Appliance Credit
Form 8909 Energy Efficient Appliance Credit
taxman taxman
Uu nomor 3_tahun_2002_tentang_pertahanan_negara
Uu nomor 3_tahun_2002_tentang_pertahanan_negara
Uu nomor 3_tahun_2002_tentang_pertahanan_negara
Rizki Fitrianto
reka bumi is hidrogeological consultant in indonesia located at area bandung and have wide spread experience around Indonesia mine.
Company profile pt. reka bumi consulting
Company profile pt. reka bumi consulting
asep samsudin
DFP FUNDAMENTALS FOR TRAFFICKERS
DFP FUNDAMENTALS FOR TRAFFICKERS
Surya Reddy
Ser profesor evelyn toro
Ser profesor evelyn toro
evelyntorofisica
The Indian Dental Academy is the Leader in continuing dental education , training dentists in all aspects of dentistry and offering a wide range of dental certified courses in different formats.for more details please visit www.indiandentalacademy.com
Cephalometric landmarks
Cephalometric landmarks
Indian dental academy
Radiation induced bystander effect
Radiation induced bystander effect
Radiation induced bystander effect
masoudnajafi67
SQL Server Query Execution Session at TechEd India 2010. Basic session on tuning ...
SQL Server Query Optimization, Execution and Debugging Query Performance
SQL Server Query Optimization, Execution and Debugging Query Performance
Vinod Kumar
Systematic withdrawal plan
Systematic withdrawal plan
Systematic withdrawal plan
Saxbee Consultants
This is the second presentation on Scrotal Swellings. I have included unique classical clinical vignette, mind map and a tabular column to clinch the correct diagnosis.
Scrotal swellings 1
Scrotal swellings 1
Selvaraj Balasubramani
BMC_VIEWPOINT_II_Focus on CMDB
BMC_VIEWPOINT_II_Focus on CMDB
Javier Leyva Novoa
thing
Arh2050 sp2017 syllabus
Arh2050 sp2017 syllabus
ProfWillAdams
Design systems, not pages. This is an introduction to atomic design (http://bradfrostweb.com/blog/post/atomic-web-design/), a methodology for crafting an effective interface design system. It also introduces Pattern Lab (http://patternlab.io/), a tool for implementing atomic design systems and pattern libraries.
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
Brad Frost
Viewers also liked
(17)
gold monetization
gold monetization
The Need For Transparency.
The Need For Transparency.
Share market basics
Share market basics
Tulsa Tech Fest - SharePoint 2013 Lessons Learned
Tulsa Tech Fest - SharePoint 2013 Lessons Learned
Form 8909 Energy Efficient Appliance Credit
Form 8909 Energy Efficient Appliance Credit
Uu nomor 3_tahun_2002_tentang_pertahanan_negara
Uu nomor 3_tahun_2002_tentang_pertahanan_negara
Company profile pt. reka bumi consulting
Company profile pt. reka bumi consulting
DFP FUNDAMENTALS FOR TRAFFICKERS
DFP FUNDAMENTALS FOR TRAFFICKERS
Ser profesor evelyn toro
Ser profesor evelyn toro
Cephalometric landmarks
Cephalometric landmarks
Radiation induced bystander effect
Radiation induced bystander effect
SQL Server Query Optimization, Execution and Debugging Query Performance
SQL Server Query Optimization, Execution and Debugging Query Performance
Systematic withdrawal plan
Systematic withdrawal plan
Scrotal swellings 1
Scrotal swellings 1
BMC_VIEWPOINT_II_Focus on CMDB
BMC_VIEWPOINT_II_Focus on CMDB
Arh2050 sp2017 syllabus
Arh2050 sp2017 syllabus
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
Similar to The New Photoshop, Part 2: The Revenge of the Web
Learn Appmaker, the WebApp authoring tool from Mozilla Webmaker project, to create your first WebApp in seconds.
Webmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60mins
Bob Chao
Websites are all about content. People can access your content many different ways and formats with mobile devices, iPads, phones, etc. The questions are: how can we maintain control over the display of our content and keep our brand consistent? How can we try to provide the best user experience on any platform? Enter Responsive Web Design. Many experts are not leaning on one static design but on structured content that adapts to its given environment. In this talk, we are going to take a look at responsive web design techniques out there including: progressive enhancement, flexible grids, media queries, flexible images & video, & other methods of implementation.
Responsive Design
Responsive Design
Sara Cannon
Websites are all about content. People can access your content many different ways and formats with mobile devices, iPads, phones, etc. The questions are: how can we maintain control over the display of our content and keep our brand consistent?
Responsivedesign slides2-120507173812-phpapp01
Responsivedesign slides2-120507173812-phpapp01
Innovation Excellence
My presentation covering several ways how you can use nowaday's free web offers to save money and time for your company and thus securing your job.
Working In The Now - Paris Web
Working In The Now - Paris Web
Christian Heilmann
Dans cette présentation, Chris Heilmann nous parlera des problèmes liés à l'adoption de standards du web récents, et décrira des façons de contourner ces difficultés. Un exemple simple est le manque de prise en charge native de l'audio et de la vidéo, et les problèmes des implémentations actuelles. La session illustrera concrètement comment régler des problèmes a priori sans solution en les attaquant sous un autre angle. Il s'agit essentiellement de trouver une façon pragmatique de vendre, implémenter et utiliser les standards plutôt que d'attendre que le marché adopte des technologies dont l'utilisation devrait être d'une évidence complète. Présentation originale : http://www.slideshare.net/cheilmann/working-in-the-now-presentation/
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Association Paris-Web
Finding the optimum Horsepower for your internet project
Finding the optimum Horsepower for your internet project
Comsultia
Workshop Trendy Web Designs & prototyping Presentado por los diseñadores: Jorge López, Laura Martínez y Toni Camí
Workshop 11: Trendy web designs & prototyping
Workshop 11: Trendy web designs & prototyping
Visual Engineering
Slides from a talk I gave at the HTML5.tx conference.
Rapid Templating with Serve
Rapid Templating with Serve
Nathan Smith
presportal.ru is the biggest Russian knowledge bank about presentations. We publish best presentations.
Goodgreater
Goodgreater
Vera Kovaleva
Michael Themba Thapelo Portfolio
Michael Themba Thapelo Portfolio
Michael Themba Thapelo
My talk at Artifact Conference 2014. This particular deck is from the conference in Providence.
Power Tools For Browser-Based Design
Power Tools For Browser-Based Design
Stephen Hay
Mobile First: Responsive Design for eCommerce | Imagine 2013 Technology | B…
Mobile First: Responsive Design for eCommerce | Imagine 2013 Technology | B…
Atwix
Coding for Designers
Coding for Designers
Milly Schmidt
CICD, Microservices, Containers, and Automation are buzzwords spreading throughout software and app development spaces; but where do these architectures make sense to apply and what are the real benefits? In this presentation, Jeremiah explores key differences between complicated vs complex systems and how this applies to modern software development. Learn how modern, massively-scaled software companies are using processes that mimic natural systems to grow, evolve, and adapt to changing demands. We hope you will come away with a new perspective of your own technology systems and take home a few tools to better design those systems to scale and adapt. This presentation is NOT intenteded to be a stand-alone slide deck. Please feel free to reach out to me to learn more about this presentation or to schedule a live presentation for your organization.
How Modern Software Architecture Benefits from Patterns Found in Natural Comp...
How Modern Software Architecture Benefits from Patterns Found in Natural Comp...
Jeremiah Jones
Images are a powerful way to get found organically by search engines. However, they are also a challenge as they create website page bloat. Optimize your WordPress website images for page load speed. It is good for user experience, SEO and the planet.
Optimize Images for SEO WordCamp Sacramento
Optimize Images for SEO WordCamp Sacramento
Leslie Staller
Responsive web design has hit the scene like a bomb, and now designers everywhere are showing off to their bosses and peers by resizing their browser windows. "Look! The site is squishy!" While creating flexible layouts is important, there's a whole lot more that goes into truly exceptional adaptive web experiences. This session will introduce the Principles of Adaptive Design: ubiquity, flexibility, performance, enhancement and future-friendliness. We need go beyond media queries in order to preserve the web's ubiquity and move it in a future-friendly direction.
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
Brad Frost
Would you rather your project be effective or efficient? Why not both? If you're using new tools but following 15-year-old processes, you're wasting time and money. In this popular talk, Jason Mark will share over a dozen best practices for structuring successful modern web projects: It?s a dash of waterfall project management, a cup of agile web development, and a pinch of lean manufacturing.
Smart Marketing - EduWeb 2015, Chicago
Smart Marketing - EduWeb 2015, Chicago
Jason Mark
Slides on developing WordPress sites for mobile devices, from my presentation to WordCamp Portsmouth on July 16 2011
WordPress for mobile
WordPress for mobile
rachel_mccollin
Presentation for BrightonSEO with tips on designing great pieces of content from a designer's perspective. This covers the stages of the creative process and gives an overview on key design elements, along with actionable tips throughout.
From Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great Content
Vicke Cheung
Presentation for National Seminar of CAD, Indonesia, Jan 2013.
Additive Manufacturing / 3D Printing and CAD
Additive Manufacturing / 3D Printing and CAD
Yudhi Ariadi
Similar to The New Photoshop, Part 2: The Revenge of the Web
(20)
Webmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60mins
Responsive Design
Responsive Design
Responsivedesign slides2-120507173812-phpapp01
Responsivedesign slides2-120507173812-phpapp01
Working In The Now - Paris Web
Working In The Now - Paris Web
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Finding the optimum Horsepower for your internet project
Finding the optimum Horsepower for your internet project
Workshop 11: Trendy web designs & prototyping
Workshop 11: Trendy web designs & prototyping
Rapid Templating with Serve
Rapid Templating with Serve
Goodgreater
Goodgreater
Michael Themba Thapelo Portfolio
Michael Themba Thapelo Portfolio
Power Tools For Browser-Based Design
Power Tools For Browser-Based Design
Mobile First: Responsive Design for eCommerce | Imagine 2013 Technology | B…
Mobile First: Responsive Design for eCommerce | Imagine 2013 Technology | B…
Coding for Designers
Coding for Designers
How Modern Software Architecture Benefits from Patterns Found in Natural Comp...
How Modern Software Architecture Benefits from Patterns Found in Natural Comp...
Optimize Images for SEO WordCamp Sacramento
Optimize Images for SEO WordCamp Sacramento
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
Smart Marketing - EduWeb 2015, Chicago
Smart Marketing - EduWeb 2015, Chicago
WordPress for mobile
WordPress for mobile
From Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great Content
Additive Manufacturing / 3D Printing and CAD
Additive Manufacturing / 3D Printing and CAD
More from Stephen Hay
My talk for dsgnday 2015, Amsterdam.
From Deception to Clarity
From Deception to Clarity
Stephen Hay
My talk for CSS Day 2015.
The Backside of the Class (CSS Day 2015)
The Backside of the Class (CSS Day 2015)
Stephen Hay
My talk at FOWD 2015 in London, on deception in web design.
The Art of Deception
The Art of Deception
Stephen Hay
My talk for Smashing Conference in Whistler, BC, December 10, 2014.
Sculpting Text: Easing the Pain of Designing in the Browser
Sculpting Text: Easing the Pain of Designing in the Browser
Stephen Hay
A short introduction to the content of my UIE Virtual Seminar on Responsive Web Design Workflow
UIE Virtual Seminar: Responsive Web Design Workflow
UIE Virtual Seminar: Responsive Web Design Workflow
Stephen Hay
My talk on Flexbox for Breaking Development 2013 in Nashville
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
Stephen Hay
My talk about Flexbox for Generate Conference 2013
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
Stephen Hay
Slides for my talk at FrontendConf (CH) in Zürich.
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
Stephen Hay
My presentation for CSS Day 2013. Browser compatibility slide has been omitted; please check caniuse.com for Flexbox compatibility. Please note that these slides are actually screenshots of a web page I made for the presentation, combined into a PDF to post here; thus, no plain text transcript.
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Stephen Hay
This talk was first presented at Smashing Conference (http://smashingconf.com/). Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.
Style Guides Are The New Photoshop (Smashing Conference 2012)
Style Guides Are The New Photoshop (Smashing Conference 2012)
Stephen Hay
A slightly modified version of the talk I first presented at Smashing Conference, now presented at Fronteers 2012. (http://fronteers.nl/congres/2012) Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
Stephen Hay
Almost exactly the same slides as for BDConf and Mobilism 2012, but some might appreciate having the actual slides from this event.
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
Stephen Hay
Almost exactly the same slides as for BDConf, but some might appreciate having the actual slides from this event.
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
Stephen Hay
Slides from my presentation at Breaking Development 2012 in Orlando. This deck is not intended to be standalone, and probably made more sense in combination with my talk. At least, I hope so. I understand that video of the talk will be available in the near future on the Breaking Development website.
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Stephen Hay
These are my slides for my presentation at Fronteers 2011. Ironic that I had to make images of my HTML slides and convert them to a PDF in order to upload them here. I will, however, post the HTML slides on my site shortly.
Go With The Flow
Go With The Flow
Stephen Hay
Fronteers Workshop: Rabid Prototyping
Fronteers Workshop: Rabid Prototyping
Stephen Hay
Meta layout: a closer look at media queries
Meta layout: a closer look at media queries
Stephen Hay
A presentation I gave at Breaking Development 2011 (which was an updated and modified version of the presentation I gave at Fronteers 2010). In this talk I touched on the new Flexbox draft and CSS3 Grid Layout. Interestingly enough, while I was presenting, Microsoft announced IE10, which includes support for both specs (as well as multicolumn layout).
Real-world Responsive Design @ Breaking Development 2011
Real-world Responsive Design @ Breaking Development 2011
Stephen Hay
HTML5 & Webrichtlijnen 2
HTML5 & Webrichtlijnen 2
Stephen Hay
My presentation for Fronteers 2010 in Amsterdam.
Real-world Responsive Design
Real-world Responsive Design
Stephen Hay
More from Stephen Hay
(20)
From Deception to Clarity
From Deception to Clarity
The Backside of the Class (CSS Day 2015)
The Backside of the Class (CSS Day 2015)
The Art of Deception
The Art of Deception
Sculpting Text: Easing the Pain of Designing in the Browser
Sculpting Text: Easing the Pain of Designing in the Browser
UIE Virtual Seminar: Responsive Web Design Workflow
UIE Virtual Seminar: Responsive Web Design Workflow
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Style Guides Are The New Photoshop (Smashing Conference 2012)
Style Guides Are The New Photoshop (Smashing Conference 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Go With The Flow
Go With The Flow
Fronteers Workshop: Rabid Prototyping
Fronteers Workshop: Rabid Prototyping
Meta layout: a closer look at media queries
Meta layout: a closer look at media queries
Real-world Responsive Design @ Breaking Development 2011
Real-world Responsive Design @ Breaking Development 2011
HTML5 & Webrichtlijnen 2
HTML5 & Webrichtlijnen 2
Real-world Responsive Design
Real-world Responsive Design
Recently uploaded
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Nanddeep Nachan
The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
When you’re building (micro)services, you have lots of framework options. Spring Boot is no doubt a popular choice. But there’s more! Take Quarkus, a framework that’s considered the rising star for Kubernetes-native Java. It always depends on what's best for your situation, but how to choose the best solution if you're comparing 2 frameworks? Both Spring Boot and Quarkus have their positives and negatives. Let us compare the two by live coding a couple of common use cases in Spring Boot and Quarkus. After this talk, you’ll be ready to get started with Quarkus yourself, and know when to select Quarkus or Spring Boot.
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Jago de Vreede
In this talk, we are going to cover the use-case of food image generation at Delivery Hero, its impact and the challenges. In particular, we will present our image scoring solution for filtering out inappropriate images and elaborate on the models we are using.
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Zilliz
Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Presentation from Melissa Klemke from her talk at Product Anonymous in April 2024
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
Workshop Build With AI - Google Developers Group Rio Verde
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Sandro Moreira
The action of the next cyber saga takes place in the mystical lands of the Asia-Pacific region, where the main characters began their digital activities in the middle of 2021 and qualitatively strengthened it in 2022. Corporate espionage, document theft, audio recordings, and data leaks from messaging platforms were all a matter of one day for Dark Pink. Their geographical focus may have started in the Asia-Pacific region, but their ambitions knew no bounds, targeting a European government ministry in a bold move to expand their portfolio. Their victim profile was as diverse as a UN meeting, targeting military organizations, government agencies, and even a religious organization. Because discrimination is not a fashionable agenda. In the world of cybercrime, they serve as a reminder that sometimes the most serious threats come in the most unassuming packages with a pink bow.
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
Overkill Security
Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Orbitshub
How to get Oracle DBA Job as fresher.
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
The Digital Insurer
Uncertainty, Acting under uncertainty, Basic probability notation, Bayes’ Rule,
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
Khushali Kathiriya
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving. A report by Poten & Partners as part of the Hydrogen Asia 2024 Summit in Singapore. Copyright Poten & Partners 2024.
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
ICT role in education and it's challenges. In which we learn about ICT, it's impact, benefits and challenges.
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
apidays
Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
Recently uploaded
(20)
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
The New Photoshop, Part 2: The Revenge of the Web
1.
Revenge THE NEW PHOTOSHOP,
PART 2 Web STEPHEN HAY MOBILISM 2013 AMSTERDAM of the the
2.
Image-basedmockupsare
3.
Image-basedmockupsare SORRY TO BE
THE BEARER OF BAD NEWS.
4.
DESIGNER MEDIUM I MADE
THIS UP. BUT STILL.
5.
DESIGNER MEDIUM fashion furniture/interior architecture print web I MADE
THIS UP. BUT STILL.
6.
why? web-basedmockups…
7.
Managingmorethan200PSDfilesisnot onlytedious,butitcanproduceminor discrepanciesbetweencompsofthe samepageatdifferentbreakpoints. – appendTo ON
THE TIME.COM REDESIGN http://appendto.com/case-study/responsive-design-time-com
8.
Managingmorethan200PSDfilesisnot onlytedious,butitcanproduceminor discrepanciesbetweencompsofthe samepageatdifferentbreakpoints. – appendTo ON
THE TIME.COM REDESIGN x< 200 THAT’S WHY
9.
Web-basedmockupsmoreeffectively representtheendresultinthebrowser
10.
Web-basedmockupsmoreeffectively representtheendresultinthebrowser becausetheyarealreadyinthebrowser.
11.
Web-basedmockupsmoreeffectively representtheendresultinthebrowser becausetheyarealreadyinthebrowser. DOH!
12.
flickr.com/photos/uggboy/4098274795/ Clientseesthis.
13.
flickr.com/photos/boanerges/70312998/ Clientgetsthis.
14.
Designrevisionscanbea nightmare. Get rid of
this Make logo this big Put some LoremIpsum here andwe’ll tackle it in afuture iteration. Search bar looks great!
15.
Designrevisionscanbea nightmare. Get rid of
this Make logo this big Put some LoremIpsum here andwe’ll tackle it in afuture iteration. Search bar looks great! GOOD LUCK WITH THAT ON 3 MOCKUPS PER SCREEN
16.
experimentation
17.
experimentation
18.
experimentation win.
19.
versioncontrol.
20.
versioncontrol.
21.
oops. psdisasters.com
22.
oops. psdisasters.com
23.
er…
24.
THE TOOL RULE It’snotaboutthetools.
25.
THE TOOL RULE It’snotaboutthetools. It’saboutthemedium.
26.
how? web-basedmockups…
27.
sketch. first,
28.
sketch. first,
29.
sketch. first, SKETCHING IS WHERE
DESIGN HAPPENS SKETCHING IS VISUAL THINKING IT’S THE HARD PART. THE REST IS EXECUTION
30.
getanduse representativecontent.
31.
getanduse representativecontent. WITHOUT IT, YOU’RE
DESIGNING BLIND DESIGN WITHOUT CONTENT IS EITHER ART OR DECORATION AND I’M PRETTY SURE IT’S NOT ART
32.
Don’tdesignaroundthis Enimurna,pharetrasuscipit,varius et,conguequis,odio.Doneclobortis, elitbibendumeuismodfaucibus,velit nibhegestaslibero,vitae pellentesqueelitaugueutmassa. Nullaconsequateratatmassa. Vivamusid.
33.
whenitshouldbethis Enimurna Pharetrasuscipit,variuset,congue quis,odio.Doneclobortis,elit bibendumeuismodfaucibus • Velitnibhegestaslibero • Vitaepellentesqueelitaugueut massa. Nullaconsequateratatmassa. Vivamusid…
34.
Youhavetoknowwhatyourcontentis— orisgoingtobe—inordertodealwithit appropriately.
35.
Youhavetoknowwhatyourcontentis— orisgoingtobe—inordertodealwithit appropriately. WHAT IS THE
STRUCTURE OF THE CONTENT?
36.
thesethingscanhelpwithspeed LAYOUT/GRID HELPERS STATIC SITE
GENERATORS CSS PREPROCESSORS
37.
Ideally,yourmockupcouldbecomethe baseforfront-endproduction.
38.
Ideally,yourmockupcouldbecomethe baseforfront-endproduction. THOUGH IT DOESN’T
NEED TO BE. RELAX.
39.
staticsitegenerators FOR EXAMPLE: JEKYLL,
HYDE, NANOC, DEXY THESE PROVIDE WAYS OF SAYING: setup mymockup serve mymockup
40.
Jekyll FOR EXAMPLE http://jekyllrb.com/
41.
Jekyll FOR EXAMPLE ~ $
gem install jekyll ~ $ jekyll new mymockup ~ $ cd mymockup ~/mymockup $ jekyll serve AVAILABLE AT LOCALHOST:4000
42.
Dexy FOR EXAMPLE http://dexy.it/
43.
Dexy FOR EXAMPLE ~ $
dexy gen --t [template] --d [directory] ~ $ cd mymockup ~/mymockup $ dexy ~/mymockup $ dexy serve AVAILABLE AT LOCALHOST:8085
44.
layout/gridhelpers FOR EXAMPLE: SUSY,
CSS, YOUR OWN THESE PROVIDE WAYS OF QUICKLY POSITIONING ELEMENTS TO AN UNDERLYING GRID
45.
Susy FOR EXAMPLE http://susy.oddbird.net/
46.
CSS FOR EXAMPLE http://w3.org/Style/CSS Flexbox Gridlayout (Grid)Templatelayout http://www.w3.org/TR/css3-flexbox/ http://www.w3.org/TR/css3-grid-layout/ http://dev.w3.org/csswg/css-template/
47.
CSSpreprocessors FOR EXAMPLE: SASS,
LESS PROVIDE VARIABLES, MIXINS, & MUCH MORE
48.
Tocreateweb-basedmockups,youwill needsomeknowledgeofthemediumfor whichyouaredesigning. WEB TECH IS
SIMPLY ANOTHER TOOLSET. NO NEED TO BE AFRAID.
49.
do whatcanyou withweb-basedmockups onceyouhavethem?
50.
presentthem
51.
presentthem TO CLIENTS, DEVELOPERS,
BASICALLY ANYONE
52.
automatedscreenshots VISUAL ARCHIVE OF
THE ITERATION PROCESS ~ $ casperjs screenshots.js
53.
livedemos ON ACTUAL DEVICES
54.
[usability]testing ON ACTUAL DEVICES
55.
usethemasabaseforastyleguide
56.
usethemasabaseforastyleguide STYLE GUIDES ARE
THE NEW PHOTOSHOP slideshare.net/stephenhay/style-guides-are-the-new-photoshop-fronteers-2012
57.
more web-basedmockupsare thanaprettypicture.
58.
more web-basedmockupsare thanaprettypicture. CONSIDER THEM!
59.
havefun keeplearning THANK YOU! @stephenhay