Para actualizar mi anterior post sobre libros de diseño, y ya que no compartieron sus libros en los comentarios, me encontré en la biblioteca de Etnasoft con gran cantidad de libros con distribución libre sobre diversos temas. Algunos en español y otros en ingles en donde cada uno tiene su ficha técnica, categoría, descripción y comentarios. Yo me tomé el trabajo de seleccionar los libros en español que no sean tan antiguos y que podrían interesarme o a cualquier otro diseñador. Los tengo divididos en Diseño y 3D, Artes, Comics, Diseño Web, SEO/SEM, Social Media, Multimedia, Programación y Videojuegos.
Continuar leyendoTaller Gratuito «Desde el diseño web hacia la programación»
Los chicos de OpenD están invitando a un nuevo encuentro, esta vez dedicado a diseñadores web que están con la inquietud de aprender programación desde cero. El taller será dictado por el equipo de Coderhouse, con quienes han hecho una alianza para crear un punto de encuentro entre la comunidad de programadores y diseñadores generando un espacio ideal para el networking ya que hoy en día el diseño y la programación están mas cerca que nunca. Requerimientos para el Taller – Notebook – Tener instalado previamente un editor de texto como sublimetext, coda u otro similar. la cita es para el jueves 14 de mayo en el Telefónica Open Future (Providencia 229,… Leer más
Continuar leyendoManual básico para el no entendido en el asunto del desarrollo y diseño web.
Desde el sitio BrandWarm no encontramos con este interesante manual para comenzar a diseñar sitios web si no eres entendido en el tema, con los siguientes temas: 1) Planificación. 2) Estudia bien como usar los elementos disponibles y cómo es su compatibilidad en distintos browsers. 3) La gráfica a ocupar y el peso de ella. 4) Recursos y FrameWork 5) programas y app’s que ocuparemos. 6) Haciendo nuestros primeros Wire Frames. y no olvides a ver la segunda parte en donde te explican el funcionamiento del HTML y CSS. Ir a BrandWarm con el artículo completo.
Continuar leyendoLas mejores infografías en español sobre SEO
Desde el sitio Community Análisis nos encontramos con estas selecciones de infografías sobre SEO. Las primeras se enfocan a explicar que es el posicionamiento orgánico de forma básica, diferenciarlo del SEM, los errores más frecuentes en SEO, la importancia de crear una cuenta en Google + y las mejores herramientas. En la segunda parte, encontrarán las modificaciones que han producido en algoritmo de Google, los cambios de tendencias, la importancia del SEO Local, optimización del contenido y 100 consejos para mejorar el posicionamiento web de tu web en 2015.
Continuar leyendoEl 21 de Abril los sitios no adaptados para móviles perderán posicionamiento en Google
Hace más de un mes Google anunciaba a través de su Blog Oficial de Webmaster, en el post: Finding more mobile-friendly search results que las webs que no estén preparadas para móviles, el 21 de abril perderán posicionamiento con respecto a otras webs optimizadas. Por ello, ha empezado a enviar mensajes a los webmasters de webs que no están preparadas para el Día D: el 21 de abril, como en este ejemplo.
Continuar leyendoAdobe Comp CC, nueva aplicación gratuita para diseñar en el ipad
Hace algún tiempo adobe lanzó «Proto», una aplicación para crear wireframes de webs o aplicaciones. Tenía herramientas nunca antes vistas en aplicaciones para tablet pero lamentablemente por algún extraño motivo Adobe lo dio de baja. Actualmente las aplicaciones de escritorio de Adobe juegan un papel central en el día a día de la mayoría de diseñadores pero la compañía, lejos de dormirse en los laureles, sigue experimentando nuevas ideas en el ámbito de los dispositivos móviles con el afán de revolucionar nuestro flujo de trabajo. Su última aportación es Adobe Comp CC, una sorprendente herramienta para iPad con la que podemos crear bocetos de aplicaciones móviles, páginas web y diseños para… Leer más
Continuar leyendoLos Principios del Diseño de Sitios Web para Diseñadores Gráficos por Francisco Aguilera en Open D
El pasado jueves Francisco Aguilera fue el invitado en Open D para conversar sobre los principios del Diseño de Sitios Web para Diseñadores Gráficos, oportunidad en la que se transmitió via streaming y dejada en youtube para todos los que se la perdieron por algún motivo. Sin duda una charla super interesante si aún no tienes claro los lineamientos a seguir para comenzar a realizar una web. Recursos de la Charla Open D, Sitio de Francisco Aguilera
Continuar leyendoFusionar fondos con CSS3
Todos los diseñadores que comenzaron con Photoshop y después pasaron a la web se han encontrado que no pueden utilizar modos de fusión de capas por que tienen problemas al separar las imágenes. Con CSS3 parte de esos problemas se pueden ver resueltos (no todos), y que mejor que hacerlo en el código. Aquí les dejo un articulo desde el sitio Mantra Creativo en donde nos muestran el resultado, su código y una tabla con la compatibilidad en navegadores. Si quieren experimentar y ver lo que su imaginación hace con eso, pasen por aquí.
Continuar leyendo20 sitios con recursos gratuitos para diseñadores
Desde Creativos Online nos encontramos con esta recopilación de 20 sitios web con archivos PSD, tutoriales, elementos UI, mock ups y todo tipo de recursos que nos pueden venir muy bien en nuestro día a día como diseñadores. Lo mejor de todo es que son completamente gratuitos así que podremos disponer para lo que deseemos. Esto no demuestra como internet es una fuente inagotable para encontrar todo tipo de cosas. Ir a la página con la recopilación.
Continuar leyendoSitios para Inspiración desde CódigoFacilito
[youtube https://www.youtube.com/watch?v=lLuPm_h8Ib4&w=560&h=315] Muchos de los que trabajaron con flash alguna vez y buscaron tutoriales se encontraron con los útiles videos de FlashFacilito, y cuando muchos pasamos al HTML, CSS y JS pasamos también por CódigoFacilito en la cual vemos actualizaciones constantemente. Entre sus videos nos encontramos los días lunes con video podcast con información útil para los que desarrollan web. Hoy lunes fue el turno para los sitios de inspiración en donde hablaron de los siguientes sitios: 1000 Chrome Experiments: http://1000.chromeexperiments.com/ CodePen: http://codepen.io/ Awwwards: http://www.awwwards.com/ CSS Winner: http://www.csswinner.com/ Dribbble: https://dribbble.com/ Coder Wall: https://coderwall.com/ Si te perdiste los podcast anteriores aquí tienes sus enlaces: 1.-Material Design en Web 2.-Íconos para developers! 3.-Librerías de javaScript!
Continuar leyendoExtract PSD en Brackets 1.0
Por fin tenemos una versión oficial de la aplicación para el editor de código gratuito Brackets. Y la gran novedad es la implementación de la extensión Extract PSD en donde podemos ver un archivo PSD con todas sus capas y copiar de forma rápida sus características al estilo CSS de cualquier página web. Pero eso no es todo, por que te permite utilizar rápidamente las imágenes utilizadas en tu PSD y guardarlas en la carpeta y formato que quieras. Para los que no conocen esta aplicación y necesitan trabajar archivos HTML, CSS o JS les recomiendo darle un vistazo por que puedes ver de inmediato los cambios y cada vez que seleccionas… Leer más
Continuar leyendoAgregar un lightbox a una web
Para los que recién comienzan a diseñar sitios web les asusta la cantidad de código que ven en los archivos de los lightbox y en realidad no tienen tanta dificultad y muchos funcionan de la forma forma. Es muy probable de que ya sabiendo a utilizar uno se te haga más fácil los otros que encuentres. Para eso te dejo este video de ayuda a dar ese primer paso. [youtube https://www.youtube.com/watch?v=yHJrRKHHjLQ]
Continuar leyendoJuegos para Diseñadores: Dedesign the Web 2
Identifica estos sitios por sus wireframes Dedesign the Web 2 es un juego que pone a prueba tu conocimiento de la estructura de los diferentes sitios, basado enteramente en sus wireframes. Algunos son bastante fácil por que son sitios populares, mientras que otros son bastante complicados. Es una manera divertida de pasar un poco de tiempo y demostrar cuan maestro del wireframe eres, por suerte sólo tiene 12 sitios incluidos, por lo que no van a perder demasiado tiempo. http://dedesigntheweb.com P.D.: Yo he visto diferentes juegos que tienen relación al pantone y el color en CSS, pero en estos momentos no recuerdos los Links… y tu? conoces alguno que podamos dar a conoce… Leer más
Continuar leyendoWebinar gratuito. Introducción al Diseño web
Hace un tiempo atrás les hable sobre los Webinar y aquí les tengo uno dictado Francisco Aguilera, un ex alumno que se dedica al diseño web y que nos ofrece sus conocimientos y experiencia en este caso con un Webinar gratuito en vivo para este 10 de septiembre. A inscribirse y a no perder esta oportunidad. Inscríbete y conoce las características aquí.
Continuar leyendoQué es un CMS e Introducción a WordPress
Aprovechando que le hice una nueva presentación para mis alumnos de la Universidad Los Leones (Santiago – Chile), también se las dejó aquí para los que aún no saben que es un CMS y una pequeña introducción a WordPress. [slideshare id=38090995&w=597&h=486&style=border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;&sc=no] WordPress – Introducción from Jorge Llanten
Continuar leyendoWeb con HTML5+CSS partiendo de un Photoshop
Video grabado en una de mis clases en donde explico como comenzar a trabajar una web a partir de un documento de Photoshop utilizando HTML5+CSS.Se puede complementar lo visto con los siguientes vídeos: Menú con HTML y CSShttp://youtu.be/yB36v1gBZsA Ejemplo de página básica con HTML y CSShttp://youtu.be/VuZwD1z_5r4 CSS básico (BOX)http://youtu.be/WBnvIbknWl4 HTML Básico: Textoshttp://youtu.be/1UEX7W_DJBg Como utilizar otras fuentes tipográficas en CSShttp://youtu.be/Av7piOMQURA Tutorial: Galeria con Sprite CSS y Ligthboxhttp://youtu.be/-BQwRQvSa0A
Continuar leyendoTutorial: Galeria con Sprite CSS y Ligthbox
Video tutorial de HTML y CSS en donde se realiza una galería intercambiando las imágenes miniaturas con Sprite en CSS y agregando LigthBox para mostrar la imagen en grande. [youtube https://www.youtube.com/watch?v=-BQwRQvSa0A]
Continuar leyendoTutorial: Menú con HTML y CSS
Después de mucho tiempo por fin puedo realizar un nuevo video tutorial en donde explico a realizar un menú con opciones desplegables (o submenú) partiendo de una lista. Si sabes algo de CSS podrás personalizar este menú para tus diseños. [youtube https://www.youtube.com/watch?v=yB36v1gBZsA] Si sigues leyendo podrás ver el código utilizado.
Continuar leyendoAprende a crear un sitio web profesional con Codecademy
Gracias a Bitelia conocemos a Codecademy, que es una plataforma de educación gratuita en línea que ofrece cursos de programación en lenguajes como JavaScript, PHP, Python y Ruby; y de lenguajes de marcado como HTML y CSS. Su popularidad se ha multiplicado a partir de su fundación en 2011 y se ha mantenido. Más de 24 millones de personas han tomado sus cursos y hoy en día sigue siendo de las mejores opciones para aquellos que quieren aprender a programar por su cuenta.
Continuar leyendo