Carga diferida de imágenes en Html

Una de las tantas cosas que queremos cuando un usuario entra a nuestro sitio, es que este cargue lo más rápido posible y así no tenga una mala experiencia

El problema viene cuando nuestro sitio (o el sitio que algún cliente nos pide) requiere muchas imágenes y estas hacen que el sitio cargue lento

Para eso podemos utilizar una técnica llamada lazy load, la cual carga de manera diferida/retrasada/retardada las imágenes; las carga depende si se ocupan o no, por ejemplo al hacer scroll

El siguiente ejemplo muestra como hacerlo

Leer más

Ajustar imagen a nuestro div

Seguramente en desarrollo web ya has encontrado o te vas a encontrar con este problema: la imagen no ajusta al diseño

Puedes cortar la imagen, estirarla, hacer que modifiquen el diseño. Si cortas la imagen, corres el riesgo que te indiquen que la pongas en otra posición con un tamaño diferente, ocuparías volver a hacer otro corte y con eso poco a poco ir llenando el espacio del disco. Estirarla no funciona pues se va a ver mal

Imagen con distintos ajustes
Leer más

Eliminar elemento de array y reordenar – Php

Puede surgir la necesidad de que tengamos un array y tengamos que eliminar una posición. Eso es sencillo con unset. El problema pudiera ser que ocupemos «recuperar» por así decirlo la posición, es decir, reordenar los datos del array para que ese espacio sea cubierto

$arreglo = array();

$arreglo[] = "uno";
$arreglo[] = "dos";
$arreglo[] = "tres";
$arreglo[] = "cuatro <-- será eliminado";
$arreglo[] = "cinco";
$arreglo[] = "seis";

// eliminar elemento
unset($arreglo[3]);

Al hacer ese unset, se elimina el que dice «cuatro» y queda un puesto vacío por así decirlo. Para reacomodarlo utilizamos lo siguiente

Leer más

Tabla inteligente

Recuerdo hace tiempo cuando al desplegar datos utilizabamos el tag table. Este se dejó de utilizar al llegar lo responsivo, pues aunque se podía, era complejo para hacerlo funcionar bien

Al llegar bootstrap se le dio un uso/empuje nuevo y ahora con el avance de tecnología ya su uso puede ser normal nuevamente

Aquí pongo un ejemplo de un componente llamado footable el cual me sirvió para una necesidad en específico

Leer más

Calificar post y enviar correo

Algo que me gusta mucho en programación y al usar un componente, es hacerlo a mi gusto, ajustarlo a mis necesidades. Algunos componentes tienen muchas opciones, otra pocas y así. A veces simplemente no están a simple vista

En este blog quería poner algo donde los visitantes pudieran calificar los posts. Encontré un plugin llamado Yet Another Stars Rating

Lo primero que quise hacer es quitarle el mensaje donde indica cuantas calificaciones ha tenido. Para eso, el mismo plugin trae una parte llamada «Aspecto y estilo» en la cual puedes poner css

Leer más

Ayuda a Google a ayudarte

Haciendo búsquedas en Google, te habrás dado cuenta de que algunos resultados tienen contenido enriquecido o resaltado. Cualquier sitio puede hacer lo mismo, esto utilizando bien las herramientas que Google ofrece

Google lo maneja con los llamados datos estructurados, los cuales son como guías o pistas donde le indicamos lo que está leyendo al motor de búsqueda

A continuación lo muestran estas 3 imágenes

Leer más