Programación Web

Crear Textos con Sombras y Efectos en CSS3 – Online – Fácil

Hace un tiempo ya les comente sobre una herramienta para dar efecto al texto con CSS3 CSSWARP una herramienta que nos permite dar todo tipo de efectos a los textos girarlos, dar sombras etc etc y también otro día les hable de algo más general, una herramienta que permite crear no solo textos si no también botones en CSS3

Pues hoy les vengo a dejar un complemento o una alternativa eso ya lo verán ustedes según sus necesidades. Se trata de CSS Text Shadown Crear Textos con Sombras y Efectos en CSS3 – Online – Fácil una aplicación especialmente diseñada para crear textos en CSS y aplicarle todo tipo de efectos y sombras, son más o menos 30 tipos de sombras que se le pueden aplicar al texto con esta herramienta, además de eso también nos permite escoger varios tipos de letras.

La web no requiere registro, solo tenemos que entrar y en el index ya podremos comenzar a generar nuestro texto, basta con escribir en la caja de texto y abajo de la misma escoger el tipo de letra que queremos y probar los efectos que nos ofrecen hasta encontrar el que más nos guste. Al terminar de trabajar en el texto solo tenemos que clicar en donde dice get code y la aplicación nos dará el código del texto para insertarlo en donde queramos o bien para seguir editandolo a nuestro gusto.

Este es el código que me ha generado para dar un efecto como el que se ve en la imagen de arriba, efecto fuego en css3

< link href="http://fonts.googleapis.com/css?family=Aclonica:regular" rel="stylesheet" type="text/css" >
< style>
h1 {
font-family: 'Aclonica', serif;
color: #fff;
text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
}
< /style>

Tuve que agregar unos espacios entre algunas letras por que se me han quedado todos los títulos del blog con unas llamas jeje

Solo lo añadimos a nuestro style.CSS y lo podemos usar en nuestra página web.

Hay estilos para todos los gustos, así que es cosa de entrar y probar :)

Editar y Crear Animaciones en HTML5

A los amantes del diseño web y personas que quieran editar animaciones hechas en HTML 5 como si se trataran animaciones hechas en flash, hoy les traigo Cooties -> Editar y Crear Animaciones en HTML5.

Cooties aun esta en fase beta a pesar de que fue lanzado ya hace algún tiempo, pero ya permite hacer algunas animaciones sencillas basadas en fotogramas, muy al estilo de flash pero totalmente hecho en HTML 5

Para usar cooties tenemos que iniciar sesión con nuestra cuenta de google, lo más malo de todo es que al parecer no tienen ni tan siquiera un index y al entrar nos lleva al login directamente.

Si no les gusta o les sirve esta herramienta tal vez quieran probar spritely, algo similar aunque mucho más avanzado, usa jquery y html para hacer las animaciones, aunque de este sistema ya hablamos y lo pueden encontrar en este enlace: Hacer Animaciones en HTML y JQUERY – Olvidate del Flash

Igual espero que les sirva cualquiera de los dos sistemas, o bien los dos, uno complemento del otro.

Comparación de Rendimiento en WordPress – Consumo de CPU Según Permalinks Usados

Hoy vengo a hacer un post bastante corto pero que seguro que a muchos les servirá como referente a la hora de escoger la estructura de permalinks que usan en wordpress y en otros tipos de CMS.

Hace tiempo que vengo leyendo información y pruebas que hacen algunas webs sobre permalinks, les soy sincero pero no recuerdo ningún enlace en donde he visto esta info, pero hay bastante al menos si buscan en ingles podrán encontrar información relacionada con el consumo de recursos y el tipo de permalinks que tengamos.

Hoy simplemente les voy a dejar dos capturas de dos blogs hechos con wordpress, probados con varios themes, y con los mismos plugins.

WordPress 1 Visitas al día 1000/1500
Estructura de Permalinks: /%postname%/

Consumo de CPU:

WordPress 2: Visitas entre 2500/3000
Estructura de permalinks: /%year%/%postname%/

Como ven la diferencia es notable, el sitio web que tiene más visitas y los mismos plugins que el que tiene menos visitas tiene un consumo menor.

Algunos se preguntarán por que, y es por como se realizan las búsquedas de los enlaces en la base de datos, no es lo mismo buscar en una base de datos grande un /nombre-post/ a buscar un /año/nombre-post/ entre más barras tenga mejor será la organización y la búsqueda, tipo /año/mes/nombre-post/.

En fin, dije que este iba a ser un post corto así que lo dejo aquí, luego entro en detalles técnicos y la gente se queja de que no me entiende, así que solo pongo las muestras del consumo y confirmo lo que ya han confirmado otros, al tener una estructura de permalinks con solo el nombre del post, produce un mayor uso de CPU y un mayor consumo de MYSQL, así que si lo pueden evitar es mejor.

Yo aquí en skamasle lo tengo con solo el nombre del post y si que consume más, pero no quiero hacer otro cambio de URLS que sería el segundo y no quiero volver a pasar por la reindexación de google y menos ahora que ya el blog tiene casi 4 años :/

Bueno, espero les sirva el dato :)

Utilizamos cookies propias y de terceros para mostrarle publicidad relacionada con sus preferencias según su navegación. Si continua navegando consideramos que acepta el uso de cookies.
Seguir Navegando
x