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 otrosContinuar leyendo…
Categoría: Diseño Web
Taller 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 alianzaContinuar leyendo…
Manual 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 esContinuar leyendo…
Las 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 unaContinuar leyendo…
El 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. PorContinuar leyendo…
Adobe 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 escritorioContinuar leyendo…
Los 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 queContinuar leyendo…
Fusionar 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 verContinuar leyendo…
20 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 todoContinuar leyendo…
Sitios 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 actualizacionesContinuar leyendo…
Extract 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 copiarContinuar leyendo…
Agregar 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 probableContinuar leyendo…
Juegos 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 otrosContinuar leyendo…
Webinar 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 WebinarContinuar leyendo…
Qué 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 solidContinuar leyendo…
Web 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 deContinuar leyendo…
Tutorial: 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]
Tutorial: 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] SiContinuar leyendo…
Aprende 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 deContinuar leyendo…
Obtén el código CSS de tus diseños con Proyecto Parfait de Adobe
Proyecto Parfait es un proyecto beta de Adobe que le permite extraer todo lo que necesita de sus PSD en tu navegador. Por ahora dice funcionar sólo funciona con Chrome, pero yo lo probé en mi mac y funcionó tambiénContinuar leyendo…
Nueva herramienta de Google para diseñar sitios y avisos en HTML5
A traves de Fayerwayer nos enteramos de que Google ha sacado una nueva herramienta para diseñar sitios y avisos en HTML5 (a parte de Google Swiffy que convierte archivos SWF en HTML5) llamada simplemente Web Designer y apunta al sectorContinuar leyendo…
Como crear imágenes retina para diseño responsive
Los nuevos dispositivos móviles de iPhone y el iPad, vienen equipados con unas pantallas retina. Para que nuestros diseños se vean con buena calidad en estos dispositivos va a ser necesario que adaptemos las imágenes principales a esta resolución deContinuar leyendo…
Transformaciones, transiciones y animaciones CSS3.
En este tutorial traido desde creativasfera vamos a ver las transformaciones de CSS3, así como las transiciones y animaciones de CSS3. Las transformaciones de CSS3 permiten modificar la visualización de los elementos de una página web tanto en 2D comoContinuar leyendo…
Útiles herramientas de Photoshop para diseño web
En este post tomado desde creativasfera encontrarás una amplia colección de herramientas de Photoshop muy útiles para diseño web. Desde pinceles para Photoshop a texturas, pasando por gradientes, fuentes y patrones, Existe un debate en internet sobre si vale la pena usar PhotoshopContinuar leyendo…
La silenciosa revolución de Google Fonts
Google ha revolucionado y democratizado el diseño web de forma gradual gracias a Google Fonts, que ofrece tipografías gratis y hospedadas por la propia Google a cualquier diseñador profesional o novato. Hace tres años, Google decidió cambiar el diseño deContinuar leyendo…
Efectos de Header al hacer scroll
Seguramente has visto varios efectos de scroll para los HEADER que se ven muy modernos en algunas páginas. Tenemos un ejemplo de HEADER en la web realizada por Phil Renaud para Riot Industries que gira en 3d al hacer clicContinuar leyendo…
Las tendencias de Diseño Web que este año se consolidan
Desde Vuelo IV se analizaron las páginas web de los mejores diseñadores y programadores que marcan tendencia, y con un poco de imaginación, elaboraron a principio de año esta lista de tendencias en Diseño Web para este año. Este 2013 a traído grandes cambios enContinuar leyendo…
6 recursos gratuitos para aparecer en buscadores
Se ha repetido tanto que parece una frase hecha: “Si tu web aparece en los buscadores es como si no existiera”. Y es cierto. Una página web, además de un diseño profesional y contenido interesante, lo más importante es queContinuar leyendo…
No olvides el favicon en tu sitio
[slideshare id=15548498&w=427&h=356&sc=no]
60 UIs gratuitos
Las UIs, o las interfaces de usuario, están en auge. En el enlace que dejo tenemos paquetes totalmente editables, que generalmente se hacen en Photoshop, esto ayuda a los diseñadores crear sitios web modernos y aplicaciones. Encontrarán que la mayoríaContinuar leyendo…
Xtreme Creative 2013 en Santiago – Chile
En Santiago de Chile una de las destacadas academias de post-grados capacitación y perfeccionamiento profesional es la Academia Macpc la cual siempre nos da a conocer las nuevas tecnologías en diversas charlas brindadas en el año. Estas charlas además deContinuar leyendo…
Quitar sello de agua de WowSlider
Como realizar un slide con Wowslider y quitar su sello de agua de las imágenes y desde el código desde dreamweaver. [youtube http://www.youtube.com/watch?v=G2vFACpaR2E?list=UU8Rftrs-ShsFOOiflvw6YmQ&hl=es_ES&w=560&h=315]
12 Consejos para crear tu Portafolio Web
12 Consejos para crear tu Portafolio Web.
Obtiene el color de una marca con un solo clic
Brand Colors es una aplicación web realizada por el diseñador web y desarrollador Galen Gidman en donde podremos copiar el código de color exacto para utilizar en la web de las principales marcas que encontramos en la red. El listadoContinuar leyendo…
15 Tutoriales para Aprender A Diseñar Sitios Web Responsive
Con la aparición de toda la colección de dispositivos móviles, el responsive design está a la orden del día. Aquí les traigo una recopilación de tutoriales con los que juntos podremos aprender a diseñar sitios web basados en el responsive design. Los tutorialesContinuar leyendo…
Loads.in: mide la velocidad de tu web desde 50 ubicaciones
hay diferentes sitios para medir la velocidad de tu página en la web, un factor importante para evitar que los visitantes huyan despavoridos y que Google nos penalice en los resultados de búsqueda. Uno de esos sitios es Loads.in, que permiteContinuar leyendo…