Arxiu de l'etiqueta "google maps "

  • Dilluns 25 agost 2014 per

    Smarty Pins, quan Google Maps és el tauler de joc

    Smarty Pins, un trivial basat en Google MapsSi sou d’aquells que aprofiteu l’estiu per a descobrir nous jocs, la gent de Google ha preparat un trivial amb preguntes i respostes que utilitza Google Maps com a base. El joc es diu Smarty Pins i aneu alerta que és addictiu!

    Es tracta d’utilitzar els mapes de Google per a respondre preguntes relacionades amb un lloc determinat del planeta. Per a guanyar punts s’ha de col·locar un “pin” on es considera que s’ubica la resposta. Les preguntes – que només estan disponibles en anglès – es divideixen en categories com art i cultura, ciència i geografia, esports, història o entreteniment.

    Podria semblar un joc senzill, però per a jugar-hi només disposem d’una milla (1609 Km) per partida – que vindrien a ser els punts – i que anem perdent a mesura que ens allunyem de les respostes correctes. Quan s’acaben els quilòmetres, s’acaba la partida. Per sort també podem guanyar quilometratge si posicionem ràpidament la resposta correcta.

    Altres jocs que utilitzen Google Maps o Google Street View

    I, si no en teniu prou, aquí us deixem amb altres jocs basats també en Google Maps i Google Street View. Esperem que us agradin!

    • GeoGuessr
      És un joc que utilitza Google Street View. Ens deixa a una localització aleatòria i hem d’intentar esbrinar on som.
    • Persued
      És un joc similar a l’anterior però amb una història de fons. Representa que ens han segrestat i hem d’aconseguir fugir. No sabem on som, però tenim 5 minuts per esbrinar-ho. Si ho encertem, podem anar passant de nivell.
    • Cube
      Un experiment per a Google Chrome, en què jugues amb un Google Maps en forma de cub i et desplaces a ciutats com Tokio, Roma o Nova York. Amb el cursor has de portar la bola al marcador que hi ha al mapa. Proveu-ho només si teniu una bona connexió a Internet!
    • Street View Zombie Apocalypse
      Aquí pots introduir una adreça i, a partir de Google Street View i Google maps, intentar escapar-te dels Zombies. És un joc molt menys treballat que els anteriors, però és molt millor si hi jugues en un terreny conegut, perquè et serà més fàcil escapar-te.

    A passar-ho bé! Demostreu els vostres coneixements en geografia!

    , , , ,

  • Dimarts 8 gener 2013 per

    Recursos web: jQuery, els 50 millors plugins del 2012

    Els 50 millors plugins de jQuery del 2012

    En aquesta primera entrada de l’any 2013 de Recursos web farem un repàs de què s’ha creat l’any anterior. La web de Speckyboy ha realitzat un bon recull dels 50 millors connectors (plugins, en anglès) jQuery de l’any 2012, separats en diverses categories que mostrem a continuació:

    Estructura de la pàgina (layout)

    • Equalize: ens ajuda a igualar l’amplada i l’alçada dels elements.
    • Freetile: organitza els elements de la pàgina fent que tingui un disseny més eficient i dinàmic.
    • Gridster: utilització de drag-and-drop que permet arrossegar els elements de la pàgina.
    • Zoomooz: genial plugin per fer zoom als elements que desitgem.
    • Wookmark: organitza els elements en format de columna dinàmica.
    • HiddenPosition: ens permet treballar amb elements ocults.
    • Stellar: es juga amb les imatges de fons i l’alineació. Efectes genials en passar de pàgina.
    • Turn.js: efecte de llibre animat en HTML5,
    • Responsive Measure: ajusta la mida de la letra de manera que compleixi el Disseny web adaptatiu (en anglès, Responsive Web Design).
    • Scrollpath: permet definir la trajectòria de l’scroll (desplaçament).

    Navegació

    • HorizontalNav: aquest connector ens ajusta automàticament l’amplada del menú.
    • Stickymojo: afegeix el menú a la barra lateral en una posició fixa.
    • ddSlick: ens crea un menú desplegable on podem incloure imatges i descripcions.
    • jQuery Collapse: creació de menús originals que podem personalitzar.
    • jQuery Akordeon: podem crear panells plegables amb qualsevol tipus de contingut.

    Formularis

    • jQuery Complexify: determina la complexitat de la contrasenya.
    • jQuery File Upload: manera senzilla de visualitzar i editar la pujada d’arxius en un formulari.
    • Credit Card Validator: detecta i valida automàticament els números de la targeta de crèdit.
    • Filtrify: cerca i navega fàcilment a través de les etiquetes.
    • Mailcheck: suggereix el domini adequat quan els usuaris han introduït una adreça de correu incorrecta.

    Marquesines i carrusels

    • Responsive Carousel: carrusel que compleix el Disseny web adaptatiu i permet també personalitzar-lo.
    • iosSlider: desplaçament d’imatges d’una manera fàcil i també personalitzable.
    • RSlider: permet el desplaçament d’imatges en pantalla completa. També compleix el Disseny web adaptatiu.
    • Fresco: plugin d’ampliació d’imatges.
    • BookBlock: passa pàgines d’imatges com si fos un llibre.
    • Adaptor: transicions de desplaçament d’imatges en 2D i 3D.
    • RCarousel: un complet carrusel amb moltes característiques personalitzables.
    • Rhinoslider: també una marquesina personalitzable que a més inclou un generador.
    • Sequencejs: utilitza transicions avançades de CSS3.
    • Glisse: galeria que permet ampliació d’imatges a pantalla completa.
    • µslider: marquesina on es pot afegir tot tipus de contingut.
    • Responsive Slides: aquesta marquesina també compleix el Disseny web adaptatiu.

    Realització de gràfics i organigrames

    • Morris: ens ajuda a dibuixar tot tipus de gràfics d’una forma senzilla.
    • jQuery Org Chart: augmenta el disseny i dinamisme en els organigrames.

    Tipografia

    • Bacon: permet ajustar el text seguint una forma de corba Bezier o línia.
    • Textualizer: realitza diferents efectes en els caràcters i text sencer.
    • slabText: per crear títols grans i seguint el Disseny web adaptatiu.
    • trunk8: connector que, en un paràgraf, talla d’una forma més eficient el text (per aplicar per exemple en les entrades que s’aplica el “llegeix-ne més”).

    Efectes en imatges

    • tiltShift: utilitza els filtres d’imatges de CSS3 (únicament funciona en Chrome i Safari 6).
    • jQuery Picture: ens ajuda a implementar les imatges en el Disseny web adaptatiu.
    • ImageMapster: realització de mapes d’imatges d’una forma més còmoda.
    • Responsive Img: també ens facilita la visualització de les imatges en el Disseny web adaptatiu.
    • Backstretch: permet afegir una imatge de fons dinàmicament a qualsevol pàgina.

    I a més a més…

     

    Via: Speckyboy

    , , , , , ,

  • Dimarts 10 novembre 2009 per

    La popularització dels usos de Google Maps (i II)

    Mapes al mòbil

    És quan conduïm o quan sortim al carrer que hem de buscar i trobar llocs, cercar un restaurant a prop de la nostra ubicació actual, un taller per reparar el cotxe, un caixer automàtic. En casos com aquests els dispositius mòbils es fan eines imprescindibles. En l’apunt anterior parlàvem de les aplicacions amb mapes, però cal afegir que, en el camp de la telefonia mòbil, és on apareixen i aniran apareixent noves aplicacions d’aquest tipus.

    , , , , ,

  • Divendres 6 novembre 2009 per

    La popularització dels usos de Google Maps (I)

    Google maps

    Des de l’any 2004, els usuaris d’internet disposem de Google Maps, un servei de cartografia gratuït de Google, que, a hores d’ara, és sobradament conegut per tothom.

    A banda de poder cercar rutes i mapes al web de Google, la companyia també permet als programadors utilitzar de forma gratuïta l’API de Google Maps. Així cadascú es pot crear les seves pròpies aplicacions amb mapes, obrint la porta a tot un ventall de possibilitats força interessants.

    Google posa la infrastructura i els usuaris i desenvolupadors, les idees. Tots n’hem vist, la xarxa és plena d’exemples d’aplicacions amb mapes.

    • Map vivo – Per crear rutes
    • TourMapr – Per cercar concerts i gires de bandes musicals i visualitza-ho en el mapa
    • Conflict History – Permet cercar anys o períodes de temps, per visualitzar els conflictes històrics i la seva descripció damunt del mapa.
    • Panoramio – Permet cercar i publicar fotos d’ubicacions concretes
    • iMapWeather – Mapa interactiu del temps, amb previsions i temperatures
    • HealthMap – Mapa amb les principals malalties i epidèmies dels països del món
    • Monopoly City Streets – Joc del Monopoly online on pots comprar carrers de les diferents ciutats
    • Vista geogràfica del diari Avui – Ubica les notícies a l’indret on s’han esdevingut
    • Geochirp – Veure a temps real els missatges dels usuaris de Twitter i la seva ubicació.
    • Trendsmap – Ubica en el mapa les etiquetes més utilitzades pels usuaris de Twitter
    • Daylight map – Per veure on és de dia i on és de nit al món. També es pot veure la mateixa versió amb núvols.

    Vet-ho aquí la importància de permetre l’accés a una API: els mateixos desenvolupadors fan promoció del producte de Google, per convertir-lo en estàndard. Se n’ha popularitzat l’ús, tothom ja està familiaritzat amb la interfície, a tots ens sembla senzill consultar, crear o compartir mapes a la xarxa.

    , , ,

Disseny web - Antaviana

Truca’ns +34 973 143 481

Envia’ns un correu informacio@(ELIMINAR)antaviana.cat

Piula’ns a @canantaviana

o Vine a visitar-nos