html | portafolio blog

Tag Archives: html

30 tutoriales para convertir Psd a Html

psdhtmlconversion30

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.

30 tutoriales para hacer webs con Photoshop

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.

Rendera, editor de CSS3 y HTML5 en línea

Desde el “boom” que tuvo la “blogósfera” debemos admitir que la programación web ha estado creciendo a pasos agigantados y con la llegada de la tan afamada “Web 2.0” pareciera que cada día crece más.

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.

Rendera

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.

Plantilas gratuitas para portafolios

portfolio

¿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.

Conversor online de archivos html a pdf

html-pdf

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.

Plantilla de Curriculum Vitae en HTML gratis

De una u otra manera siempre hay que estar al dí­a con las demandas laborales y siempre la primera impresión es la que nos empujara hacia el éxito, de este modo navegando por la red me encontré un sitio donde puedes descargar gratis una plantilla para curriculum vitae en formato HTML.

descarga gratis esta plantilla de curriculum en HTML

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.

Descarga gratis plantillas CSS y HTML

Tal como ya habí­amos publicado en post anteriores de plantillas CSS y HTML gratis para programadores y diseñadores Web, esta vez les tenemos otros sitios donde puedes descargar plantillas CSS y HTML de manera gratuita.

Plantillas HTML y CSS para descargar gratis

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.

Descarga Gratuita PersonalWebkit 3.31

PersonalWebkit , es la nueva herramienta gratuita en el mercado con la cual te puedes olvidar de los molestos programadores y el tedioso código html para programar una página web, con PersonalWebkit tu puedes crear, personalizar y modificar tus propias paginas web y subirlas a un servidor.

software gratuito para personalisar tu web

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.

Como crear estructuras HTML en lí­nea con Drawter

Drawter es una aplicación online que nos permite crear estructuras Web en HTML de sitios que queramos diseñar posteriormente. Es bastante sencilla su utilización y las opciones de diseño Web y programación HTML que nos brinda son geniales.

drawter, aplicacion online para crear estructuras html

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

Text Image: convierte imágenes a texto online

Text Image es una Web que tiene como finalidad ofrecer un servicio divertido. Convertir gratis imágenes o fotos a texto, convirtiéndolas ya sea en HTML, ASCII o Matrix. Este divertido e interesante Editor Online nos permite convertir rápidamente imágenes en texto, además podemos elegir el color (escala de grises, monocromático o a color), la cantidad de caracteres de la imagen en texto, entre otras cosas.

Text Image, conversor de fotos a letras en Internet

text image, conversor online de imagenes a texto

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

portafolio blog tiene las siguientes Políticas de Privacidad y pertenece a la red Blogurbania Blogs. Validado para XHTML 1.0 Transitional | CSS 3