Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rapid Wireframing with front-end frameworks

Avatar for Peter Kaizer Peter Kaizer
September 21, 2014
Technology
1
170

Rapid Wireframing with front-end frameworks

A discussion of Rapid Wireframing with front-end frameworks options presented at Mobile UX Camp DC 2014
Avatar for Peter Kaizer

Peter Kaizer

September 21, 2014
Tweet

More Decks by Peter Kaizer

See All by Peter Kaizer
Design Deliverables
Avatar for Peter Kaizer pdkaizer
1
440
Web Design Workflow
Avatar for Peter Kaizer pdkaizer
6
270
Rapid CMS Enabled site development with Wordpress
Avatar for Peter Kaizer pdkaizer
0
110

Other Decks in Technology

See All in Technology
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
Avatar for Yuya Takeyama yuyatakeyama
3
1.2k
Claude Code Actionを使ったコード品質改善の取り組み
Avatar for Katsunori Kanda potix2
PRO
6
2.2k
Azure AI Foundryでマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
180
フィンテック養成勉強会#54
Avatar for フィンテック養成コミュニティ finengine
0
170
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
110
A2Aのクライアントを自作する
Avatar for Ryunosuke Iwai rynsuke
1
170
データプラットフォーム技術におけるメダリオンアーキテクチャという考え方/DataPlatformWithMedallionArchitecture
Avatar for Masatoshi Shimada smdmts
5
620
Liquid Glass革新とSwiftUI/UIKit進化
Avatar for Fumiya Sakai fumiyasac0921
0
190
AWS CDK 実践的アプローチ N選 / aws-cdk-practical-approaches
Avatar for k.goto gotok365
6
710
TechLION vol.41～MySQLユーザ会のほうから来ました / techlion41_mysql
Avatar for sakaik sakaik
0
180
～宇宙最速～ 2025年AWS Summit レポート
Avatar for sleepingsato satodesu
1
1.8k
実践！ AIエージェント導入記
Avatar for 森本タカヒロ 1mono2prod
0
160

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
700
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
41
7.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
It's Worth the Effort
Avatar for 3n 3n
185
28k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k

Transcript

  1. Rapid Wireframeing & Prototyping A discussion of options ! Peter

    Kaizer, Senior User Experience Consultant; Aquilent ! @pdkaizer

  2. Some ways wireframes have been done • Pen and paper

    • Illustrator • Photoshop • Powerpoint/Keynote • Balsamiq • Axure • HTML/CSS

  3. Rapid wireframing with modern front-end frameworks • Foundation • Bootstrap

    • Neat • Roll your own

  4. Advantages: • Responsive • Modular • Can evolve into design

    prototypes • Can migrate to production code

  5. My system • HTML/CSS • SASS/Haml/Coffee Script • Bootstrap 3

    • Hammer app for Mac