Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 29 de febrero de 2012

Como resaltar un página y compartirla en la Web

inFocus es una herramienta social que permite en forma muy simple, compartir un área resaltada de un sitio Web. En definitiva, comparte toda la página pero permite que la selección, sea texto o bien una imagen se muestre en foco. El resto de la página queda detrás de un overlay que no distrae la atención.

De esta manera, quien recibe la URL que queremos compartir presta atención sobre lo que queremos mostrar. Aquí, un ejemplo.

Como resaltar un página y compartirla en la Web

Sitio Web | inFocus
Vía | Feedmyapps
Share:

viernes, 24 de febrero de 2012

Intype | el editor de texto que estabas esperando

Camino a la versión final 1.0 Intype es un robusto editor de texto con soporte para múltiples idiomas. Tiene la capacidad de manejar grandes y múltiples projectos.

Posee resaltador de sintaxis y puede marcar los fragmentos de la mayoría de los lenguajes de programación conocidos.



Esta versión, la cual probé, es portable. Por lo que una vez descomprimida, la podés copiar a un pendrive o cualquier carpeta de uso frecuente.

Sitio Web | Intype
versión | 0.9.3
tamaño | 7.3 MB
Share:

jueves, 23 de febrero de 2012

Como crear esquemas de color con COLLLOR

Colllor es una aplicación Web que permite crear paletas de colores a partir de un color inicial. De esta manera se pueden obtener sombras y tintas, tonos, mezclas y similares.

Como crear esquemas de color con COLLLOR

La aplicación entiende perfectamente la representación en hexadecimal de los nombres de los colores (en inglés). Además, usuarios de Chrome tienen disponible la extensión en la Chrome Web Store


Sitio Web | Colllor
Share:

martes, 21 de febrero de 2012

Intro | Fuente gratis en Fontfabric

