de webmaster a webmaster

Lo que tenemos clasificado como ‘HacheTeMeLe

Plantillas para envío de emails

sin comentarios, by the moment porfaplis, deja uno que "é grati"

En más de una ocasión os habrán pedido algún diseño para el envío de un newsletter, el envío puede realizarse básicamente de dos formas, hay más pero o no las conozco o son muy específicas, esta son, la primera enviando una imagen anexada y otra remitiendo el contenido del email bajo lenguaje HTML.

Si ninguna de estas formas de remitir un correo electrónico el envío es un texto plano y hay poco o nada de diseño podemos ofrecer.

La opción de enviar una imagen es quizá la más válida para mi, por una razón, tienes total libertad en cuanto a diseño y se va a visionar bien en cualquier cliente de correo o dispositivo, sea este un PC, un Mac, un iPad, iPhone o teléfono Android.

Si bien la segunda opción, el envío de emails en HTML es como mínimo la forma más trabajada para enviar newsletters y permite contener siempre un mayor contenido.

En esta segunda opción para la que os copio unos interesantes enlaces desde donde podreis descargar unas plantillas HTML prediseñadas para el envío de newsletters siendo estas unas plantillas que podrás adaptar fácilmente al diseño que necesiten tus clientes.

Toma nota:

http://www.campaignmonitor.com/templates/

https://github.com/mailchimp/Email-Blueprints

En estos ejemplos se tienen en cuenta muchos factores de forma que trabajando sobre ellos te aseguras que te puedan leer correctamente en prácticamente cualquier ordenador o dispositivo, sin incompatibilidades que eso es muy importante.

Blogueado por uvedobles.com alias uvedobles.com

April 9th, 2011 a las 4:47 pm

Impresionante juego bajo HTML5

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Un juego sencillo pero molón, lástima que sea viernes y no esté el jefe en la ofi para enseñárselo…

Webmasters del mundo, alejaos del código, y del Dreamweaver los más nenas, para dedicar lo que queda de tarde, de día y de semana laboral para jugar a este juego mezcla de pong y space invaders desarrollado enteramente en HTML5 con un sonido y una gráfica tan sencilla como majestuosa, abstenerse IEs 7 y resto de seres inferiores.

http://sketch-out.appspot.com/

Blogueado por uvedobles.com alias uvedobles.com

January 21st, 2011 a las 5:50 pm

Logotipo HTML5

sin comentarios, by the moment porfaplis, deja uno que "é grati"

logo-hmtl5.jpg

La W3C le ha puesto logo a la implementación de HTML5, y no sólo se ha quedado hay, ha iconizado las diferentes tecnologías que van a integrar esta nueva normativa que va imperar sobre el HTML, la tecnología  supuestamente llamada a ser una auténtico Flash Killer.

Los iconos de las tecnologías aquí:

tecnologias-html5.png

Dependiendo de lo que uses en tu web puedes mostrar unos u otros logotipo, por este orden según la imagen: El primer icono hace referencia al uso de una estructura semántica HTML5, el segundo de que se usan bases de datos en cliente, el tercero que es multidispositivo, esto es que se ha cuidado para que se pueda acceder con PCs, tablets, móviles, etc. El cuarto icono hac referencia a que se usa conectividad con datos en tiempo real, los http request de antes, saltamos de línea y el icono de multimedia, es decir que esto lleva vídeo bajo HTML5, el segundo de la segunda nos informa que se hace uso de las 3D, a darle caña al Canvas. El tercero de la segunda que parece una flor, no! no es una flor nuclearizada significa que se trabaja duro en optimizarlo para ofrecer un cran rendimiento, y último, el más bonito a mi forma de entender la estética nos informa que aquí se usa CSS3.

Hoy me siento icónico los de la W3 incluso han colocado un generador del gráfico personalizado, esto es, seleccionas las tecnologías que implementas pulsas un botón y te escupen un código html que tras ser insertado en tu web mostrará, preferiblemente a pie de página lo hachetemelerocinco que tu eres.

¿Qué son las 09:00 de un día de enero del año 2011 y todavía no tienes tu pegatina HTML5?

Corre!!!!  http://www.w3.org/html/logo/

Capas deslizantes en CSS3

sin comentarios, by the moment porfaplis, deja uno que "é grati"

acordeon-en-css3.png

Excelente desarrollo de un sistema de capas deslizantes en modo acordeón o slider, lo mejor es que no precisa de jQuery pues está desarrollado exclusivamente en HTML+CSS3

Puedes verlo funcionar en dos sabores, horizontal y vertical recuerda que para descargarte el código para jugar deberás estudiar el HTML con un ver código fuente y descargarte el CSS… alguien ha oído FireBug?:

http://www.venturelab.co.uk/demos/accordion/

Blogueado por uvedobles.com alias uvedobles.com

January 14th, 2011 a las 12:14 am

Generador de Framework HTML5

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Os traemos un generador de frameworks HTML5, con él conseguirás el código mínimo necesario para empezar a desarrollar páginas webs en HTML5.

A continuación una captura del generador:

generador-framework-html5.png

Enlace al generador de frameworks: http://switchtohtml5.com/

Blogueado por uvedobles.com alias uvedobles.com

January 7th, 2011 a las 3:23 pm