EEDEERRE

EJEMPLOS DE WORDPRESS, HTML Y JAVASCRIPT


Ejemplos
Wordpress
Javascript
HTML & CSS
JQuery
PHP

Experimentos
Javascript
ThreeJS

Snippets
Wordpress
Javascript
HTML & CSS
JQuery
PHP
HTML & CSS, Javascript, JQuery

Cómo hacer desplegables con CSS3 y JQuery

En este ejemplo vamos a ver un par de formas de hacer desplegables con JQuery y CSS3. En ambos casos la estructura HTML será la misma, un h2 con un...

max-height

transition

GoogleMaps, Javascript
Geolocalización en Google Maps

Geolocalización por Javascript sobre Google Maps

La API de geolocalización de Javascript permite obtener la geoposición del usuario. Este ejemplo muestra como obtener la posición (latitud y longitud) del usuario y posicionarla sobre un mapa de...

Google Maps

LatLng

marker

setCenter

Javascript

HTML5: pizarra con canvas y JavaScript

Una de las novedades de HTML5 es la etiqueta <canvas>. Esta etiqueta permite crear dinámicamente formas y elementos 2d. En este ejemplo, crearemos una pizarra sencilla con esta nueva etiqueta...

beginPath

canvas

lineTo

stroke

strokeStyle

Javascript, JQuery

Como hacer una galería de fotos con JQuery

En este ejemplo vamos a hacer una galería de imágenes con JQuery. El objetivo es intentar explicar la lógica y la estructura de una galería de este tipo, hay cosas...

addClass

animate

removeClass

GoogleMaps, Javascript

Obtener coordenadas de un punto en Google Maps

Este truco sirve para cuando necesitamos obtener las coordenadas de un punto en Google Maps (por ejemplo para utilizarlas luego para mostrar ese mismo punto en un mapa que montemos...

Google Maps

LatLng

marker

setCenter

GoogleMaps, Javascript
Mapa de Google con colores personalizados

Mapas personalizados con Google Maps (API v3)

Las versión 3 de la API de Google Maps permite personalizar los estilos de presentación de los mapas. Para ello podemos modificar la propiedad .styles del objeto MapOptions del mapa o...

Google Maps

mapTypes

StyledMapType

Javascript

Detectar soporte para HTML5 con Modernizr

Cuando empezamos a trabajar con HTML5, tenemos que tener en cuenta que no existe algo tan simple como «comprobar la compatibilidad total del navegador con HTML5«, sino que tenemos que...

modernizr