• edgrid
  • forophp
  • caniuse
  • fonticons
  • tinypng

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.

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.