Mostrar los tags: grid

Mostrando del 1 al 10 de 13 coincidencias
<<>>
Se ha buscado por el tag: grid
Imágen de perfil

GRID Responsive JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 28 de Septiembre del 2017)
4.733 visualizaciones desde el 28 de Septiembre del 2017
Contiene ejemplos con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye tres variantes del script. Puedes elegir la opción más adecuada a tu proyecto.

Cambia el número de columnas y tamaño del contenido del GRID con JavaScript compatible.

Origen de las imágenes: https://pixabay.com/

Espero sea útil.

Un saludo
Imágen de perfil

Grid Foto Simple


JavaScript

Publicado el 20 de Febrero del 2020 por Scriptshow (138 códigos)
775 visualizaciones desde el 20 de Febrero del 2020
Grid Foto Simple es un diseño responsable y compatible con cualquier navegador web y/o dispositivo compatible. Su funcionamiento es muy sencillo y no precisa librería alguna. Está basado en JavaScript y CSS nativos. Al pulsar en una imagen, ésta se posiciona en primer plano y se adapta a la resolución de la pantalla. Al clicar en la imagen ampliada, retorna al inicio donde están todas las imágenes distribuidas en Grid Responsive.

Espero sea útil.
Imágen de perfil

Exámenes conectado a MySql


Java

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 12 de Agosto del 2018 por Rafael Angel (80 códigos)
2.367 visualizaciones desde el 12 de Agosto del 2018
Programa para gestionar los exámenes de un semestre o de un curso.
Ejemplifica el uso de MySql server.
Permite guardar datos en la base de datos.
Debe restaurar la copia de seguridad de la base de datos.

IMG_20180811_200241
IMG_20180811_200316
IMG_20180811_200345
Imágen de perfil

Dividir la zona visible del navegador


CSS

Publicado el 6 de Marzo del 2018 por Scriptshow (138 códigos)
1.135 visualizaciones desde el 6 de Marzo del 2018
Código para dividir en secciones proporcionales la zona visible del navegador web. Sólo precisa unas líneas de CSS y HTML. No utiliza Tablas.

Es compatible, responsable, simple, etc.

Un saludo

grid
Imágen de perfil

Grid + Intro utilizando CSS


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Febrero del 2018 por Scriptshow (138 códigos) (Publicado el 26 de Enero del 2018)
2.209 visualizaciones desde el 26 de Enero del 2018
GRID + INTRO es un experimento UI / UX basado en CSS Compatible. El resultado es un diseño de aspecto similar a "metro".

Puede utilizarse como página de inicio para navegar por otros contenidos. Tienes varias opciones realizando pequeños cambios: añadir imágenes, vídeos, etc. que guarden una proporción lógica. Es ampliable, compatible, adaptable a proyectos...

Espero sea útil.

Un saludo
Imágen de perfil

Linea


Java

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 23 de Marzo del 2017 por Alejandro (3 códigos) (Publicado el 18 de Noviembre del 2016)
2.612 visualizaciones desde el 18 de Noviembre del 2016
Aplicación muy simple y sencilla en la que pinchando dos botones, se generará una linea entre ambos. La interfaz gráfica consiste en una malla de X por Y botones, donde se pinchará el punto inicial y final de la linea. Pinchando una tercera vez se borrara la linea y se podrá generar otra nueva.
Captura1
Captura2
Imágen de perfil

Construir un Grid con JScript y CSS con efectos


JavaScript

Actualizado el 11 de Marzo del 2017 por Scriptshow (138 códigos) (Publicado el 26 de Febrero del 2017)
2.642 visualizaciones desde el 26 de Febrero del 2017
Como construir un Grid con JavaScript y CSS con efectos de giro, cambio de color y de forma al clicar en los cuadrados, que han sido creados virtualmente por un bucle con JScript.

Un experimento que puede ser adaptado para diversos propósitos.


Un saludo
Anterior12Siguiente