En Fontfabric acaban de publicar la disponibilidad de descarga de un recurso interesante. Se trata de la fuente Intro, disponible en 2 versiones

  • Intro (versión estándard)
  • Intro Inline (idéntica pero con un línea interna distintiva
Ambos archivos, dentro del ZIP, en formato OTF. Si necesitás llevar a cabo alguna conversión, tal vez te convenga llevar a cabo la lectura de Un conversor de fuentes online

Intro | Fuente gratis en Fontfabric


Lo que es distintivo en esta fuente es la fuerza con que está expresada la geometría de la misma. Las letras básicas del alfabeto; esto es la A, la O o bien la H están diseñadas con los principios de la geometría más simple.

Sitio Web | Fontfabric


Share:

miércoles, 15 de febrero de 2012

Guía de campo para aplicaciones Web

Bert Appward, del equipo de Desarrolladores de Google Chrome; acaba de publicar una guía llamada Guía de campo para aplicaciones Web

Guía de campo para aplicaciones Web

El objetivo de esta publicación es guiar a los desarrolladores para que creen aplicaciones Web. Además, toca temas como las propiedades de las aplicaciones web, los fundamentos del diseño y algunos estudios de casos mediante el uso de buenas prácticas.

La guía no sólo es sencilla de leer (aunque en inglés), sino que, además, contiene una buena cantidad de ejemplos.

Basada en el uso de canvas mediante HTML5 y con la inclusión de CSS3 provee una buena experiencia al lector. El sitio permite la sincronización de datos para consultar este material sin conexión a Internet.

Sitio Web | Guía de campo para aplicaciones Web
Vía | Web Resources Depot
Share:

lunes, 13 de febrero de 2012

Una fuente con pictogramas modernos

Modern Pictograms es una fuente en formato OTF que puede descargarse gratis desde Font Squirrel.


Una fuente con pictogramas modernos

Esta fuente contiene varios pictogramas que pueden ser utilizados en variados diseños Web.

Descargar fuente | Modern Pictograms
Share:

miércoles, 8 de febrero de 2012

W3C estrena el servicio de validación para HTML5

Desde el sitio Web de W3C se anuncia—en forma oficial—el lanzamiento y puesta en línea de una herramienta de validación automática para HTML5

W3C estrena el servicio de validación para HTML5

De esta manera, esta aplicación Web no sólo podrá validar el correcto marcado en HTML5 sino que, también podrá controlar tanto RDFa Core 1.1 como RDFa Lite 1.1

W3C conserva, asimismo, su anterior herramienta de validación basada en DTD

Sitio Web | Nu Markup Validation Service
Vía | W3C
Share:

martes, 7 de febrero de 2012

Si mi sitio Web está caído UptimeFu me avisa

UptimeFu es una aplicación Web que se encarga de controlar si nuestro sitio Web está en línea o no.

Si mi sitio Web está caído UptimeFu me avisa

Su uso es simple, sencillo y gratuito. Sólo es necesario informar el nombre del dominio que deseamos controlar y la dirección de correo donde deseamos recibir los alertas.

Sitio Web | UptimeFu
Vía | Feedmyapp
Share:

domingo, 5 de febrero de 2012

Flotr2 | librería para manejar canvas en HTML5

Flotr2 es una librería open source que permite el manejo de canvas en HTML mediante tablas y gráficos.

Flotr2 | librería para manejar canvas en HTML5

Esta librería soporta los siguientes formatos de gráficos:

  • líneas
  • barras
  • velas
  • tortas
  • burbujas
El gráfico resultante posee muchas opciones de personalización; como títulos, subtítulos, colores, etiquetas, etc. y permite interacciones con el usuario.

La documentación en línea ofrece soporte para móbiles y la adición de plugins adicionales

Sitio Web | Flotr2
Vía | Web Resources Depot

Share:

sábado, 4 de febrero de 2012

Tu navegador soporta CSS3?

Con cada versión que actualizan los navegadores mayor es el soporte que se está dando a CSS3. The CSS3 Test es una aplicación que tras detectar el navegador con el cual se accede al sitio Web confirma el nivel de soporte a CSS3.



Tu navegador soporta CSS3?

Es importante destacar que esta comprobación sólo detecta si el navegador soporta la especificación, distinto es si la renderiza adecuadamente.

La siguiente es la lista de items que—a la fecha—se comprueban:
  • Fondos y bordes
  • Valores de imágenes y reemplazo de contenido
  • Selectores
  • Consultas de medios
  • Interfase básica del usuario
  • Transiciones
  • Animaciones
  • Transformaciones 2D
  • Transformaciones 3D
  • Texto
  • Fuentes
  • Colores
  • Diseños multi-columnas
  • Valores y unidades

Notas
Recordemos que la versión 3 de CSS es todavía una versión candidata; no homologada por W3C
La captura de pantalla (anterior) corresponde a la Firefox 10.0

Sitio Web | The CSS3 Test
Share:

miércoles, 1 de febrero de 2012

Botones CSS3: nunca tan fácil!


Bootstrap Buttons es una aplicación online que te permite—de forma visual y de una manera muy intuitiva—modificar cualquier estilo CSS según 4 variables que se manejan vía sliders:

  • Hue
  • Saturation
  • Lightness
  • Puffiness

De esta manera, se puede experimentar cambios a partir de los siguientes presets o, de otra manea, desde un reset total.

Botones CSS3: nunca tan fácil!

CSS generado por Bootstrap Buttons

.btn.custom { 
background-color: hsl(0, 0%, 77%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="hsl(0, 0%, 123%)", endColorstr="hsl(0, 0%, 77%)"); 
background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(hsl(0, 0%, 123%)), to(hsl(0, 0%, 77%))); 
background-image: -moz-linear-gradient(top, hsl(0, 0%, 123%), hsl(0, 0%, 77%)); 
background-image: -ms-linear-gradient(top, hsl(0, 0%, 123%), hsl(0, 0%, 77%)); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(0, 0%, 123%)), color-stop(100%, hsl(0, 0%, 77%))); 
background-image: -webkit-linear-gradient(top, hsl(0, 0%, 123%), hsl(0, 0%, 77%)); 
background-image: -o-linear-gradient(top, hsl(0, 0%, 123%), hsl(0, 0%, 77%)); 
background-image: linear-gradient(top, hsl(0, 0%, 123%), hsl(0, 0%, 77%)); 
border-color: hsl(0, 0%, 77%) hsl(0, 0%, 77%) hsl(0, 0%, 65.5%); 
color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 
-webkit-font-smoothing: antialiased; 
}

Una herramienta ideal si se desean implementar modificaciones a partir de degradados en el estilo de los botones.

Sitio Web | Bootstrap Buttons
Share:

Como agregar una calculadora científica en la barra de estado de Firefox

Status-bar Scientific Calculator es una extensión para Firefox que agrega una calculadora científica en la barra de estado de Firefox.

Como agregar una calculadora científica en la barra de estado de Firefox

Esta calculadora no solo soporta las funciones básicas sino que, además, provee la posibilidad de calcular operaciones matemáticas avanzadas; como ser el uso de números complejos, por ejemplo. Y, también, operar con números hexadecimales, decimales y con números base desde 2 hasta 24.

En esta calculadora es posible definir constantes y funciones y soporta hasta 10 dígitos más allá del punto flotante.

Instalar | Status-bar Scientific Calculator
Vía | Ghacks
Share:

Publicidad

Estadísticas