Hacker of the Web
Tus ideas en código!...y mas

[+/-]
CSS3: Agrandar imágenes ó texto al pasar el mouse

En esta ocasión explicaré como crear un elegante efecto con CSS3 para las imágenes, texto o cualquier parte de tu sitio web o blog. Se trata de hacer que cuando el mouse de nuestras visitas pasen por encima de alguna imagen o texto, se agrande animadamente, un ejemplo lo explica mejor:

unicornio unicornio unicornio


Este mismo efecto es el que puedes ver en la cabecera de Santyweb y se ve bastante bien, tanto que, podría incluso cambiar las imágenes del ejemplo con algunas otras que vayan mejor con la temática del blog y nos creamos un menú, bastante sencillo de maquetar. Y lo mejor, no utiliza nada de pesados códigos Javascript!

[+/-]
La mala ortografía afecta nuestro posicionamiento

Existe una enorme cantidad de sitios web con errores de ortografía, en algunas ocasiones graves pero casi siempre menores, ya sea por rapidez de la edición al escribir el artículo o exceso de confianza en herramientas como los correctores ortográficos. Incluso podría ser una técnica SEO mas.

Mala ortografía

Esto gracias a que hace poco Google realizó una modificación en su algoritmo de posicionamiento, el cual, como ya todos sabemos Google beneficia a los sitios de buena calidad, que incluye como parámetros, entre algunos otros:

[+/-]
Registra dominios personalizados del tipo ".loquesea"

Durante una reunión en la Corporación de Internet para la Asignación de Nombres y Números (ICANN) han aprovado con 13 votos a favor, 1 en contra, y 2 nulos, que cualquiera pueda registrar dominios de primer niveles utilizando cualquier combinación de letras. Por ejemplo podría registrarse sin problemas "http://santy.web".

Dominios personalizados

[+/-]
Lo que no debe hacer un SEO!

Si revisamos los beneficios que conlleva estar en los primeros lugares en buscadores populares entenderemos por que el Search Engine Optimization o SEO, se ha convertido en los temas que ha ganado gran importancia en Internet. Lo que ha desatado una lucha encarnizada por aparecer en esa posición tan privilegiada.

Que no hacer en SEO

Con tanta competencia en el tema, se vuelve un tanto difícil aparecer en primeros puestos en especial para aquellos menos experimentados en SEO, de modo que, comienzan a practicar técnicas maliciosas que no aportan nada a nadie e incluso son penalizadas por buscadores como Google.

[+/-]
Google quiere eliminar el botón "Voy a tener suerte"

Nuevo diseño de Google

El buscador mas utilizado en Internet no conforme con el minimalista diseño de su producto principal, ahora pretende quitar uno de esos botones míticos. Uno de esos botones que escribieron historia con este gran proyecto universitario.

[+/-]
CSS3: Anima todos los enlaces en tu Blog

Enlace
Los enlaces en una página web no siempre son bonitos, claro que se puede cambiar esto con un que otro efecto con pesados algoritmos Javsacript. Pero sin duda CSS3 es la manera mas rápida y facil de lograr crear un efecto con los enlaces en nuestro blog, mira un ejemplo:

Un enlace

Se ve bastante bien, solo necesitamos de CSS3 y lo mejor de todo es que Firefox, Chrome y Opera soportan esta propiedad. Si te interesa el efecto, manos a la obra!

[+/-]
Google busca por voz y mucho mas!

Como ya viene siendo costumbre, Google de nuevo rompe con la forma de buscar información por Internet, pues ahora podemos hacer nuestras consultas de manera fonética, bueno pues por voz, a la base de datos mas grande del mundo, simplemente necesitaremos un micrófono:

Busqueda por Voz en Google

[+/-]
Pics of Pigs: Divertida y exitosa animación mexicana

No se ven muchas animaciones hechas en México por Internet, pero "Pics of Pigs" esta dando la nota en varios sitios web de Internet por el éxito que ha tenido en las redes sociales. Tanto es así que cuenta con seguidores de todo el país, además de Estados Unidos, Canadá, Inglaterra y Australia, mismos que han reconocido la calidad de las animaciones.

Pics Of Pigs

[+/-]
El Doodle de Les Paul

El pasado jueves Google lanzó un Doodle muy curioso, se trataba de una especie de guitarra con forma del logo de Google. Y lo mas peculiar de este Doodle es que era funcional, es decir, al mover el mouse por las cuerdas o presionar el teclado en cualquier letra o numero dicho Doodle emitía un sonido de guitarra:

Doodle de Les Paul

Y aunque muchos lo daban por eliminado, aquí en santyweb tenemos el Doodle de Les Paul original para que puedas seguir tocando la Guitarra, incluso también verás el Doodle de PacMan

[+/-]
CSS3: Reflejos en imágenes, elementos y objetos

Seguimos hablando de las nuevas propiedades que tendrá el CSS3 y ahora toca el turno a una propiedad que nos permite crear un efecto de reflejo a cualquier elemento de nuestro blog o sitio web. Solo con una linea de código tendremos un espectacular efecto reflejo.

unicornio

[+/-]
El nuevo diseño/interfaz de Blogger a fondo!

Hace algunos días estábamos explorando Blogger in Draft como cualquier usuario nuevo de la plataforma y nos encontramos con la grata sorpresa de tener activado ya en nuestra cuenta la nueva interfaz de Blogger.

Nueva interfaz de Blogger

