HTML5 en tu navegador

La siguiente infografía, muestra en detalle el estado en que tu actual navegador tiene la capacidad de renderizar HTML5

HTML5 en tu navegador

Sitio Web | HTML5 Demos

Leer más

Como crear el menú de inicio de Win7 con CSS3

En el blog de Janko at Warp Speed ha publicado un excelente tutorial que muestra como crear el menú de inicio de Windows 7 con CSS3

#startmenu { border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:60px 0 0 20px;
             -moz-border-radius:5px;-webkit-border-radius:5px; position:relative;
             box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
             background-color:#619bb9;
             background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
             background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc)); }

Leer más

Si Google te dice: "Este sitio puede dañar tu equipo"

Lectura recomendada -en inglés-

Un excelente tutorial de parte de Glenn Gabe, columnista de Search Engine Journal.

Quien nos cuenta, en un paso a paso, cómo actuar si nuestro sitio aparece como sospechoso de malware en los resultados de búsquedas.



Sitio Web | Search Engine Journal
Vía | Sphinn

Leer más

HTML Validator

HTML Validator es una extensión para Firefox que comprueba en tiempo real, la validación de código HTML.


El acceso al panel de información del código con los resultados de la evaluación, son sorprendentes.


En forma nativa, la validación se lleva a cabo con Tidy. Pero mediante la configuración avanzada, se pueden enviar la página al validador de W3C; tanto para el HTML como para el CSS.
En forma complementaria puede también comprobarse el nivel de accesibilidad que deseamos testear: de 1 a 3, normal o ninguna.
Tengo que reconocer que dejaré de lado, las comprobaciones que efectúo con Web Developer Toolbar en favor de esta extensión.

Sitio Web | Firefox Add-on HTML Validator
Sitio Web del desarrollador | HTML VALIDATOR (based on Tidy and OpenSP)

Leer más

Como se utilizan tus contenidos | FairShare

Vía Microsiervos abaco de dar con FairShare; abierto desde ayer, en etapa beta, al público.



Su uso, básicamente orientado a quienes publicamos trabajos bajo licencia; es interpretar como los mismos son utilizados.

Requiere sólo 3 pasos.

1. Reclamar la autoría de los contenidos
2. Identificar el tipo de licencia bajo la cual se llevan a cabo las publicaciones
3. Suscribirse al feed que recogerá la información

Para esto último, sólo cabe esperar el transcurso de 8 hs. (aprox.) para que la información sea reunida.

Es interesante destacar que la que la aplicación detecta si la reutilización de la obra mantiene la licencia original o no. Esto comprende, por ejemplo, cualquiera de las 6 licencias disponibles de Creative Commons.

- Remito a mi fuente, donde han llevado a cabo un análisis más pormenorizado

;-)

Leer más

Como convertir HTML a PDF

HTML - PDF Converter es una aplicación on-line que convierte el contenido de un sitio Web en un documento portable; esto es, en formato PDF.
Sólo es necesario informar la URL de la página y en un instante la aplicación nos ofrece el archivo convertido.
Las imágenes incrustadas son trasladadas, para algunos efectos en JQuery, por ejemplo; la aplicación devuelve en recuadro en blanco.
Cabe destacar que el documento obtenido no es un volcado de la página, el PDF mantiene los hiper-enlaces del sitio Web.

Sitio Web | HTML - PDF Converter

Leer más

Como recargar una página cada tantos segundos

En Page Reboot sólo debemos informar la URL que no ocupa y agregar la cantidad de segundos entre cada reload.
De otra manera, en el sitio está disponible un bookmarklet para tener la funcionabilidad incorporada en el navegador.
Para usuarios de Firefox, independientemente de este sitio, pero en línea con la misma funcionabilidad; está disponible la extensión ReloadEvery.

Enlace | Page Reboot

Leer más

Diseñadores argentinos

En Cookieface están armando una lista que contiene los blogs de diseñadores argentinos.
Si sos diseñador y tenés un blog, ponéte en contacto con el autor para que te incluya en el listado.


Enlace | Cookieface

Leer más

Correos y newsletters: el CSS apropiado

Diseñar un e-mail con un renderizado consistente a través de varios y diferentes clientes de correo es una tarea que puede consumir gran cantidad de tiempo.
El soporte para CSS varía consistentemente entre dichos clientes e, incluso, ante diferentes versiones del mismo.
Cito a continuación 2 guías (en inglés), tanto para correos como newsletters, para poder lograr obtener la mejor de las presentaciones, cuando enviemos información a nuestros clientes.

