The Technology Behind Great Digital Design
•
5 likes•1,415 views
A brief introduction to the technologies behind digital design, which I recently presented at The Ontario College of Art & Design (OCAD) in Toronto.
Recommended
More Related Content
Similar to The Technology Behind Great Digital Design
Similar to The Technology Behind Great Digital Design (20)
Recently uploaded
Recently uploaded (20)
The Technology Behind Great Digital Design
- 4. HTML CSS JAVASCRIPT PHP PACHE RUBY ACTIVEX FLAS CTIONSCRIPT JAVA .NET AS ERL PYTHON AJAX JSON RES SOAP COLDFUSION LINUX YSQL JQUERY XML MOOTOO DHTML SVG FLEX RSS ATOM
- 6. DESIGN
- 7. DESIGN DEV
- 8. DESIGN MARKUP DEV
- 10. HTML 5
- 11. CSS 3
- 12. JS
- 14. WHAT DOES MARKUP HAVE TO DO WITH DESIGN?
- 15. MARKUP MAKES DESIGN FLEXIBLE & USABLE ONLINE
- 16. 1. Easier to update 2. Easier to manipulate 3. Content is portable 4. Text is selectable 5. Indexable by search engines
- 17. “ ”
- 18. “SHIT, DO I HAVE TO LEARN HOW TO CODE? ”
- 19. NO
- 20. UNDERSTAND FUNDAMENTALS ( BUT YOU’RE MORE VALUABLE IF YOU CAN CODE & DESIGN )
- 21. HTML (STRUCTURE)
- 30. DEFINE THE BUILDING BLOCKS
- 31. HTML (STRUCTURE)
- 34. De ne the style of page elements
- 35. Typography
- 36. The web has Arial been scarred Times by horrible Courier typography Verdana
- 37. Before, you had to employ an image, sIFR or Cufón for non-standard fonts
- 41. PNGs no more
- 42. RGBA
- 43. RGBA
- 45. Structure
- 46. Grid systems are nally being used
- 47. And you don’t have to rely on tables
- 51. Space & Balance
- 58. Form
- 59. Screen resolution de nes the sandbox
- 60. The browser window is your actual canvas
- 61. 1,920 1,200
- 62. 1,920 1,200
- 63. ?
- 64. The canvas is never the same size
- 65. Fixed width vs Fluid width
- 72. JavaScript
- 75. Animation
- 76. jQuery or MooTools ( or any other framework )
- 78. MODERN BROWSERS
- 79. firefox chrome safari “gecko” “webkit”
- 81. RESPECT THE CODE
- 82. THANKS
Editor's Notes
- Intro
- Many technologies available online Some client-side, some server-side. Boil this down to what matters to designers
- There are 2 fundamental aspects of digital design
- There are 2 fundamental aspects of digital design
- The area the bridges the two is called “Markup”. There are many different technologies available, but
- These are the building blocks of the internet
- CSS as it refers to the Elements of Design
- Type is the use of letterform to add a message that would be otherwise challenging to create through the other elements.
- Type is the use of letterform to add a message that would be otherwise challenging to create through the other elements.
- Type is the use of letterform to add a message that would be otherwise challenging to create through the other elements.
- Form is any three dimensional object. Form can be measured, from top to bottom (height),side to side(width),and from back to front(depth).
- CSS as it refers to the Elements of Design