Cómo enfrentar un proyecto web
Upcoming SlideShare
Loading in...5
×
 

Cómo enfrentar un proyecto web

on

  • 1,061 views

Algunos consejos sobre la manera de tratar con un proyecto web, desde la planificación inicial (Wireframe) hasta la implementación

Algunos consejos sobre la manera de tratar con un proyecto web, desde la planificación inicial (Wireframe) hasta la implementación

Statistics

Views

Total Views
1,061
Views on SlideShare
1,061
Embed Views
0

Actions

Likes
2
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Cómo enfrentar un proyecto web Cómo enfrentar un proyecto web Presentation Transcript

  • Cómo enfrentar un Proyecto Web Del Wireframe a Javascript
  • Sumario
    • Aspectos Generales
    • Wireframes y Mockups
    • Maquetación
    • CSS
    • Enfoque
  • Aspectos Generales
    • ¿Dónde arranca un proyecto web?
    • El contenido es el rey… ausente
    • Inspírate en quien quieras, no te copies de nadie.
    • Más propuestas, más problemas
  • Wireframes y Mockups
    • Piensa, intenta, borra, piensa, intenta de nuevo…
    • Wireframe: Enfocado a la estructura – Mockup: enfocado al diseño.
    • Este es el momento de pensar en usabilidad
    Techtástico: 15 herramientas en línea para hacer mockups, wireframes o prototipos http://techtastico.com/post/mockups-online PSDFan: A comprehensive guide to mockups in web design http://psdfan.com/inspiration/web-design/a-comprehensive-guide-to-mockups-in-web-design
  • Maquetación
    • Maqueta en forma general y flexible
    • Semántica, estándares y validaciones
    • ¡Las tablas no son para maquetar!
  • CSS
    • CSS Reseter
    • Frameworks CSS
    • Ordena y comenta tu CSS
    Reseters Populares: Trípoli Reset: http://devkick.com/lab/tripoli CSS Reset (Erick Meyers): http://meyerweb.com/eric/tools/css/reset Frameworks Populares: 960 Grid System: http://960.gs YUI Library: http://developer.yahoo.com/yui Blueprint: http://blueprintcss.org
  • Javascript
    • Evita que tu Javascript sea Intrusivo
    • AJAX: WIN – Abuso de AJAX: FAIL
    • Si usas un Framework no todo requiere un plugin
    • Trata de que tu código pueda ser usado en más de un sitio.
  • Enfoque
    • ¿Progressive Enhancement o Graceful Degradation?
    • Dos enfoques a un mismo problema
    • Progressive Enhancement: Independiente del browser, enfocado en el contenido.
    • Graceful Degradation: Enfocado en el diseño.
    A List Apart: Understanding Progressive Enhancement http://alistapart.com/articles/understandingprogressiveenhancement
    • ¿Preguntas?
  • Muchas Gracias