Enlaces
HTML Email and Using Style
Guide to CSS support in email clients 2008
En Campaign Monitor está disponible la información para bajar en PDF y en formarto XLS (zipeado).

Leer más

Como hacer un link | Make Link

Make Link es una extensión para Firefox que en forma contextual permite, tras seleccionar el texto, generar el enlace correspondiente a una página.
En los siguientes formatos:

• texto plano
• enlace HTML
• enlace para formato en foros

Sitio Web | Soylent Red - projects - Make Link
Enlace | Make Link

Leer más

Una guía para elegir colores para tu marca

Visto en Swiss Miss

Leer más

Principios del diseño

Lectura recomendada | Principios del diseño de interacción importantes para la accesibilidad

Leer más

SEO | factores internos de la página

Interesante entrega la que está llevando a cabo Taller SEO.
Que a través del siguiente slideshow (17 diapositivas de Google Docs) ejemplifica los factores fundamentales que debe contar cualquier documento HTML para un correcto posicionamiento en los resultados de búsquedas orgánicas de los motores de búsqueda.

Enlace | SEO factores internos

Leer más

JavaScript explicado con fotos (Flickr)

Esta es la tercera entrada en la que cito el trabajo de Webstandard, al respecto. El primero fue
CSS explicado con fotos (de Flickr)
Luego, comenté
HTML explicado con fotos (de Flickr)
Ahora, nos sorprenden con un tema basado en JavaScript, los eventos que muestran son:

• onclick / onkeydown
• stop
• onerror
• open
• close
• if - else
• captureEvents
• back
• onchange
• getTime
• OnMouseOver
• setTimeout

Para muestra, me quedo con el condicional:



Vía | CSS Globe

Leer más

Requiem por PC Magazine

La mítica revista PC Magazine acaba de anunciar que a partir del próximo número de enero de 2009, discontinuará y dará por finalizada su edición en papel.
De esta manera, esta publicación, que nos ha mantenido informados desde 1982, cesa sus actividades.
Su editor, el grupo Ziff Davis Media; a comunicado que dados los bajos ingresos publicitarios, finalmente se ha declarado en bancarrota.
No obstante, el grupo mantendrá la edición digital; disponible en pcmag.com

fuente: blogs.pcmac.com | Finanzas

Leer más

GoogleMaps en Argentina

Leo en Red USERS que el próximo lunes 17, Google Maps en Argentina tendrá cargada las capas correspondientes a las rutas y ciudades más importantes; 80% del territorio.


La implementación total de la aplicación local está segmentada en 4 etapas.

Enlace: Google Maps llega a la Argentina este lunes (¡al fin!)

Leer más

38 backgrounds gratis para tu sitio web

Dentro de la sección clipart de Webweaver hay disponibles 38 backgrounds o fondos, gratis para bajar.
Cada imagen puede ser previsualizada para ver el efecto repeat

Leer más

Diagramas de red: Network Notepad

Netwotk Notepad es una pequeña (apenas 2.8 Mb) y potente aplicación que si bien diseñada para llevar a cabo diagramas de redes; puede también utilizarse para realizar diagramas de flujo.



Como para lo primero, soporta hiperenlaces; el menú contextual muestra la posibilidad de hacer un ping, navegar o llevar a cabo Telnet sobre el dispositivo seleccionado.



Adicionalmente puden descargarse librerías de objetos Cisco (100 aprox.) para trabajar con la aplicación.
Posee diferentes soportes de idioma, incluído el español y sólo puede ejecutarse en las siguientes versiones de Windows:

• Windows 9x
• NT
• 2K
• XP
• Vista

Leer más

Webchantier: portal de imágenes vectoriales

Webchantier es un portal que reúne imágenes en formato vectorial, acorde a las siguientes categorías:

Escudo de armas

Vectores gratis de la semana

Gráficos de Photoshop

Tipografía

Una modesta cantidad de fuentes gratis

Mapas, de varias tipologías

Logos deportivos

Banco de logos

Símbolos y pictogramas

Banderas de signos marítimos

Más de lo que acá puedo comentar.

Leer más

HTML explicado con fotos (de Flickr)

Nuevamente, Webstandard nos sorprende con la búsqueda que han llevado a cabo, ver mi anterior CSS explicado con fotos (de Flickr), ahora con algunos elementos de HTML

• head
• table
• ul
• ol
• img
• iframe
• object
• i
• address
• marquee
• b
• strong

head

i

Nuevamente, vía CSS Globe

Leer más