Submit Search
Upload
Inkscape: Mockup that site (BADcamp edition)
•
0 likes
•
3,167 views
Donna Benjamin
Follow
Design
Report
Share
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
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Paromita Roy
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
Nitya salvi
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Call Girls in Nagpur High Profile
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja Nehwal
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
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
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
BarusRa
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
SUHANI PANDEY
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Delhi Call girls
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
ZenSeloveres
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Call Girls in Nagpur High Profile
Peaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Delhi Call girls
Recently uploaded
(20)
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
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...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Peaches App development presentation deck
Peaches App development presentation deck
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort 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