El diseño web ha ido evolucionando mucho en los últimos años. No sólo por su forma de abordar el contenido y la estética, si no también en la forma y utilidad de herramientas para crear las páginas.

Hoy en día está muy en boga diseñar páginas en Photoshop y convertirlas a html, algo que nos confiere mayor creatividad y dinamismo a nuestros sites ya que en Photoshop no hay límites a la hora de manipular imágenes.

Este es uno de los conceptos más importantes por los que diseñar en Photoshop en vez de utilizar directamente programas como Dreamweaver que directamente nos crean el código.

Pero claro está, el crear webs con Photoshop nos implica tener que convertir el diseño a html y en la mayoría de los casos crear los estilos css. Para esto, existen muchos tutoriales de los que podemos aprender y adentrarnos en adquirir conocimientos para la conversión de estos archivos.

Hoy os muestro 30 tutoriales para aprender a convertir archivos Psd a Html. Una estupenda colección de tutoriales que si bien están en inglés, nos ayudarán a entender el proceso de conversión.

Diseñar para la web partiendo de Photoshop, nos ofrece crear imágenes y una estética más espectacular y refinada que con aplicaciones estándares de diseño web.

Podéis acceder a todos los tutoriales desde Noupe / Referencia.

The post 30 tutoriales para convertir Psd a Html appeared first on portafolio blog.

Cada vez es más normal diseñar páginas web con Photoshop. Las nuevas generaciones de diseñadores utilizan esta herramienta exprimiéndola al máximo para realizar interfaces de web sin límite de creación.

A diferencia de otros programas de maquetación como Dreamweaver, Photoshop nos permite trabajar directamente en plantilla con imágenes e iconos con estética avanzada.

Pero Photoshop no lo hace todo, es necesario un conocimiento de código para que las páginas estén perfectamente realizadas con html y css completos. Si sois de los que se están introduciendo en esta forma de diseñar webs quizás estos tutoriales que os muestro a continuación os sirvan para mucho.

Se trata de 30 tutoriales para crear páginas html con Photoshop. Entre todos estos tutoriales encontraréis diseños webs de distintos estilos para que elijáis el que más os convenga y sigáis paso a paso sus explicaciones.

Sin duda un recurso más que interesante para tener en cuenta, que os servirá como introducción a lo que se puede hacer con el gigante de Adobe y conocimientos básicos de programación html.

Podéis ver todos los tutoriales en We contrive / Referencia.

The post 30 tutoriales para hacer webs con Photoshop appeared first on portafolio blog.

Hace un tiempo que CSS2 ha estado tomando mayor fuerza y se ha apoderado de la web, pero cuando apenas nos estábamos adecuando a el, nos informan que ya esta listo CSS3, un nuevo recurso en la programación web.

CSS3 es un gran paso evolutivo para la programación web ya que en esta nueva versión se corregirán algunas funcionalidades y conceptos que han causado un poco de problemas a diseñadores y programadores web.

Una de las cosas que nos llama la atención es que CSS3 viene de la mano de HTML5, quienes para muchos sera gradualmente el asesino de la programación en Flash.

En Portafolio Blog, sabemos que como diseñadores o programadores web siempre hay que estar actualizados, es por eso que hoy les vamos a recomendar un editor de código en linea de CSS3 y HTML5 llamado Rendera.

Rendera no es un simple editor, sino que también es una ayuda para quienes aun no conocemos por completo estos dos lenguajes de programación.

Con tan solo poner el código en Html, Rendera podrá transformarlo a CSS3, mostrándonos el código y lo mejor de todo, es que si nos encontramos algo perdidos en el tema, en el mismo editor ofrecen algunos ejemplos para aprender un poco mas.

Si te interesa puedes empezar a aprender en la pagina de Rendera.

The post Rendera, editor de CSS3 y HTML5 en línea appeared first on portafolio blog.

¿Estas buscando una plantilla para tu portafolio donde poder enseñar de forma atractiva tus trabajos?

A continuación os muestro una serie de plantillas en html de descarga gratuita para que podáis montar vuestro portafolio. Se trata de 15 temas de gran belleza y estilo profesional para que podáis utilizar mostrando vuestros diseños y fotografí­as.

Por supuesto las plantillas se pueden personalizar a gusto del consumidor siempre y cuando respetéis los derechos de autor pertinentes.

La mayorí­a de los artistas gráficos y diseñadores tienen más que suficiente con realizar sus creatividades, que no tienen tiempo de aprender ciertos conocimientos de programación ni ganas de ponerse a programar por el tiempo que les lleva esta tarea, así­ que este tipo de recursos son una alternativa que muchos se plantean a la hora de montar su portafolio. Está claro que aunque lo que verdaderamente importa a los creativos es como se vea su trabajo, no podemos descuidar el aspecto y profesionalidad del site y la estructura del mismo.

Os dejo con esta interesante colección de plantillas para portafolios que seguro será de interés para más de uno.

Choco templates / Plantillas para portafolios.

Creativos online / Fuente de referencia.

The post Plantilas gratuitas para portafolios appeared first on portafolio blog.

Una de las cosas que se han ido solucionando en buena medida en los últimos tiempos es la conversión de archivos. Hoy en dí­a son solo casos aislados los que podemos encontrar a la hora de abrir archivos independientemente de la plataforma que usemos para trabajar como Pc, Mac, Linux, etc… Basta con tener instalada la misma aplicación en cualquier sistema operativo con el que trabajemos para abrir cualquier formato de documento.

De la misma manera, también proliferan un montón de utilidades conversoras para poder trasformar a cualquier otro formato un archivo determinado. Una de estas utilidades es HTML-PDF Converter, que nos permite convertir a formato pdf cualquier página web o archivo html. Una utilidad interesante para mostrar el contenido de una web a quien (por ejemplo) no tenga disponibilidad de conexión a internet.

