Inkscape: Mockup that site

•

1 like•1,753 views

The document is a presentation about the open source vector graphics editor Inkscape. It introduces Inkscape and notes that it is free to use, follows W3C standards, and is similar to using HTML and CSS. It then asks about using Inkscape for mockups and wireframes. The presentation provides an overview of basic Inkscape tools and tutorials available through built-in features, books, and online resources such as blogs and YouTube videos. It concludes by thanking the audience.

Donna Benjamin
● Creative Contingencies
http://cc.com.au

● Drupal Melbourne

● Writing
'Beginning Inkscape'

donna@cc.com.au
http://twitter.com/kattekrab
Photo ©2010 Stewart Smith

Books

The Book of Inkscape 0.48: Essentials Inkscape: Guide to a
Inkscape for Web Designers Vector Drawing Program
Dmitry Kirsanov Bethany Hiitola Tavmjong Bah

Online stuff
#inkscape
screencasts
youtube
blogs

Inkscape is fabulous free and open source software for creating vector graphics. But it's also a powerful too for creating web and user interface mockups. By creating a library of common design elements, and borrowing from elsewhere it's easy to bring ideas to life to share with colleagues and test with users. This session will introduce a series of SVG UI Widgets created to mockup Drupal sites, and demonstrate a basic workflow for pulling it all together. 2012.osdc.com.au/talks/inkscape-web-and-ui-mockups

Inkscape: Mockup that site (BADcamp edition)Donna Benjamin

Features in lovebmeme

Introduction to JavaScript

Ankur Srivastava

Html web canvas

AbhishekMondal42

Rapid Prototyping With J Query

Bootstrap

Question 6Paigew84

Codestrong 2012 breakout session create real interactive prototypes in minutesAxway Appcelerator

HTML GL solves "the slow DOM problem" by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL represenations. These GPU accelerated textures are very effective from resources consuming perspective and are very cheap to transform or animate.

Codemotion Rome 2016 - PolymerMaurizio Mangione

DevOne - How to not fail with Azure

Martin Gutenbrunner

HTML GL - возьмите столько FPS, сколько вам нужно!

CodeFest

HTML5 for Web Designers

Goodbytes

Designer vs Developer: BE THE UNICORN

Sara Cannon

Are you a Designer or a Developer or both? – This talk will explore myths & preconceptions about roles.. And how when we push these boundaries, we can achieve greater things. Because, if you understand what you’re trying to accomplish both technically and visually, you will have fantastic a outcome. We’ll touch on “crossover” (golden unicorn) topics such as UI, UX, trusting instincts, user testing, wire framing, information architecture, typography, front end structure, form, and the mindset we need to have in order to challenge both sides of our brain. WordPress is a great place to put this into practice: as its a perfect environment for leaning php & css, but also its surrounding community support helps us achieve greatness. Weather you consider yourself a Designer, a Developer, or both: this talk is for you.

Migrating your Web app to Virtual Reality

Denis Radin

HTML/CSS is an ultimate stack for UI development however hyping VR technology still have no way to reuse millions of Web applications already available. This talk is about theory and practice of porting existing HTML/CSS apps into Virtual Reality. Oculus Rift is bought by Facebook, HTC investing 10 billions in VR apps developers, Sony got VR for PlayStation, Nintendo is going VR. Virtual Reality is booming and number of households having VR doubles every month. The same do number of VR applications. However it is still not possible to bring best UI development practices into Virtual Reality using UI development unicorn - Web platform. This talk gives insights on ways possible for displaying HTML/CSS content in Virtual Reality. Should we go CSS way or WebGL? What are possible solutions and most expected pitfalls? Why HTML is still a good choice to develop interfaces for VR? How Web developers can contribute to VR industry? These are questions answered.

Managing Responsive Design Projects

Andrew Smyk

Manage client expectations and get sign off for multi-screen, responsive projects with interactive mock-ups. Move away from the traditional use of Photoshop for interface mock-ups for multi-device interface and interaction designs. Incorporate client involvement for flexible decision making in responsive web design projects and building cost of devices into pricing models, guerrilla usability testing and project deliverables.

Using Backbone with CakePHPRichard McIntyre

samrmedia

Writing Modern Applications with ASP.NET Web Forms

sergioafp

Compiled Xaml Performance in Xamarin.Forms

Matthew Robbins

Unleashing WebGL & WebAudio with babylon.js

davrous

During this session, we will see how, thanks to babylon.js, we can easily create and use 3D content associated with sounds directly with JavaScript. We will also see how to interact with DCC tools like Blender or 3DS Max to work with 3D designer. With simplicity in mind we will be able to use complex topics like collisions, physics or even spatial sound with the minimal amount of code! #jquk 2015

Question 6rachaelarcher123

page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』

swwwitch inc.

Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es

davrous

We'll see in this session how to create 3D HTML5 WebGL games for the desktop & mobile web. For that, I’ll show you our open-source Babylon.JS WebGL gaming engine available on GitHub. It has been recently used by Ubisoft for the Assassin’s Creed Pirates web experience. We’ll see how to cover the complete gaming pipeline from the 3D assets created & exported from Blender/3DS Max/Maya to BabylonJS, the various camera's types (touch, virtual joysticks, gamepad, etc.), the usage of the embedded physic engine. At last, of course, how to implement the game logic in JavaScript. We'll build a simple game to better understand how to use this free engine.

Campus for Mums - Wireframe/Prototyping and after hire a Developer

Rui Barroca

A Practical Guide To Designing For The Web Five Simple Steps

Felicia Clark

Joy of Inkscape - at StixCamp

Inkscape: Mockup that site

Recommended

Recommended

More Related Content

What's hot

What's hot (18)

Similar to Inkscape: Mockup that site

Similar to Inkscape: Mockup that site (20)

More from Donna Benjamin

More from Donna Benjamin (20)

Inkscape: Mockup that site