A continuación una infografía muy interesante que nos ayuda a entender mejor como se compone y como funciona un tema de WordPress.
[yoast]
Archive for the category ‘Desarrollo web’
Qué es un Favicon?
By Luigi KeynesLa palabra favicon viene del inglés favorites icon (icono de favoritos), también se lo conoce como icono de página.
Es una pequeña imagen asociada con una página o sitio web en particular. Los navegadores gráficos suelen mostrar el favicon de la página visitada, si ésta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente. Asimismo los utilizan para identificar más fácilmente las páginas, presentándolos junto a sus respectivos títulos, en las listas de marcadores o favoritos, en los historiales de páginas visitadas y de navegación reciente, y toda vez que deban hacer referencia a ellas.
Cómo definirlo?
Una forma de definir un favicon es poniendo un archivo llamado favicon.ico en el directorio raíz del servidor web, el cual es mostrado automáticamente en la mayoría de los navegadores web. Una manera más flexible es usando HTML para indicar la localización de un icono para cada página servida, el cual es identificado añadiendo dos elementos link en la sección <head>. De esta manera, cualquier imagen de un tamaño apropiado (16×16 pixels o más) puede ser usada, y aunque todavía muchos usan el formato .ICO, otros navegadores ahora también soportan los formatos de imagen animada GIF y PNG.
<link rel=”shortcut icon” href=”favicon.ico” />
Cuales son las ventajas de un Favicon?
La mayoría de sitios web profesionales tienen favicon para facilitar el reconocimiento de la página, pero la ventaja adicional es que también cuando tu guardas un favorito o marcador de la página que tiene el favicon, éste se guarda con dicha referencia y aparece en tu listado de favoritos, permitiendo que el usuario localice tu página más fácilmente.
Algunos problemas
Los navegadores actuales implementan los dos métodos de definición arriba descritos. Por ello, los servidores web reciben muchas peticiones por el archivo favicon.ico, incluso cuando este no existe, creando muchas entradas en el registro del servidor, y cargando innecesariamente su disco, la CPU y la red.
Otro problema común es que los favicons pueden desaparecer si se borra la cache del navegador.
En Boonic hemos creado una simple herramienta online que te permite crear tu favicon en tres rápidos pasos, sin necesidad de utilizar software de diseño gráfico.
Herramienta para crear rectángulos redondeados en CSS3
By Luigi KeynesCSSCorners es una herramienta online que nos permite “on the fly” rectángulos redondeados.
La misma usa CSS3 (lo cual significa que para ver los resultados correctamente tienes que usar un explorador web que lo soporte), y nos permite configurar además de la redondez de las esquinas, el tipo de gradient, los colores y el relleno.
Test de resoluciones para Chrome
By Luigi KeynesAyer estaba conversando con @FerQuiros sobre lo importante que es pensar y diseñar nuestras websites y aplicaciones para muchas resoluciones de pantalla. Antes (me refiero hace 6 o 7 años) esto era relativamente fácil porque habían 2 resoluciones que dominaban casi la totalidad de posibilidades. Esto ahora ha cambiado mucho dada la variedad de dispositivos y monitores disponibles en el mercado.
Para los desarrolladores web, que como yo, son fanáticos de Chrome hay una extensión que nos simplifica la vida en este aspecto. Se llama Resolution Test y es impresionantemente fácil de usar: la instalamos, seleccionamos las resoluciones que queremos examinar y le damos a “View”.
Que mier** es HTML5?
By Luigi KeynesSe habla mucho y mucho de HTML5, pero todavía hay muchas personas que no tienen la menor idea de lo que se trata.
A continuación, una infografía en inglés que explica claramente el tema.
(Hagan clic sobre la imagen para visualizarla mas grande)
VoltDB es un coche de F1, mientras que MySQL y Oracle son “fititos”
By Luigi KeynesAl menos eso prometen los desarrolladores de VoltDB quienes afirman que su sistema de bases de datos es unas 50 veces mas veloz que MySQL y Oracle.
Es un sistema de bases de datos relacionales creado por Michael Stonebraker, que tambiñen participó en el desarrollo de Ingres y PostgreSQL. Se caracteriza por que almacena datos en la memoria y no en el disco, escalado lineal, permitiendo crecer en clientes dando la misma calidad de servicio, en cada nodo tiene un motor SQL que hace de interface con el DBMS aprovechando las capacidas multinucleo de los actuales procesadores.
Están apareciendo constantemente nuevos sistemas de bases de datos mas rápidos y con mayores capacidades que MySQL, ya que las aplicaciones web cada vez son mas exigentes en este aspecto.
[Dosbit]
Sistema solar en CSS3
By Luigi KeynesAlex Giron ha llevado adelante un experimento interesante y ha creado un modelo del sistema solar con CSS3, usando border raduis, transformaciones y animaciones.
Está bueno el modelo, aunque se destaca que las órbitas son circulares y no elípticas (aunque me parecería muy complicado hacerlas de esta forma con CSS) y por otro lado incluye a Plutón, el cual ya no es considerado un planeta.
Para ver los detalles del experimento sigan este link.
Herramienta para hacer botones en CSS3
By Luigi KeynesEn este link encuentran una herramienta muy interesante para diseñar botones en CSS3, solamente hay especificar de un modo muy gráfico e intuitivo una serie de variables de como queremos que se vea el botón.
Al final del proceso debemos hacer clic en el botón y obtenemos el código CSS del mismo.
Un reproductor de video HTML5 open source
By Luigi KeynesEl reproductor se llama Video JS, está basado en javascript y usa las funcionalidades de video de HTML5. El beneficio de su uso reside en que su vista es consistente entre navegadores.
Es gratis y open source, no usa imágenes, se pueden crear infinitos skins con CSS, es una librería independiente, fácil de usar y entender, tiene modo de ventana completa y control de volumen.
Más info en este link.
Set de íconos para aplicaciones de e-commerce
By Luigi KeynesEn este link pueden encontrar un set de íconos que viene muy bien para quien esté desarrollando alguna aplicación de pagos y/o e-commerce.
El mismo es gratis e incluyen íconos de VISA, MasterCard, American Express, Cirrus, PayPal, billetes, monedas, Pago seguro y carrito de compras.
Comentarios recientes