php,ajax,mysql,css,html,software
CSS
Generador online de fondos rayados estilo 2.0
5 nov
Stripe generator 2.0 es un generador de fondos con rayas online, tiene diversas opciones, como cambiar el color de la imagen, degradados, etc… siempre que hagais un cambio pinchar en la imagen para ver los resultados.
Stripe generator 2.0
Link: Stripe generator 2.0
HTML Instant: un editor instantáneo
17 oct
Os dejo aquí un link de un Editor HTML, donde podeis hacer vuestras pruebas de código (no muy complicadas).
En fin, una aplicación más que demuestra que nada es imposible en la red.
Link: HTML Instant
Cambiar fuente de tu página web con Cufon
1 oct
Si estas harto de que tu web siempre tenga la misma letra que el resto de webs, se ha desarrollado hace ya un tiempo con un script llamado Cufon.
Ventajas:
Tiene varias ventajas como:
- Los usuarios de tu web no tienen porque tener instalada la fuente en cuestión
- Es fácil de instalar y utilizar
- Totalmente valida para los buscadores
¿Como añadirlo a nuestra web?
Ahora os preguntareis, como instalo esto en mi web.
Lo primero es bajarte aquí la librería fuente y pones el siguiente código en el <head> para que todo marche sobre ruedas.
<script src="cufon-yui.js" type="text/javascript"></script>
Como no podemos usar nuestras fuentes TTF que tenemos instalado en nuestro sistema operativo, debemos convertirla a un formato especial desde la propia página de cufon usando su conversor automático nos generará un fichero .js de deberemos añadir también a nuestro:
<script src="Myriad.font.js" type=”text/javascript”></script>
Por último, deberemos indicarle que etiquetas html queremos reemplazar las nuevas letras, se aconseja siempre que sean los titulares por darle mas agilidad, pero bueno haya que haga cada uno lo que quiera.
<script type=”text/javascript”>
Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
</script>
En este ejemplo lo que se pretende es sustituir las etiquetas <h2> con la nueva fuente.
Algunos problemas encontrados:
Por ahora solo me he encontrado con un problema, y es que ni acentos, las ñ, etc.. (me refiero al español) a veces no se ven, esto es debido a que puede que tu fuente no soporta estos caracteres especiales. Esto no es un fallo del sistema, esto es que como casi todas las fuentes que existen en ingles son inglesas y contemplan estos caracteres.
Tabla periódica HTML5
6 sep
Tabla periódica HTML5
Publican en Microsiervos un enlace interesante y a la vez curioso de una página web en el que nos muestra los elementos de HTML en forma de tabla periódica. Además podeis poner cualquier web y hace un rastreo, iluminando los elementos que usa y en cuantos números, una web curiosa por lo menos…
Alternativa a iluminar celdas usando solo CSS
3 jun
Como ya hace unos días dije como iluminar filas y columnas con jquery, pues bien, lamentablemente para webs con un panel de administración que suelta más de 500 filas y mas de 11 columnas, es un efecto poco útil y que además ralentiza muchísimo la web. Así que he buscado una solución mas “caserilla” pero hace el efecto óptico deseado y es el de iluminar la fila entera y con otro color iluminamos la celda por donde pasa el ratón.
La solución es sencilla bajo mi punto de vista y es usando una pequeña hoja de estilos, no la voy a hacer tan complicada como la tengo yo pero el efecto es el mismo…
Así que, saltándome los pasos de que ya sabéis crear una tabla os pongo el estilo para que os salga algo como en la foto inicial…
tr:hover{
background-color: #FFFFCC; /* amarillo */
}
tr td:hover{
background-color: #FF9900; /* naranja */
}
Con esto conseguimos en amarillo iluminar toda la fila y en naranja iluminar la celda por donde pasamos el ratón.
Ya, ya se que no es lo mismo que la otra ilumina toda la columna y no es lo mismo, pero bueno me he buscado otros recursos para poder saber que significa en esa celda cuando te encuentras en medio del océano (osea en la mitad de los 500 registros) y no sabes si subir o bajar 
Solo os digo que de 21seg de carga ha bajado a 15s. Lo se, parece un montón de segundos pero seguro que pronto conseguiré bajar el tiempo y con mas registros
Espero que os haya servido para algo y si tenéis alguna duda dejar vuestros comentarios.