Si bien el servicio de esta herramienta online es un buen recurso que debemos tener en cuenta, cabe destacar que dependiendo del formato del archivo html o página web a convertir, debemos tener en cuenta que quizás el resultado no sea el más deseado ya que puede incluir en la conversión ciertos elementos fuera de sitio, así­ como una maquetación a su antojo. Pero para mostrar el contenido e imagen de una página puede ser más que suficiente.

HTML-PDF Converter / Conversor online de archivos html a pdf.

Esmeraldasblog / fuente de referencia.

The post Conversor online de archivos html a pdf appeared first on portafolio blog.

Esta plantilla que puedes descargar gratis se encuentra en formato HTML facilitando así­ los cambios que quieras hacerle, ya que sólo tienes que rellenar los espacios en blanco con la información que se te pide y listo, tendrás tu curriculum preparado para enviar a las empresas donde desees trabajar o para subirlo a tu sitio Web y enviar la URL a donde sea que solicites trabajo para que vean tu Curriculum Vitae de forma online.

La plantilla para curriculum vitae para descargar gratis (link de descarga) tiene disponible todos los parámetros conocidos con los que por regla general se hace un buen curriculum, como lo son el apartado de habilidades, estudios, la experiencia en ciertos campos entre otros, además nos da la facilidad de descargarla gratis en Castellano o inglés según la necesitemos tal como leí­ en diegomattei quien me ha servido de referencia.

Esta plantilla para curriculum vitae nos apoya al ponernos al dí­a en cuanto a los recursos que hay en la red para ayudarnos a encontrar trabajo, además tu puedes descargar gratis esta plantilla para curriculum vitae y darle el enfoque que tu desees.

Para algunos de nosotros que nos dedicamos al diseño gráfico podremos darle un enfoque más  especializado de acuerdo a nuestras capacidades.

The post Plantilla de Curriculum Vitae en HTML gratis appeared first on portafolio blog.

En estos sitios puedes encontrar diversas plantillas HTML Y CSS para descargar gratis, puesto que nunca esta demás tener a la mano diversos recursos para la programación y diseño web, estas plantillas HTML Y CSS gratuitas las puedes utilizar de diversas formas logrando tener un diseño más original.

Sabemos que hay bastantes plantillas para WordPress o Blogger (themes y templates) que puedes utilizar fácilmente, pero la ventaja que ofrecen estas plantillas HTML Y CSS gratuitas es que puedes personalizar los diseños y formas con las que te guste jugar para tu sitio.

Segun Codigogeek, el diseño visual de un sitio web, influye de maneras muy diversas entre los usuarios de la red puesto que si manejas una imagen atractiva dinámica o presentas algún elemento atrayente y original a la vista lograrás más entradas y por otra parte la funcionalidad de tu sitio te permitirá lograr un mejor desarrollo de este.

Espero y estas plantillas HTML Y CSS para descargar gratis sean de mucha utilidad y si desean ver más plantillas o templates pueden navegar entre algunos de los post de este sitio donde encontraran otros post referentes a las plantillas Web gratis.

The post Descarga gratis plantillas CSS y HTML appeared first on portafolio blog.

A la manera como avanza el mercado dí­a a dí­a aparecen nuevos recursos que nos permiten innovar nuestras paginas web de manera rápida, este es el caso de PersonalWebkit , otro software gratuito cómodo y accesible , donde ni siquiera tienes que ver la linea de código.

Descarga esta herramienta gratuita en Personal Webkit, ideal para personalizar tus webs hasta donde tu imaginación te lo permita, apoyado de herramientas para dar formato al texto donde también nos brinda la oportunidad de agregar contenido multimedia, exportar desde word y añadir una que otra tabla.

Entre las innovaciones del PersonalWebkit, esta una que te permite ver todos los enlaces desde una ventana diseñada con esta función, y aunque este software trata de evitar el uso del código html los usuarios con más experiencia pueden agregarlo en la ventana de creación web.

Aportando tambien las posibiliddades de optimizar el uso de las imágenes personalizandolas paras los diseños de las páginas web, o insertar paneles de control  usando plantillas pre diseñadas.

The post Descarga Gratuita PersonalWebkit 3.31 appeared first on portafolio blog.

La creación de estructuras en HTML de forma online con Drawter, se basa en simplemente en la utilización de parámetros establecidos en la Web y a la utilización del ratón para crear los cuadros o cajas en las que posteriormente trabajaremos el diseño del sitio concreto.

Al final, Drawter, una vez hechas las estructuras Web que deseamos y tomando en cuenta nuestros gustos, podremos convertir el trabajo en el resultado deseado: un código HTML y una estructura en CSS para complementar después con nuestro toque y diseño. Este editor online es muy interesante.

Drawter / Sitio oficial para crear estructuras Web
Spam Loco / Fuente de referencia

The post Como crear estructuras HTML en lí­nea con Drawter appeared first on portafolio blog.

Text Image, conversor de fotos a letras en Internet

Se puede comparar Text Image con otros sistemas online similares, tal es el caso de Photo2text, conversor de imágenes en ASCII, pero sinceramente Text Image tiene funcionalidades más amplias y se pueden adaptar en diversos formatos.

El resultado final (según que opción de conversión hayamos elegido) será distinta o parecida, y los formatos de salida de las imágenes convertidas a texto son precisamente, texto, o sea letras y caracteres de escritura, no encontré alguna modalidad para descargarla en imagen (aunque no era lo que se buscaba en un principio).

Text Image / Sitio oficial para convertir fotos en texto
Makeuseof / Fuente de referencia

The post Text Image: convierte imágenes a texto online appeared first on portafolio blog.