Notas Tecnicas

Dicha conferencia ha sido impartida por http://mejorando.la/ en ella se ha podido ver algunas de las opciones que se están planteando para este año en la web. Lo más destacado ha sido:

· Existen muchos recursos en la web que se pueden utilizar para realizar en nuestros desarrollos, como pueden ser plantillas, etc.

· Cuando se realizan interfaces, pensar en el usuario y no como programadores, haciendo el diseño intuitivo y sencillo, como las cosas que utilizan diariamente.

· Han hecho referencia a http://es.html5boilerplate.com/ permite implementar sitios web compatibles con los navegadores, mirar ayuda.

· También un comentario que han hecho que es mejor hacer aplicaciones para vestir el curriculum que no indicar tantos estudios (creo que con las dos mejor ).

· Hacen hincapié en las aplicaciones para móviles, comentan que actualmente los usuarios tienen más cariño por los móviles y que le ven con mejor caras y que llega a más gente que las aplicaciones de PC y que los usuarios quieren aplicaciones sencillas que hagan cosas aparentemente grandes (por ej. retoque de fotos) que les haga creer que son fotógrafos.

· Cuando se hace una APP para móvil es mejor NO reinventar aplicaciones de escritorio o web para ellos, sino que plantear desde el principio el desarrollo para móvil y enfocándolo en funcionamientos nuevos y cosas nuevas. Por ej. IOS piensa en el usuario, se lo pone fácil y su funcionamiento es algo común basado en los estilos de vida.

· Hacen referencia a una red social de moda http://pinterest.com/

· Un comentario que han dicho, probar cosas nuevas, observar, saludar al vecino.

· También hacen referencia a 960, un Framework de CSS http://jepserbernardino.com/idea/960-grid-un-framework-para-css/

· Comentan que es bueno colaborar en las comunidades, hacer extensiones por ej. de WordPress y ayudar en ellas, es una buena fuente de trabajo a la larga.

· Compartir lo que te apasiona y creer en lo que te gusta. Divertirse con lo que se hace, hace que se transmitan mejor las cosas. No es bueno tener ideas y no compartirlas. Las ideas son ideas y lo mejor es poder realizarlas y compartirlas.

· Si hablas 10 minutos con alguien puedes sacar las ideas de tu próxima pagina web.

Charla sobre JQuery

· Han hecho referencia a Zen Garden.

· Comentan que las tendencias son móviles y tablets.

· Las tendencias son:

o Grids fluidos (para que se puedan adaptar a todas las pantallas).

o No enfocar el diseño a pixeles sino a sitios fluidos.

o Responsive Design, es una forma de diseño para que el diseño se adapte a todos los terminales http://www.genbetadev.com/desarrollo-web/disenos-web-sensibles-responsive-we b-design.

o Me he encontrado unos video-tutoriales a la revista SoloProgramadores http://m.genbetadev.com/formacion/coleccion-de-33-videotutoriales-de-solo-pr ogramadores-parte-1-3

o Diseños horizontales, está pensado en hacer las paginas para que ocupen horizontalmente varias pantallas, pensando en los dispositivos que se mueven con las manos de izquierda a derecha.

o Phonegap o pugpig, permite migrar revistas a plataformas para móvil.

o Utilizar JQuery para hacer animaciones CSS3 que en ciertos navegadores no funcionan, o utilizarlas también para completar a CC3. Para navegadores viejos o para compatibilidad con otros utilizar JQuery y Plugins (programitas ya hechos que hacen ciertas transiciones).

o Otra forma de diseño en que todo el contenido aparezca en una página (mirar como).

· Tipos de plugins que podemos encontrar con JQuery:

o Scroll parallax.

o Interfaces enriquecidos.

o 3D.

o Slides, con presentaciones como diapositivas implementadas con DIV y muy fáciles de implementar con JQuery.

o Infografias, permiten fijar la marca del diseñador y luego replicarla por redes sociales, etc.

o Aplicaciones que funcionan en el navegador, por ej. la tienda de Google Chrome.

o Fuentes grandes.

o Css3menu.com, para hacer menús desplegables.

o Animaciones CCS3 con http://transformjs.strobeapp.com/

o Animaciones con spin.js

o http://jqueryui.com/ permite hacer interfaces gráficos con JQuery muy chulas.

o Formularios, para desarrollar formularios podemos utilizar http://demos.kendoui.com/ o http://textextjs.com/

o Para Slide en JQuery se añaden DIV anidados y luego con código se convierte en slides slideshow.

o http://letteringjs.com/ aplicar estilos a las fuentes, se pueden hacer animaciones.

o http://fittextjs.com/ permite hacer fuentes de texto redondeadas y grandes en texto.

o Scroll Parallax, http://en.wikipedia.org/wiki/Parallax_scrolling http://en.wikipedia.org/wiki/Parallax_scrolling nos permite definir capas y desplazarnos entre ellas.

· Ejemplos de páginas web con nuevos diseños:

o http://intacto10years.com/index_start.php esta página utiliza Queryloader, Scroll Jquery Plugin, Scrolling Paradex Jquery Plugin.

o http://www.reverenddanger.com/ http://www.reverenddanger.com/ utiliza Waypoints, Typetext, Flip JQuery, Easing, Modernin, animante-css-rotate-scale.

o http://www.weareempire.co.uk/ utilize JQuery carrousel, Easing, Twietter JS.

o http://www.redirectdigital.com.br/ Jsizes.

Las herramientas que utilizan los diseñadores web suelen ser Photoshop, html y css.

Actualmente existen muchos plugins para JQuery que implementan muchas opciones, lo mejor sería desarrollarlo para ver el funcionamiento, pero para tiempo rápido de desarrollo, mejor utilizar elementos ya realizados.

Adobe Edge, es la nueva herramienta de Adobe para sustituir Flash y poder diseñar como Flash animaciones y que sean realizadas en HTML5, CSS y JQuery.