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

Responsive Web Design & Unity 3D

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Nono Martínez Alonso Nono Martínez Alonso
May 29, 2013
0
520

Responsive Web Design & Unity 3D

Talk about responsive web design and Unity 3D technologies at Sydney Mobile Development Group. Tune in @nonoesp

Avatar for Nono Martínez Alonso

Nono Martínez Alonso

May 29, 2013
Tweet

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.1k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
60
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
440
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
430

Transcript

  1. Nono Martínez Alonso @nonoesp RESPONSIVE WEB DESIGN & UNITY 3D

  2. RESPONSIVE WEB DESIGN

  3. Each phase of the architectural process is more immutable, more

    unchanging than the last. —Ethan Marcotte.
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None

  10. FLUID GRIDS

  11. FLUID GRIDS FLEXIBLE ELEMENT SIZE

  12. FLUID GRIDS FLEXIBLE ELEMENT SIZE MEDIA QUERIES (CSS 2.1)

  13. FLUID GRIDS FLEXIBLE ELEMENT SIZE MEDIA QUERIES (CSS 2.1) SERVER-SIDE

    COMPONENTS

  14. A focus on content.

  15. None
  16. None

  17. GRACEFUL DEGRADATION

  18. Images from DeepBlue.com GRACEFUL DEGRADATION PROGRESSIVE ENHANCEMENT

  19. None

  20. CSS h1 { font-size:23px; } p{ font-size:16px; } @media all

    and (max-width:480px) { // magic happens here h1 { font-size:27px; color:#db4a38; } p { font-size:24px; } }

  21. UNITY

  22. None

  23. “Develop once, deploy everywhere. —David Helgason.

  24. “Completely free* of charge.”

  25. None
  26. None
  27. None

  28. Nono Martínez Alonso nonoesp @