Esta nueva interfaz que nos dieron a conocer en marzo pretende terminar con aquel diseño que ha tenido Blogger desde sus comienzos en 1999, acabando por fin con esos bordes cafés redondeados que parecieran estar diseñados para un publico infantil.

Que te parece? sigue leyendo el análisis que santyweb realizó acerca de sus nuevas características y la posibilidad de que puedas probarlo!

[+/-]
Blogger: Agregar un favicon al Blog

Desde el blog oficial de Blogger in Draft nos llega la noticia oficial: ahora en Blogger es posible agregar nuestro propio favicon personalizado!. Esto sin tener que sobrescribir el icono de Blogger, que en muchísimas ocasiones no va con nuestro diseño y acaba por quitarle esa esencia de profesionalismo que buscamos ponerle a nuestro sitio personal:

Cambiar Favicon

[+/-]
Blogger: Plantillas para moviles, en todos los blogs

Desde diciembre de 2010, Blogger había introducido unas plantillas para optimizar nuestros blogs en los teléfonos móviles. Y como suele suceder con las nuevas caracteristicas en Blogger in Draft, hasta ahora había tenido problemas de compatibilidad en algunos móviles.

Plantillas para móviles Pero hace unas pocas horas se graduó de estado "Draft" y al parecer se graduó con honores, pues la característica esta activada en todos los blogs sin siquiera pedirnos confirmación alguna. Y esto no es para menos, pues cada vez mas usuarios de Blogger manipulan sus blogs y visitan otros a través de sus dispositivos móviles.

[+/-]
Tiempo de carga en blog o sitio web

Hoy toca hablar acerca de el tiempo de carga en un sitio web, algo fundamental para que los lectores o usuarios de algún sitio web se lleven una experiencia de usuario positiva navegando por nuestro sitio consiguiendo que permanezcan mas tiempo en él y quizás lo mas valioso: posibles recomendaciones con amigos.
Reducir el tiempo de carga como estrategia SEOTiempo de Carga de un sitio
Siendo así una estupenda estrategia SEO, que nos puede llegar a dar buenos resultados si la sabemos aplicar correctamente.

[+/-]
World IPv6 Day: Inicia visita al futuro

Este miércoles 8 de junio se realizará la prueba de IPv6 mas grande a nivel mundial, serán 24hrs de intensas pruebas de conectividad y reparación de problemas que pudiera causar la implementación de este nuevo sistema de direccionamiento.
Este miércoles 8 de Junio, "World IPv6 Day" pretende realizar un hito para la industria de Internet

World IPv6 Day

Grandes empresas y corporaciones de todo el mundo se están uniendo al evento, como Google, Facebook, Yahoo!, Akamai y Limelight Networks que son solo algunas de las mas grandes organizaciones que ofrecerán su contenido sobre IPv6. Poniendo el ejemplo para que mas empresas telefónicas o proveedores de Internet se sumen y hagan sus pruebas de conectividad.

[+/-]
CSS3: Rotar/Girar elementos al pasar mouse o raton

Alguna vez en toda tu vida de webmaster o diseñador web, ¿te imaginaste que algún día podrías utilizar CSS para crear una animación?. Yo tampoco(si la respuesta fue no xD) pero ahora es posible, gracias a CSS3 y a sus nuevas características podemos fácilmente prescindir de flash u otras tecnologías.

CSS3 rotar elementos

El CSS desde la llegada de su tercera versión, ha dejado de ser unas simples reglas para modificar la apariencia de elementos web, a ser un complejo lenguaje de diseño y animación web y aquí en santyweb nos estamos volviendo locos con estas nuevas funcionalidades que estan por aparecer masivamente en la web 3.0

Bien, basta de preambulos.

El efecto es el siguiente:

twitter facebook

[+/-]
Beneficios de ser primero en posicionamiento

Algunos empresarios poco a poco se van dando cuenta de la importancia de aparecer en las primeras posiciones de algún buscador. Y comienzan a experimentar con algunos consejos básicos que les dan un poco de mejor rendimiento en cuanto a posicionamiento.

SEO

Una vez que se percatan de los pequeños beneficios que obtuvieron, comienzan a buscar a algun experto SEO que les pueda dar mejores resultados en buscadores populares.

[+/-]
Poner o añadir al blog el botón "+1" de Google

Esta mañana Google dio a conocer el lanzamiento de su botón "+1" para todos los websites que quieran agregarlo. Al hacer clic en el botón estarás recomendado una página web, dichas recomendaciones aparecerán cuando tus amigos hagan una búsqueda relacionada con lo que les recomendaste.

Google presenta su boton +1

[+/-]
Google Correlate: Compara tendencias en Internet

Como lo dice su nombre, este nuevo servicio de Google permite a los usuarios colocar una palabra clave de búsqueda y encontrar las tendencias mas actuales de interés que le rodean. Claro que estos datos están basados en la base de de datos de búsquedas en Google, que mantiene desde el 2003.

Google Correlate

Google Correlate, grafica

Este servicio es de gran utilidad, por ejemplo, al tratar de encontrar las relaciones de la palabra dengue en las búsquedas mas recientes que se realizaron en Google. Encontré que los usuarios del buscador que buscaron "dengue" también se interesaron en buscar:
  1. dengue fever
  2. dengue fever wiki
  3. what is dengue
  4. what is dengue fever

Mediante esta útil herramienta podemos encontrar los temas, productos o servicios que son de interés actualmente y que están relacionados con el tema de nuestro website. Y así enfocarnos en ofrecer o hablar acerca de ciertos servicios o productos.

Entradas más recientes Entradas antiguas Página Principal
Arriba