prototyping with html, css & jquery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011 PROTOTYPING WITH HTML, CSS & JQUERY

Upload: bermon-painter

Post on 10-May-2015

1.026 views

Category:

Technology

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

PROTOTYPINGWITH HTML, CSS & JQUERY

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

A BRIEF INTRO

Page 3: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

BERMON PAINTERCharlotte UX Organizer

Page 4: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

PROTOTYPING

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

“It’s one thing to talk about them and have storyboards and another thing to see them for real.”

— Robert Hoekman, Jr.

Page 7: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

Page 8: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

BENEFITS

Page 9: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

BRIDGE COMMUNICATION GAP

Benefits

Page 10: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

ENGAGE STAKEHOLDERS

Benefits

Page 11: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

REDUCE WASTE& SAVE TIME

Benefits

Page 12: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

1. DECISIONS BY THE RIGHT PEOPLE

Benefits - Reduce Waste & Save Time

Page 13: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

2. SURVIVAL OF THE FITTEST

Benefits - Reduce Waste & Save Time

Page 14: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

3. EASILY & QUICKLY ADAPTED

Benefits - Reduce Waste & Save Time

Page 15: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

4. REDUCES MISINTERPRETATION

Benefits - Reduce Waste & Save Time

Page 16: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

5. MORE FOCUSEBenefits - Reduce Waste & Save Time

Page 17: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

6. REDUCE RISKBenefits - Reduce Waste & Save Time

Page 18: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

STRENGTHS OF HTML

Page 19: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

PLATFORM INDEPENDENCE

Strengths of HTML

Page 20: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

FREE FREE FREEStrengths of HTML

Page 21: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

PORTABLE, LIKE REALLY PORTABLE

Strengths of HTML

Page 22: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

IT’S REALLY REALStrengths of HTML

Page 23: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

HELPS GUAGE FEASIBILITY

Strengths of HTML

Page 24: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

MODULAR & REUSABLEStrengths of HTML

Page 25: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

COLLABORATIVEStrengths of HTML

Page 26: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

TOOLS OF THE TRADE

Page 27: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

HTML5 + CSS3 + JQUERYTools of the Trade

Page 28: Prototyping with HTML, CSS & jQuery

CHARLOTTE UX BERMON PAINTER JAN 24th, 2011

FIN

Cartegraph Live HTML, CSS, JavaScript and jQuery Training

CSS & JQuery training

Kumpulan Artikel jQuery dan Css

The jQuery UI CSS Framework & ThemeRoller - Filament Group

jQuery · 2013-11-14 · Accessing styles in jQuery css function of the jQuery object allows reading pre-existing styles gives us the familiar font-size syntax instead of fontSize

css Vs Jquery - Jonathan Snook Ca - Posts · CSS vs jQUERY 1. THE CLASSIC CONTENDER: ... Our HTML Menu ... left:usingtranslate(x,y)ortranslate3d(x,y,z)

ICS 665 Jesse Abdul. jQuery UI Overview jQuery UI javascript library Includes all UI component functionality jQuery UI CSS framework Includes standard

CMSC434 TUTORIAL #4 HTML CSS JavaScript Jquery HTML5 · CMSC434 TUTORIAL #4 HTML CSS JavaScript Jquery Ajax HTML5 Mobile WebApp . A"new"standard"for"HTML"(since"the"lastrelease"of"HTML4"in"1999)

Thinkin' Tags - Rapid Prototyping of CSS Layouts

58811138 CSS JQuery Training

JQuery: JQuery in 8 Hours, JQuery for Beginners, Learn ... · Show Content (1) Show Content (2) Set CSS Style Set CSS by ID Set CSS by Tag Set CSS by Class Set CSS by Specified Tag

handson.io - Rapid Prototyping with jQuery Mobile

Anatomy of an App HTML, CSS, jQuery, jQuery Mobile CIS 136 Building Mobile Apps 1

HTML/CSS/java Script/Jquery

Manual básico de jQuery - sitio libreEl responsable del CSS es tambien el World Wide Web Consortium (W3C). Anatomía CSS Con CSS podemos hacer declaraciones de estilo sobre los elementos

Web portal development · 2020-05-12 · PHP, Symfony2, Nginx, Redis, Apache ActiveMQ, MySQL, HTML/CSS, JavaScript, Twitter Bootstrap, jQuery, jQuery UI Tools & Technologies HIPAA-compliant

How the STK, CSS & HTML and Rapid Prototyping Accelerate the Design Process

jQuery’ - University of Torontobretscher/b20/lectures/jQuery.pdf · jQuery%Advantages% A few things that make jQuery powerful and easy to use: o API, including its use of CSS selector

jQuery - RIA Miracle! - java.ociweb.comjava.ociweb.com/mark/other-presentations/jQueryStrangeLoop2010.pdf · jQuery - RIA Miracle! Initial CSS ... called from slides 26 & 42. jQuery

HTML ,CSS ,JQuery Cheat Sheet

JQuery JQuery JQuery JQuery JQuery

CMSC434 TUTORIAL #2 HTML CSS JavaScript Jquery HTML5 · JQuery*example* Form*textvalidaon* …! //zip code validation that accepts five digits with possible blank spaces front and

CS490 Web Design, AJAX, JQuery HTML CSS JavaScript Jquery Common Tools Web Services AJAX Bootstrap Best practices Mobile Websites

25880528 the jQuery UI CSS Framework The Me Roller

HTML, PHP, jQuery, javascript and CSS

Curso desarrollo frontend: HTML - CSS - jQuery

Progressive Prototyping w/HTML5, CSS3 and jQuery

Using jQuery to Extend CSS

Introduction to jQuery jQuery syntax CSS attribute ... · Introduction to jQuery jQuery syntax CSS attribute selectors review Intro to jQuery Mobile . ... $.ajax() = is equal to jquery.ajax()

jQuery - RIP Tutorial · 1 1: jQuery 2 2 2 Examples 2 jQuery ( "jQuery" "$") 2 3 3 HTML 4 5 jQuery jQuery. 6 jQuery 7 jQuery 7 2: CSS 9 9 9 Examples 9 CSS 9 CSS 10

SELECTORS - ATTRIBUTES CSS - MANIPULATION - … - attributes css - manipulation - traversing - events - effects - ajax - core jquery css

Introduction to CSS. What is CSS? Cascading Style Sheets Used for styling HTML Also important in javascript and jquery for selectors External

jQuery’ · 2016-03-20 · jQuery%Advantages% A few things that make jQuery powerful and easy to use: o API, including its use of CSS selector notation, is intuitive, consistent,

JavaScript Introduction · jQuery Focus jQuery focussed on queries Typically uses CSS selectors • Identify set document elements • Return object representing these • Object

Using jQuery and CSS to manipulate style and markup