Mostrar los tags: html5

Mostrando del 11 al 20 de 35 coincidencias
Se ha buscado por el tag: html5
Imágen de perfil

Agenda de contactos


PHP

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 10 de Junio del 2019 por Charly
2.171 visualizaciones desde el 10 de Junio del 2019
Programa simple, y muy útil, que sirve para mostrar contactos telefónicos, pero que almacena y muestra todo tipo de información sobre el contacto que se elija. Contiene una pequeña base de datos para almacenar los contactos creados anteriormente.

contactos-listado

contacto-nuevo
Imágen de perfil

Creación y resolución de un laberinto


JavaScript

Publicado el 3 de Junio del 2019 por Administrador
1.703 visualizaciones desde el 3 de Junio del 2019
- Toda la programación está hecha en JavaScript.
- La visualización de los laberintos se basa en el elemento canvas de HTML5. Para los símbolos uso imágenes de 16×16 píxeles y para mostrar la solución uso círculos y rectángulos dibujados.
- La generación de laberintos se hace por backtracking y se obtiene un laberinto perfecto: cualesquiera dos puntos están conectados por exactamente un camino y no hay bucles. Lo elegí porque visualmente me pareció más atractivo.
- La salida (el cohete) y la llegada (la casita) las elijo para que estén lo más separadas posible, para conseguir que la solución sea un camino largo. En algunas ocasiones la curva resultante me recuerda a la curva de Peano.
- La solución del laberinto se obtiene buscando los puntos muertos, celdas que están rodeadas de tres muros; cuando se eliminan todos, las celdas que quedan son las que forman la solución. También me pareció más adecuada para su visualización.
- Para mostrar la solución utilizo un temporizador JavaScript ¡para cada paso! Nunca pensé que eso podría funcionar. Con la inocencia del novato, pensé en usar el equivalente en JavaScript a una función sleep() hasta que descubrí que ni existía ni se consideraba correcto escribirla, por lo que tuve que pensar un buen rato cómo conseguir lo que quería con temporizadores. Bueno, parece que funciona :)

laberinto

laberinto-resuelto
Imágen de perfil

PoPup Simple


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 2 de Febrero del 2019 por 2k (Publicado el 20 de Enero del 2019)
1.167 visualizaciones desde el 20 de Enero del 2019
PoPup Simple by 2K code

Popup / Modal por focus en puro CSS. No utiliza JavaScript.

Mejor con 2K max.
Imágen de perfil

Buttons Simple


CSS

Publicado el 30 de Diciembre del 2018 por 2k
947 visualizaciones desde el 30 de Diciembre del 2018
Buttons Simple by 2K code

Botones con efecto sombra en CSS3 y HTML, muy simple...

Mejor con 2K max.

botones
Imágen de perfil

Parallax - Scrolling - Simple


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Junio del 2018 por Scriptshow
1.551 visualizaciones desde el 2 de Junio del 2018
Basado en CSS, sin más, he aquí un efecto muy utilizado en los Sitios Web actuales.
Nada de librerías, nada frameworks, nada de bootstrap... Adaptable y compatible, Con escasos 2Kb. es posible.

¡Dale al Scroll y a la Imaginación!. Construye tu Sitio desde cero...


Un saludo
Imágen de perfil

Slide Background Imágenes


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 9 de Septiembre del 2017 por Scriptshow
1.543 visualizaciones desde el 9 de Septiembre del 2017
Código JavaScript y CSS que permite el cambio de imágenes de fondo cada 4 segundos (ajustables). En algunos navegadores actualizados: Chrome, Opera, realiza transición entre imágenes; también en móviles y tablets.

Un saludo
Imágen de perfil

Efecto Parallax Reveal con CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Septiembre del 2017 por Scriptshow (Publicado el 19 de Agosto del 2017)
2.712 visualizaciones desde el 19 de Agosto del 2017
Una combinación de efectos Parallax y Reveal para presentar todos los contenidos desplazando la barra de Scroll. No utiliza JavaScript.

La estructura es HTML y CSS adaptable, compatible con cualquier pantalla y/o dispositivo.

Espero sea útil.

Un Saludo
Imágen de perfil

Elementos Web Adaptables Ajustables ...


CSS

Actualizado el 24 de Junio del 2017 por Scriptshow (Publicado el 18 de Junio del 2017)
1.926 visualizaciones desde el 18 de Junio del 2017
Adaptar y/o ajustar contenidos a distintas resoluciones de pantalla es ideal, posible con CSS compatible. Sin pseudoclases, sin mediaqueries, sin librerías de terceros, sin frameworks...

Cualquier navegador y/o dispositivo, puede poner las cosas en su sitio. No te compliques.

Espero sea útil.

Un saludo
Imágen de perfil

Construir un Grid con CSS y HTML con efectos


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Febrero del 2017 por Scriptshow
2.097 visualizaciones desde el 26 de Febrero del 2017
Como construir un Grid en CSS y HTML con efectos de giro y cambio de color al clicar en los cuadrados. En fin, un experimento que no utiliza librerías...

Espero sea útil.


Un saludo
Imágen de perfil

Responsive One Page Web 2.0


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 13 de Noviembre del 2016 por Scriptshow
1.954 visualizaciones desde el 13 de Noviembre del 2016
Web basada en una página adaptable y compatible con cualquier navegador web, tableta, smartphone, móvil, etc... Construida en HTML y CSS desde cero, sólo ocupa al completo 2,13 KB (2.187 bytes); por tanto, NO precisa Javascript, Librerías, Feamewoks, ni nada parecido. Es una estructura amplable sin límite. Se pueden añadir más páginas clonando parte del código y adaptándolo. Tiene un límite: ¡La Imaginación. Qué se le va a hacer!...