Hola gente.
Espero hayan pasado un lindo 2016 y comiencen un mejor 2017.
Les dejo un regalo, sin cinta ni moños , para que mejoren el código y aprendan más! (el mejor regalo para mí, se los aseguro).
Codepen
Felicidades. Mauro, cierra puertas.. 3 2 1... out!
martes, 27 de diciembre de 2016
martes, 22 de noviembre de 2016
Mesas diciembre 2016
Una imagen vale 100 palabras.
Ya tienen mi correo.
Las que rindan.. se comunican con tiempo para ver el estado de sus trabajos para presentarse al final y la teoría que deban estudiar.
NO - SE- DUER-MAN.
Saludos, el de la foto...
jueves, 18 de agosto de 2016
Ui ficcionales (también hay trabajo ahi).
.. si bien vienen de la mano de la industria del entretenimiento, no deja de ser posible fuente de trabajo para el o la que le guste la UI (user interface). Interesante:
Visitar sitio
Visitar sitio
lunes, 4 de julio de 2016
Regularidad & Coda (Update)
Consideraciones previas
Menos mal les pedi que fueran archivos chicos los pdfs... se pelearon entre varias a ver si me pasaban algo bien grande (entre 8, 17, 23, 58, y 130 megas)....En fin....Revisión
Lo que les revise en clase (los sitios solo, no les hare el dolor de cabeza de pasarles los PDF´s!), está acá:Fopiani
Mieras
Loos
Samartano
Herrera
DeAmbrosi
Nogués (fijate que me pasaste dos sitios en uno... usá el que estuve tocando.. no sé bien cual fue).
El resultado de la regularidad en cada caso es:, REGULAR.
Ya le pasé a Mauricio las mismas.
Queda ahora revisar los mockups, mandarles algunas recomendaciones (esperen antes de seguir armando),
y bueno, cuando estén listas. Rendir.
Recomendaciones
Aquí irán las recomendaciones GENERALES. Las particulares (lo que vea de los mockups) irá a su gran amigo, el ConceptBoard.Por lo pronto descansen, fue un gusto - por lo menos de este lado -, nos vemos en la mesa.
Bye bye (un poquito de humor jaja):
UPDATE:
Si les interesa aplicar más cosas o en realidad.. .aprender un poco más, el canal de YouiTube de esta gente tiene cosas muy interesantes. Fíjense sino.
Por último: les agradezco la paciencia una vez más. Eran 7, me dejaron su opinión sólo 5. Si pudieran completar la encuesta, jamón. Sino todo bien. Pero me dejan la intriga por parte de ese 2/7 de asistentes al curso.
Felices vacaciones dale.
domingo, 3 de julio de 2016
Ultima clase 4 de Julio
Hola chicas.
Fin de camino. Veamos lo primero
Regularidad (condiciones).
Tal como les adelanté en clase, lo que requieren para regularizar la materia, es:-Presentar los siguientes PDF´s para plasmar lo realizado a nivel planificación.
Style tyles (2 por lo menos) PDF
Wireframes (3) PDF
Mockups (3) Imágenes a tamaño real , JPG 72 dpi RGB. Calidad 100%
En todos ellos pueden usar un formato A4 para uniformar, pero como se trata de un documento electrónico, Uds. pueden determinar el o los formatos adecuados para que el producto se vea bien. NO SE REQUIERE PRESENTEN IMPRESOS.
Las páginas que debían rediseñar eran, recuerden:
Home
y dos páginas interiores.
Ahora bien. Algunas cosas que son de sentido común, digamos, pero que no está de más que aclaremos.
- Diseño. El hecho de presentar un informa en PDF requiere que lo hagan con una tipografía o set de tipografías, márgenes, y un mínimo sistema editorial para que se entienda que los tres documentos son presentados por la misma diseñadora (remarco diseñadora, porque se trata de un futuro profesional).
- Rotulación: Si los PDF´s son de la misma persona, al menos se requieren
Apellido, nombre, Cátedra, carrera/ Universidad. Año Obvio, los trabajos anónimos no se tomarán como presentados.
- Nomenclar lo que se presenta: En varias ocasiones he recibido (y recibiré, qué voy a hacer...), layouts, wireframes, cosas que no dicen de qué página estamos hablando. Es de buena persona contextualizar que , el layout que se ve abajo es la página "quiénes somos", por ejemplo. La familiaridad o cotidianeidad de haber estado en el aula estos meses no redime de nomenclar aquello que estoy presentando a otra persona (sea yo, sea el cliente, sea un colega de trabajo).
- Manejo de la tecnología: Ya aquí estimo cada una tendrá sus "prácticas a primera mano", que habría que revisar son "buenas prácticas"; entendéndose por lo último aquellos procedimientos que permiten automatizar, por decirlo así, una serie de pasos que nos lleven a productos/entregables/ originales que sean fundamentalmente útiles para quien lo reciba.
Uno de esos requerimientos es la portabilidad, y el hacer un documento de mucho peso no ayuda a la hora de moverlo fácilmente en un medio electrónico. En otras palabras: traten de generar archivos PDF de la mejor calidad posible, y a la vez del menor peso. Un ayudante en ello es el Acrobat Profesional (que incluye una impresora virtual, PDF Writer o similares), que nos ayudarán a achicar los tamaños a menos del 20% del original.
Pueden usar el diseño que quieran, lo único que se pide es que sea un informe diseñado, no un rejunte de PDF´s o archivos sueltos, sino un conjunto de documentos reunidos en un folder como debe ser, o como les trasnmití en las primeras clases ("los archivos multimedia que hagan de aquí en adelante, deben estar en una carpeta, que desde ahora llamaremos directorio raíz.. ") etc etc
Pueden incluso, subir los archivos a dropbox, googleDrive, mediafire o el medio que Uds quieran, para tener un respaldo, o para incluír nuevos agregados o arreglos que consideren necesarios.
Sobre el armado (HTML CSS):
Como les dije en la(s) últimas clases, mañana veremos problemas específicos de cada una, pero es importante entiendan que si no llevan nada adelantado, es muy poco probable que podamos resolver ni siquiera una página completa de una alumna (simplemente porque son seis, y todas estarán en el mismo tema, creo).Así que para avanzar mañana en cada tema particular, es indispensable que lleven lo más resuelto posible por lo menos la home, para revisar cómo implementar o solucionar termas particulares. Lleven los archivos en pendrive, cosa que pasarme a la máquina donde estoy usualmente sentado las cosas, y avanzar lo más rápidamente posible.
Lo mismo si hay archivos fuente de imagen (photosop), para poder proceder rápido a editar o mostrarles como se trabaja con esa herramienta.
Eso por ahora. Mañana en la mañana estimo puedo dejarles más info. Y claro, la encuesta...
gracias.
lunes, 13 de junio de 2016
De aqui al 27... actividades
Hola chicas.
Bueno, menos mal fueron todas a clase.
Entonces:
Para el 27 necesitaria entreguen en PDF (no impreso):
A ) wireframes (3)
B ) style tyle (1) el que resulte de la elección de los dos que suban al conceptboard.
C) Mockup (1 o 2, 3 mejor de mejor).
D)Y lo que avancen del sitio en html css.
De los puntos A, b, C y D yré tirando tips y pistas para que puedan avanzar con paso firme seguro.
Lo que trabajamos hoy 13/06, aqui.
La sigo en estos días, estén atentas. Mauro.
UPDATE feriado:
DeAmbrosi revisado, va mejorando, fijate en el conceptboard.
Siguiente es Mieras.. aguantame solucione almuerzo y veo lo tuyo (y lo que haya progresado el resto).
En la tarde algunos tips, un scan del diario del domingo, etc.
M.
Update dos:
Mieras: revisado y puesto comentarios en el ConceptBoard
Fopiani: no pude entrar a revisar se te acabo las suscripcion PREMIUM por un mes, la tenes que pasar a FREE account . Fijate en el correo (menos mal manejás ingles!!).
Samartano: revisao corregido lo tuyo en el Conceptboard.
Chicas. En general, en el conceptboard cuando hacen un comentario de algo QUE AGREGAN me sale un aviso por correo. Cuando eso pasa por lo generla entro reviso comento y cierro (o sea, RESPONDO).
El resto no me llego nada asi que estimo andaran encaminadas... Un saludo la seguimos por aca. Mauro.
Update Domingo (alargue del partido, que malo...)
_ Fopiani mire tu nuevo conceptboard, con los ajustes. Ya te conteste, ponete a armar creo.
_ Mieras lo mismo. Arregladas varias cosas, ponete a armarlo nomas.
_Loos. Lo mismo. Hice acotaciones menores, ponete a armarlo.
Del resto no he tenido novedades hasta acá, me encontre con Samartano y le consulte si no tenía problemas, me dijo que no. Herrera no news, DeAmbrosi avanzó bastante la semana pasada.
Ya diría comienza etapa ARMADO. Preparo la clase de mañana para atender varios puntos remanentes, dudas de armado que tengan, y definir si habrá clase extra para el cierre de ciclo.
Probablemente les pondré un formulario para consultarles sobre el curso en general, para constatar impresiones mías de la clase, y con eso estaríamos terminados.
Saludos nos vemos si Dios quiere mañana.
Bueno, menos mal fueron todas a clase.
Entonces:
Para el 27 necesitaria entreguen en PDF (no impreso):
A ) wireframes (3)
B ) style tyle (1) el que resulte de la elección de los dos que suban al conceptboard.
C) Mockup (1 o 2, 3 mejor de mejor).
D)Y lo que avancen del sitio en html css.
De los puntos A, b, C y D yré tirando tips y pistas para que puedan avanzar con paso firme seguro.
Lo que trabajamos hoy 13/06, aqui.
La sigo en estos días, estén atentas. Mauro.
UPDATE feriado:
DeAmbrosi revisado, va mejorando, fijate en el conceptboard.
Siguiente es Mieras.. aguantame solucione almuerzo y veo lo tuyo (y lo que haya progresado el resto).
En la tarde algunos tips, un scan del diario del domingo, etc.
M.
Update dos:
Mieras: revisado y puesto comentarios en el ConceptBoard
Fopiani: no pude entrar a revisar se te acabo las suscripcion PREMIUM por un mes, la tenes que pasar a FREE account . Fijate en el correo (menos mal manejás ingles!!).
Samartano: revisao corregido lo tuyo en el Conceptboard.
Chicas. En general, en el conceptboard cuando hacen un comentario de algo QUE AGREGAN me sale un aviso por correo. Cuando eso pasa por lo generla entro reviso comento y cierro (o sea, RESPONDO).
El resto no me llego nada asi que estimo andaran encaminadas... Un saludo la seguimos por aca. Mauro.
Update Domingo (alargue del partido, que malo...)
_ Fopiani mire tu nuevo conceptboard, con los ajustes. Ya te conteste, ponete a armar creo.
_ Mieras lo mismo. Arregladas varias cosas, ponete a armarlo nomas.
_Loos. Lo mismo. Hice acotaciones menores, ponete a armarlo.
Del resto no he tenido novedades hasta acá, me encontre con Samartano y le consulte si no tenía problemas, me dijo que no. Herrera no news, DeAmbrosi avanzó bastante la semana pasada.
Ya diría comienza etapa ARMADO. Preparo la clase de mañana para atender varios puntos remanentes, dudas de armado que tengan, y definir si habrá clase extra para el cierre de ciclo.
Probablemente les pondré un formulario para consultarles sobre el curso en general, para constatar impresiones mías de la clase, y con eso estaríamos terminados.
Saludos nos vemos si Dios quiere mañana.
miércoles, 8 de junio de 2016
Grosisimo
Basic CSS videos
https://thecssworkshop.com/css-basics
Y una explicacion general que resume varias cosas que vimos:
Sirve hasta el minuto 9 más o menos, luego se pone muy técnico.
Una general de CSS3 un poco más completa y util
https://thecssworkshop.com/css-basics
Y una explicacion general que resume varias cosas que vimos:
Sirve hasta el minuto 9 más o menos, luego se pone muy técnico.
Una general de CSS3 un poco más completa y util
lunes, 30 de mayo de 2016
Hoy veremos...
.. de ir cerrando los temas de sus proyectos.
Para eso espero:
Los style tiles / uno o dos wireframes, y la base para comenzar con el sitio.
nos vemos en clase (hoy completaremos unos temas teórico-prácticos de armado).
M
Para eso espero:
Los style tiles / uno o dos wireframes, y la base para comenzar con el sitio.
nos vemos en clase (hoy completaremos unos temas teórico-prácticos de armado).
M
viernes, 27 de mayo de 2016
viernes, 20 de mayo de 2016
Intermedio: Video
Dejo un video sobre multimedia en el futuro. (teatralizado, pero está ok el concepto).
Saludo.
HYPER-REALITY from Keiichi Matsuda on Vimeo.
y una deuda, creo:
Saludo.
HYPER-REALITY from Keiichi Matsuda on Vimeo.
y una deuda, creo:
martes, 3 de mayo de 2016
Otro video perdido: 10 cosas que me hubiera gustado me dijeran sobre el diseño...
... antes de recibirme. En palabras de Debbie Millman.
interesante.
interesante.
jueves, 28 de abril de 2016
Coding live: codeacademy
Difícilmente vean esto, pero se larga una media hora de código en vivo, desde CodeAcademy.
Dejo el stream abajo abierto por si lo llegan a ver (en vivo), en un rato me pongo a ver qué enseñan. Y cómo. Es un proyecto hecho entero con HTML CSS y JQuery (todas cosas que veremos en el cursado!!).
Saludos...
Dejo el stream abajo abierto por si lo llegan a ver (en vivo), en un rato me pongo a ver qué enseñan. Y cómo. Es un proyecto hecho entero con HTML CSS y JQuery (todas cosas que veremos en el cursado!!).
Saludos...
lunes, 25 de abril de 2016
Hoy : CSS (comenzamos)
martes, 19 de abril de 2016
Conociendo al Dreamweaver.
Conociendo Dreaemweaver.... abajo en el resumen de audio lo que hicimos ayer lunes.
TAREA PARA EL PRÓXIMO LUNES:
1º Definir el sitio a trabajar:
Aquí abajo les pondré el detalle para que vayan viendo y avancemos un poco en el proyecto final la clase próxima.
Un saludo.M.
Resumen de la clase 4.
Hola gente (update lunes...) Sólo veo que la encuesta la lleno
Mieras / Deambrosi / Nogués y por otro lado Loos / Herrera
Faltaría Fopiani . Entonces... te espero hoy nomás
Saludos Mauro.
lunes, 11 de abril de 2016
Por donde vamos - qué veremos hoy.
Hola chicas.
primero, clase normal, 16hs. (pueden llagar un cachito más tarde hasta que se desocupe el aula de la clase anterior).
Dos
Qué vimos...
1 > terminología y bloques base del lenguaje HTML ( tags de apertura, tags de cierre, atributos [esto lo tengo que dar , faltó ]
2 > Estructura genérica de marcado de un docuemnto HTML (<head> <body>, los metas <title> <meta>, document declaration [ esto también me faltó] Digamos la parte básica BÁSICA de cualquier docum. de HTML.
Veremos, hoy, aparte de esos olvidos y de unas explicaciones sobre [ CMS, páginas o sitios estáticos versus dinámicos, blogs, e-commerce. base de datos .... que les debo de la clase anterior ], pasaremos a elementos comunes del HTML . ya vimos los h1, h2, .. h6, los p. Seguiremos con otros elementos listados, tablas, .. seguiremos con imágenes y links. Comentarios de html veremos para qué se usan.
Marcación semántica de HTML5. Sí , suena a una de terror, pero en realidad veremos algunas marcaciones introducidas con el HTML5, que sirven para describir mejor (semánticamente) las partes del documento. Section, article, aside, nav, header y footer. Figure y figcaption. Y algunas cositas más.
Seguro nos dará el tiempo, pero trabajarán en clase, bastante para conocer el lenguaje. Nos vemos saludos!
Resumen clase 3
PD: Samartano sites...
Hola Samartano. Sobre tus sitios...la catrina virtual creo no aplicaría porque es un CMS (Wp de hecho).
Sabores Darier puede que si. Es muy básica pero cumple las condiciones....
carolinagori es un mosaico de links a otros lados. Quizás la obra de la chica sea interesante, no lo es tanto el estar desperdigado en cuatro o cinco sitios web,. un blog personal, etc, todos con una impronta e identidad diferente. Resultado? Identidad fragmentada, cuando de una artista es importante, entra otras cosas, justamente ESO. Te diría descartalo...
Transporte Pollak estaría más que adecuado para el trabajo. Sobre todo por lo árido de la propuesta... también 10 puntos para ser intervenido.
Soluciones Bone está armado con WIX. Sobre este tipo de sitios hablaremos más avanzado el curso. Por ahora nomás te diría lo descartes. aunque podría ser un tema, sin duda.
Mundo Mascotas es otro ganador. Este tiene mucho más contenido, variación de páginas, y una gráfica actual que debe ser la envidia de los luchadores de WFC League (doble patada voladora a la nuca). Así que si querés, también 10 puntos para ser intervenido.
En definitiva: tres ganadores, vos elegís. Me dirás en clase tu opción. Saludos.
domingo, 3 de abril de 2016
Tema elegidos (opinión desde acá...)
Hola chicas, a ver.
Deambrosi
Golocan, podría ser, mucho no me copa. Tiene posibilidades de un buen rediseño, pero me parece que es más por el lado gráfico la falla, no por el HTML CSS.SoloJaulas es el cliente ideal, pues no se rescata casi nada. Precisamente, como para la práctica (algo) digno debemos rescatar, difícilmente puedas hacer un pan dulce con un poco de sémola y tres pasas de uva fosilizadas. O sea.. no.
Petwheels puede ser. El tema está bueno, no hay muy buenas fotos pero , como digo, es un cliente con un producto con potencial, buen material y desperdiciado.
Hotelparamascotas, diría que es totalmente olvidable. Se podría mejorar pero la información es poca y muy diversa en lo que trata de media utilizada. Queda como desafío, pero un desafío melancólico diría. Enclenquecillo. Vos fijate.
Comaut es similar a Petwheels, pero con menor cantidad de contenido. Candidata para one-page- site, la dejaría como segunda o tercera opción.
Movildrink puede ser, le falta mejor diseño y mejorar el copy (la redacción) de contenidos, entro otras cosas.
Elixir barras móviles es similar al anterior, pero con más contenido y potencial de trabajo para lo que requiere el curso. Casí lo pondría como petwheels.
Resumen: Elegí entre las destacadas en verde....
Loos
Kali esta en flash. Podés hacerla ,pero el tema es que la info la tendras que escribir a mano (del flash no se pueda sacar lamentablemente).
Las fotos, tampoco.
Azul Profundo es HTML y sus contenidos completamente bajables / copiables. También se puede beneficiar de un rediseño (bastante diría yo).
Skycentrum le veo primero que es un CMS (que?? lo explico mañana :), hecho con WP (qué? tambien lo explico mañana). y está en checo. Difícil hubiera estado en el sitio que les pasé, pero básicamente pierde por el aspecto que es hecho con un motor de CMS. Lo descartamos.
Elegí entre los 2 primeros.
Fopiani
LaNostrafesta, puede ser, aunque un poco mínimo de contenidos. Pero puede ser si.
Gastronomía Ramos también, lo veo más desafío por cómo está armado. Puede ser también.
Saigro es una pseudo-página que no da para el trabajo. (Al menos si eligen una one-page site debe ser lo suficientemente elaborada o con el suficiente contenido como para poder rediseñarla.). Descartada diría.
Elegí entre los 2 primeros.
Mieras
AccesoriosBohemis medio no porque es un e-commerce (un CMS propelido por Magento) (tembién lo explico mañana). muy complejo para lo que veremos, descartamos.
El de piercing también es un CMS, más feo pero un ecommerce al final
L´Occitane es un CMS (la primera vez que me encuentro con ese tipo de), pero responde a la tipología "200 menúes, 5000 páginas, 13000 artículos, 1000 páginas especiales. CMS. Y responsive". O sea que no califica para el tipo de sitio que queremos rediseñar desde cero, sin agregar que como diseño está bastante bien.
Así que a seguir buscando. Ninguno aplica para ser rediseñado, por distintas, no tan diferentes, razones.
//Segundo Round //
taller de escritura Punto y aparte.: es un pseudo CMS, pero como tiene bastante material, podrías tomarlo como base y resolver (algunas) de las páginas tipo que contiene. Podría ser....
ivanshatski (sitio de artista), también tiene buen material, lo que sí el contenido se resolvió con un publicador de contenidos (WIX). De eso también hablaremos más adelante. podés si querés elegirlo, los tipos de desafíos planteados con este tipo de trabajo son diferentes de los de punto y aparte. Vos elegís...
Herrera
El gran Paraíso- Contenido hay, fotos no es lo ideal, más bien lo contrario.Dejarlo.
Fundacion Dasein: Tiene potencial. vas a tener que suplementar con algo de material, pero es apto-para-el-trabajo.
Aliwen también califica, el tema es que vas a tener que escribir a mano todos los textos. Y conseguir algo de imágenes. Queda en tu elección tomarla. O no.
Smartano
somostuevento es una gran promesa, pero realmente dudo los contrate, pues no hay material ni de video ni de imágenes o clientes que hayan trabajado con ellos. Ni testimoniales del servicio. Como material tampoco es muy promisorio, si lo mirás de cerca, todos los contenidos los han resuelto de la misma forma (lo que imprimie un poco ese aire de "desconfianza" sobre los servicios (prometidos). Lo dejaría como último recurso.
dinamoeventos es un desafío IMPORTANTE. En otras palabras, puede que lo hagas pero en lo que hace a material de entrada (los textos y las imágenes), vas a trabajar bastante. Lo que pueda tener de bueno este ejemplo es lo mucho que se puede hacer y aprender de tratar de hacer revivir a un no-vivo. Bueno, a analizarlo.
Esmeralda Eventos es parte de un CMS online conocido (blogger... como este sitio!!). Por eso rescatar algo de esos sistemas es un poco complejo. (repito hoy explico algo sobre los CMS´s). Las fotos la verdad, sepultan cualquier intento, así que lo dejaría de lado.
Mi consejo es buscar un poco más, como Mieras, para encontrar otros posibles candidados para el rediseño.
Nogués
ramonarg es un caso base bastante potable de ser rediseñado. Las fotos no son lo que se quisiera, pero en aquellos casos que no tuviéramos esa suerte, propondremos posibles caminos para resolverlo. Viable.
elPuco puede ser, hay material de todo tipo para reordenar y rediseñar (en algún grado), el sitio. Podría ser.
detelares también tiene posibilidades de mejorar diseño y organización de la información.
El que más posibilidades veo de trabajo y mejor es ramonarg. Pero podés elegir perfectamente cualquiera de los otros dos, sin problemas.
/////////----------------------------------///////////////
Resumen clase 2, algunos consejos.
lunes, 28 de marzo de 2016
Bienvenidos a CM 2016
Bienvenidos a Comunicación Multimedia. En este curso aprenderemos bases para el armado de pàginas (sitios) web, en HTML y CSS. En el camino veremos diferentes herramientas (offline y online) que nos ayudaràn a la tarea. Lejos de comenzar y terminar, este curso les darà el primer escalòn para aquellos que quieran llegar màs lejos en el diseño web, UX, UI, y otras destrezas necesarias para trabajar con diseño en el ciberespacio (la web o la nube, para decirlo en otras palabras).
PRIMERA CLASE (resumen).
Suscribirse a:
Entradas (Atom)