Archivo de la Categoría:

Webmasters

Bestwebfonts | Extensa biblioteca de las mejores tipografías para tus sitios web

Cuando creas un nuevo proyecto es lógico que es el modificar todo el diseño de tu sitio web en todo aspecto, para que así lo visitantes tengan una buena impresión. Es así que lo siguiente que te mostrare te será útil para estos casos.

Bestwebfonts es un sitio que cuenta con una gran colección con las mejores tipografías de Google para elegir la indicada para tu proyecto web. Donde es muy rápido encontrar la que mas te guste de manera fácil y sencilla, pero sobre todo gratis ya que hay sitios en el cual tienes que pagar los derechos por fuentes.

Para empezar, primero deberás escoger la fuente de texto en el cual te mostrara una vista previa de la misma, para cuando te decidas a implementar dicha fuente, tendrás que copiar el fragmento de código que viene en la parte de abajo.

Enlace | Bestwebfonts

Browserbite | Ver como se ve nuestro sitio web en diferentes navegadores y sistemas operativos

Existen diferentes métodos para observar como se ve nuestro blog o web en varios navegadores, dispositivos y sistemas operativos, tal el caso de ScreenFly y la extensión para Chrome User Agent Switcher. Pero en internet siempre van a sacar nuevos servicios parecidos, es por eso que lo que a continuación te enseñare te será de utilidad.

Browserbite es otra alternativa para visualizar nuestro sitio web en diferentes navegadores como Firefox, Google Chrome, Safari, al igual que sistemas operativos como Windows y Mac OS X. Por lo destacado de esto, es que se basa en las diferentes versiones de cada uno.

Para empezar tendrás que registrarte en el sitio que será cosa fácil y gratis de hacer, ya que en parte favorece ya que los resultados te los enviaran en tu correo electrónico. Donde una vez hecho esto, habrá que asignar la URL en el campo requerido, para así darle click a “Go!” y esperar a que se carguen los resultados.

Ahora bien, te mostrara los detalles de cada uno con sus respectivas capturas de pantalla, pero eso no es todo, ya que te indicara en color rojo las áreas que se diferencian de un navegador a otro, para así comparar y resolver los problemas que los usuarios puedan tener al ingresar a la página.

Enlace | Browserbite

Tutorial de HTML5 gratuito y en español (online)

Seguramente lo tuyo es aprender el lenguaje HTML5 (Hyper Text Markup Language, versión 5), y por lo mismo encontraras un sin fin de tutoriales en internet, pero quizá los encuentres solo en ingles y no muy detallados que digamos. Así bien, te mostrare un tutorial sobre este tema que te ayudara mucho.

Microsoft ha compartido para cualquier usuario un tutorial de HTML5 gratuito en español, en el cual consta de 6 lecciones donde podrás aprender de manera completa y fácil de entender.

Los temas de cada lección son:

1.- Definición de HTML5.
2.- Conceptos básicos de HTML, XHTML y CSS.
3.- Introducción a la presentación en pantalla con CSS.
4.- Uso de las etiquetas HTML5.
5.- Uso del elemento Canvas.
6.- Funciones Drag y Drop de HTML5.

La verdad esta muy completo para cualquiera que quiera empezar a aprender sobre este lenguaje, aunque la única desventaja del mismo es que no se podrá descargar, ya que solo podrás verlo de manera online.

Enlace | Tutorial de HTML5

Blockr | Para bloquear sitios web y aumentar tu productividad

Cuando hablamos de internet se sabe que en el propio pecado se lleva la penitencia, pues la gran variedad de contenido con la que se cuenta en toda la red puede convertirse en el mejor amigo o en el peor de los enemigos de nuestra productividad. Es por eso que les quiero platicar un poco de Blockr.

blockr

Blockr es una extensión para el navegador web Google Chrome con la cual vamos a poder bloquear sitios web y que permanezcan así hasta que no termines una tarea.

Por el momento Blockr se encuentra en “pañales”, pues al momento solo nos permite seleccionar entre 2 tareas a realizar: escribir una cierta cantidad de palabras o código en GitHub.

En el caso de que seas un webmaster o blogger estoy seguro de que sabes a lo me refiero cuando hablo de las grandes distracciones que hay en la web y que mejor que echar mano de Blockr para bloquear tu navegación hasta que no termines cierta cantidad de artículos a publicar o cierto código a programar.

Descargar | Blockr

CSS3 Shapes | Varias formas geométricas en CSS3 para utilizar

Para los que apenas están aprendiendo a utilizar CSS3, esta herramienta web llamada CSS3 Shapes te será de mucha utilidad, ya que cuenta con una colección de 20 formas geométricas como los son: cuadrados, círculos, trapecios, estrellas, triángulos, corazón, óvalos, rombos y muchos más, donde cada figura contendrá su código de estilo CSS para copiar y colocar en tu sitio web de manera fácil y sencilla.

Claro esta, que para estar aprendiendo, podrás modificar el estilo ya sea cambiando el ancho, largo, fondo, posición, etc. para que vallas viendo como va quedando la figura.

Enlace | CSS3 Shapes

Tutoriales Blogger y Wordpress, aplicaciones web, redes sociales, internet, tecnología, geek.
Red de Blogs