Submit Search
Upload
Inkscape: Mockup that site (BADcamp edition)
•
0 likes
•
3,167 views
Donna Benjamin
Follow
Design
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 29
Download now
Download to read offline
Recommended
Inkscape for web and UI mockups
Inkscape for web and UI mockups
Donna Benjamin
Inkscape: Mockup that site
Inkscape: Mockup that site
Donna Benjamin
Forge - DevCon 2016: Creating your next VR Walkthrough with Cloud Rendered St...
Forge - DevCon 2016: Creating your next VR Walkthrough with Cloud Rendered St...
Autodesk
Features in love
Features in love
bmeme
Accessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIA
Dirk Ginader
Introduction to WebVR Autodesk Forge 2016
Introduction to WebVR Autodesk Forge 2016
Tony Parisi
Week5 BA
Week5 BA
CMoz
Introduction to JavaScript
Introduction to JavaScript
Ankur Srivastava
Recommended
Inkscape for web and UI mockups
Inkscape for web and UI mockups
Donna Benjamin
Inkscape: Mockup that site
Inkscape: Mockup that site
Donna Benjamin
Forge - DevCon 2016: Creating your next VR Walkthrough with Cloud Rendered St...
Forge - DevCon 2016: Creating your next VR Walkthrough with Cloud Rendered St...
Autodesk
Features in love
Features in love
bmeme
Accessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIA
Dirk Ginader
Introduction to WebVR Autodesk Forge 2016
Introduction to WebVR Autodesk Forge 2016
Tony Parisi
Week5 BA
Week5 BA
CMoz
Introduction to JavaScript
Introduction to JavaScript
Ankur Srivastava
Virtually Anyone
Virtually Anyone
Tony Parisi
Codestrong 2012 breakout session create real interactive prototypes in minutes
Codestrong 2012 breakout session create real interactive prototypes in minutes
Axway Appcelerator
HTML5 for Web Designers
HTML5 for Web Designers
Goodbytes
DevOne - How to not fail with Azure
DevOne - How to not fail with Azure
Martin Gutenbrunner
Managing Responsive Design Projects
Managing Responsive Design Projects
Andrew Smyk
Build the Virtual Reality Web with A-Frame
Build the Virtual Reality Web with A-Frame
Mozilla VR
Question 6
Question 6
Paigew84
Animations on Fire - Making Web animations fast
Animations on Fire - Making Web animations fast
brianskold
Serious Animation (an introduction to Web Animations)
Serious Animation (an introduction to Web Animations)
brianskold
Geekspeak: Javascript
Geekspeak: Javascript
lisakennelly
Unleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.js
davrous
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
Denis Radin
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
lomalogue
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Sara Cannon
Backbone And Marionette : Take Over The World
Backbone And Marionette : Take Over The World
harshit040591
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
davrous
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Rui Barroca
Migrating your Web app to Virtual Reality
Migrating your Web app to Virtual Reality
Denis Radin
HTML GL - возьмите столько FPS, сколько вам нужно!
HTML GL - возьмите столько FPS, сколько вам нужно!
CodeFest
Using Backbone with CakePHP
Using Backbone with CakePHP
Richard McIntyre
From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?
Donna Benjamin
Turning stories into websites #wds18
Turning stories into websites #wds18
Donna Benjamin
More Related Content
What's hot
Virtually Anyone
Virtually Anyone
Tony Parisi
Codestrong 2012 breakout session create real interactive prototypes in minutes
Codestrong 2012 breakout session create real interactive prototypes in minutes
Axway Appcelerator
HTML5 for Web Designers
HTML5 for Web Designers
Goodbytes
DevOne - How to not fail with Azure
DevOne - How to not fail with Azure
Martin Gutenbrunner
Managing Responsive Design Projects
Managing Responsive Design Projects
Andrew Smyk
Build the Virtual Reality Web with A-Frame
Build the Virtual Reality Web with A-Frame
Mozilla VR
Question 6
Question 6
Paigew84
Animations on Fire - Making Web animations fast
Animations on Fire - Making Web animations fast
brianskold
Serious Animation (an introduction to Web Animations)
Serious Animation (an introduction to Web Animations)
brianskold
Geekspeak: Javascript
Geekspeak: Javascript
lisakennelly
Unleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.js
davrous
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
Denis Radin
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
lomalogue
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Sara Cannon
Backbone And Marionette : Take Over The World
Backbone And Marionette : Take Over The World
harshit040591
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
davrous
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Rui Barroca
Migrating your Web app to Virtual Reality
Migrating your Web app to Virtual Reality
Denis Radin
HTML GL - возьмите столько FPS, сколько вам нужно!
HTML GL - возьмите столько FPS, сколько вам нужно!
CodeFest
Using Backbone with CakePHP
Using Backbone with CakePHP
Richard McIntyre
What's hot
(20)
Virtually Anyone
Virtually Anyone
Codestrong 2012 breakout session create real interactive prototypes in minutes
Codestrong 2012 breakout session create real interactive prototypes in minutes
HTML5 for Web Designers
HTML5 for Web Designers
DevOne - How to not fail with Azure
DevOne - How to not fail with Azure
Managing Responsive Design Projects
Managing Responsive Design Projects
Build the Virtual Reality Web with A-Frame
Build the Virtual Reality Web with A-Frame
Question 6
Question 6
Animations on Fire - Making Web animations fast
Animations on Fire - Making Web animations fast
Serious Animation (an introduction to Web Animations)
Serious Animation (an introduction to Web Animations)
Geekspeak: Javascript
Geekspeak: Javascript
Unleashing WebGL & WebAudio with babylon.js
Unleashing WebGL & WebAudio with babylon.js
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
HTML GL - 60 FPS and amazing effects by rendering HTML/CSS in WebGL, framewor...
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Backbone And Marionette : Take Over The World
Backbone And Marionette : Take Over The World
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Campus for Mums - Wireframe/Prototyping and after hire a Developer
Migrating your Web app to Virtual Reality
Migrating your Web app to Virtual Reality
HTML GL - возьмите столько FPS, сколько вам нужно!
HTML GL - возьмите столько FPS, сколько вам нужно!
Using Backbone with CakePHP
Using Backbone with CakePHP
More from Donna Benjamin
From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?
Donna Benjamin
Turning stories into websites #wds18
Turning stories into websites #wds18
Donna Benjamin
Turning stories into software - Laracon Australia 2018
Turning stories into software - Laracon Australia 2018
Donna Benjamin
Engaging learners from objective to activity - MoodleMootAU 2018
Engaging learners from objective to activity - MoodleMootAU 2018
Donna Benjamin
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
Donna Benjamin
Communication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon Vienna
Donna Benjamin
Tools for talking
Tools for talking
Donna Benjamin
Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017
Donna Benjamin
I am your user, why do you hate me linux.conf.au 2017
I am your user, why do you hate me linux.conf.au 2017
Donna Benjamin
Digitise the Dawn - Sydney Mechanics School of Arts
Digitise the Dawn - Sydney Mechanics School of Arts
Donna Benjamin
2121: How do we get there?
2121: How do we get there?
Donna Benjamin
Turning stories into websites - PyConAU
Turning stories into websites - PyConAU
Donna Benjamin
Django & Drupal: A Tale of Two Cities
Django & Drupal: A Tale of Two Cities
Donna Benjamin
Turning stories into websites - The PHP conference Australia edition
Turning stories into websites - The PHP conference Australia edition
Donna Benjamin
Turning stories into websites
Turning stories into websites
Donna Benjamin
Constructive Conflict Resolution
Constructive Conflict Resolution
Donna Benjamin
Drupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotw
Donna Benjamin
Constructive Conflict Resolution slides
Constructive Conflict Resolution slides
Donna Benjamin
ODF: Our Document Future - Open Document Format & Digital Preservation.
ODF: Our Document Future - Open Document Format & Digital Preservation.
Donna Benjamin
Panopoly: Magical Mystery Tour
Panopoly: Magical Mystery Tour
Donna Benjamin
More from Donna Benjamin
(20)
From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?
Turning stories into websites #wds18
Turning stories into websites #wds18
Turning stories into software - Laracon Australia 2018
Turning stories into software - Laracon Australia 2018
Engaging learners from objective to activity - MoodleMootAU 2018
Engaging learners from objective to activity - MoodleMootAU 2018
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
Communication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon Vienna
Tools for talking
Tools for talking
Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017
I am your user, why do you hate me linux.conf.au 2017
I am your user, why do you hate me linux.conf.au 2017
Digitise the Dawn - Sydney Mechanics School of Arts
Digitise the Dawn - Sydney Mechanics School of Arts
2121: How do we get there?
2121: How do we get there?
Turning stories into websites - PyConAU
Turning stories into websites - PyConAU
Django & Drupal: A Tale of Two Cities
Django & Drupal: A Tale of Two Cities
Turning stories into websites - The PHP conference Australia edition
Turning stories into websites - The PHP conference Australia edition
Turning stories into websites
Turning stories into websites
Constructive Conflict Resolution
Constructive Conflict Resolution
Drupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotw
Constructive Conflict Resolution slides
Constructive Conflict Resolution slides
ODF: Our Document Future - Open Document Format & Digital Preservation.
ODF: Our Document Future - Open Document Format & Digital Preservation.
Panopoly: Magical Mystery Tour
Panopoly: Magical Mystery Tour
Recently uploaded
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
LukeKholes
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
suhanimunjal27
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
jeswinjees
The history of music videos a level presentation
The history of music videos a level presentation
amedia6
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Call Girls in Nagpur High Profile
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
janettecruzeiro1
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Paromita Roy
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Call Girls in Nagpur High Profile
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
RitikaRoy32
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja Nehwal
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Call Girls in Nagpur High Profile
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
anilsa9823
Recently uploaded
(20)
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
The history of music videos a level presentation
The history of music videos a level presentation
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
Inkscape: Mockup that site (BADcamp edition)
1.
INKSCAPE mockup that site
2.
Donna Benjamin
Photo ©2010 Stewart Smith kattekrab
3.
What is Inkscape?
4.
GNU General Public License
5.
Scalable Vector Graphic
6.
Open Standard
7.
Just like
8.
& CSS3
9.
But who cares?
10.
I do.
11.
12.
So... Mockups?
13.
and what about Wireframes?
14.
15.
16.
17.
18.
19.
Inkscape Basics
20.
Basic tools
21.
Basic techniques
22.
SVG UI Widgets
23.
drupal.org/sandbox/kattekrab/ 1263304
24.
Chapter Three http://www.chapterthree.com/blog/nica_lorber/design_drupal_template_approach
25.
jQuery inspired http://jqueryui.com/themeroller/
26.
TopNotch / Balsamiq http://fusiondrupalthemes.com/support/theme-developers/designing-fusion/downloadable-drupal-wireframing-components-balsamiq-mockup
27.
Bartik inspired
28.
Demo Time
29.
Questions?
Download now