• pagespeed
  • edgrid
  • forophp
  • caniuse
  • fonticons

Escrito por:

SEO

pagespeed

PageSpeed Insights es una herramienta que nos proporciona google para mejorar la velocidad de carga de nuestras páginas web en todos los dispositivos.

Para analizar nuestras pagians web entras a la siguiente url: https://developers.google.com/speed/pagespeed/insights/ y en el input escribes la url de tus pagians web a medir y precionas el boton de analizar.

Y después te mostrara todos los errores con comentarios y sugerencias para corregirlo y mejorar la velocidad de carga.

ep0itI3zSFKK7Lb5lxYCJ4yXb_1gvOa4bh7Bu8B1jjvvsZNPUHswU3gIBnEi5W_xWWwaUbqvxbTcnVL-G2126ny8WNzXGg=s888

Escrito por:

MySQL, PHP, Tutoriales

forophp

En esta ocasión comparto el foro en su parte final el cual contiene lo siguiente:

  • Categorías
  • Foro
  • Subforo
  • Temas
  • Tema
  • Comentarios
  • Usuarios
  • Estadísticas: visitas de temas, temas por foro, ultimo comentario.
  • Administrador
  • Avatar: Contiene una clase que convierte las imágenes de perfil a un tamaño de 70px x 70px.

Fue desarrollado en el lenguaje de programación PHP y con base datos en MYSQL, para el front end se realizo con html5 y css.

Se programo con clases no esta al 100% en POO ya que aun ando aprendiendo a programar en php, aun utiliza el driver nativo de mysql pero cambiarlo a mysqli seria muy fácil, ya que todo es operado por arreglos.

Si alguien lo pide podría cambiarlo a rutas amigables.

Escrito por:

desarrollo web

fonticons

Font Awesome, son iconos en formato de fuente las cuales puedes cambiar de tamaño y color, ademas de aplicarle sombra y personalizarlas con tu archivo css, sin duda es muy útil para usarla en botones, viñetas ya que no consumen tanto espacio y son fáciles de manipular´.

Su formato de uso es:

<i class="fa fa-camera-retro"></i> fa-camera-retro

Escrito por:

CSS, Recursos

hcss3ceh

Hover.css es una colección de más de 40 efectos hover creados con CSS3 y que pueden ser aplicados a elementos HTML como botones, imagenes, links, etc. La colección esta disponible en CSS y SASS.

Para implementarlo solo tenemos que descargar los archivos desde hover.css y dentro de la pagina incluir los archivos necesarios.

<link rel="stylesheet" type="text/css" href="css/hover.css">

Posteriormente solo tenemos que agregar a los elementos HTML la clase button y el efecto que se desee aplicar

<a href="#" class="button hover-shadow">Efecto hover-shadow</a>

Si lo deseas puedes personalizar el estilo de los botones y efectos directamente en el archivo hover.css

Escrito por:

Ocio

spngm

Ya se acerca navidad y en google no se han quedado atrás, nos prepararon una aplicación llamada sigue a papá Noel la cual cuenta con novedades inmejorables en tecnología de Google Maps y en ingeniería de trineos y nos permitirá el día de noche buena seguir su progreso por todo el mundo y aprender un poco sobre sus paradas a lo largo del viaje de santa.

Escrito por:

desarrollo web, Herramientas

caniuse

Can I use, es un sitio web que te muestra la compatibilidad de HTML5, CSS3, SVG y otras tecnologías front-end en distintos navegadores.
Esto es muy útil para determinar que elementos podemos implementar y que sean compatibles en la mayoría de navegadores.

Enlace a Can I use.

Escrito por:

desarrollo web

tinypng

Cuando se realizan sitios web la mayoría de veces recurrimos a imágenes png transparentes pero en ocasiones quedan muy pesadas y esto repercute en la carga del sitio web, para ello les traigo una excelente pagina que comprime los png sin perder la transparencias y la calidad de la imagen.