Geolocation services

Maxmind GeoIP2 Precision Services

https://www.maxmind.com/en/geoip2-precision-services
https://dev.maxmind.com/geoip/geoip2/web-services/#Output_Examples
https://dev.maxmind.com/geoip/geoip2/javascript/

----

IP2Location API

https://lite.ip2location.com/https://www.ip2location.com/developers#free_open_source

Helps the user to geolocate the country, region, city, coordinates, zip code, ISP, domain name, timezone, connection speed, IDD code, area code, weather station code, weather station name, MCC, MNC, mobile brand name, elevation and usage type that any IP address or host name originates from.

----

http://about.ip2c.org/#about

IPs to country

+ fast and simple URL API
+ updated daily
+ has information on over 4,254,657,080 IPv4s

----

https://developers.google.com/maps/documentation/geolocation/intro

The Google Maps Geolocation API returns a location and accuracy radius based on information about cell towers and WiFi nodes that the mobile client can detect. This document describes the protocol used to send this data to the server and to return a response to the client.

ReverseGeocoding:
https://developers.google.com/maps/documentation/geocoding/intro#ReverseGeocoding

Note: https://developers.google.com/maps/documentation/geocoding/policies

The Google Maps Geocoding API may only be used in conjunction with displaying results on a Google map. It is prohibited to use Google Maps Geocoding API data without displaying a Google map.

----

https://wordpress.org/plugins/geoip-detect/

Wordpress plugin - works with: Maxmind and HostIP.info

https://github.com/yellowtree/wp-geoip-detect/

----

$.getJSON("http://ip-api.io/json/", function(result) { console.log(result); });

provides data like:
country, city, zip code, timezone and whether this IP address is bot,
spammer or TOR node.

----

More:

What Is the Best API for Geolocating an IP Address?
https://ahmadawais.com/best-api-geolocating-an-ip-address/

What are some alternatives to MaxMind's GeoIP database?
https://www.quora.com/What-are-some-alternatives-to-MaxMinds-GeoIP-database

https://www.trustradius.com/products/maxmind/competitors

https://www.digitalelement.com/


Google APi


https://stackoverflow.com/questions/18173242/getting-street-city-and-country-by-reverse-geocoding-using-google
https://stackoverflow.com/questions/17280787/google-maps-api-getting-closest-points-to-zipcode
https://stackoverflow.com/questions/6797569/get-city-name-using-geolocation


http://geocoder-php.org/Geocoder/
Geocoder is a PHP library which helps you build geo-aware applications
by providing a powerful abstraction layer for geocoding manipulations.


https://github.com/onury/geolocator
Geolocator.js is a utility for getting geo-location information, geocoding, address look-ups, distance & durations, timezone information and more...

CSS Elliptical Corners and Percents

Syntax

border-radius:x1 x2 x3 x4 / y1 y2 y3 y4;

---

Where:

x1 x2 x3 x4 are the horizontal radius for each corner (starting in top-left corner)
y1 y2 y3 y4 are the vertical radius for each corner

---

Example:

---

Border radius percents

border-radius:p1 p2 p3 p4 / q1 q2 q3 q4;

---

Where:

p1 p2 p3 p4 - percentages for the horizontal radius refer to the width of the border box
q1 q2 q3 q4 - percentages for the vertical radius refer to the height of the border box

---

Example:

Beautifull rope jumping robot css animation at mapbox.com

.robot{
 width: 300px;
 -webkit-animation: rainbow 4s steps(59) infinite;
}

.animate {
  -webkit-transition:all .125s;
     -moz-transition:all .125s;
      -ms-transition:all .125s;
          transition:all .125s;
  }

.robot-animation {
  background:url(img/footerguy-jump.jpg) no-repeat 0 0;
  background-size: auto 100%;
  height: 0;
  padding-bottom: 100%;
  transition: none;
  -webkit-animation: walk 2s steps(59) infinite;
     -moz-animation: walk 2s steps(59) infinite;
       -o-animation: walk 2s steps(59) infinite;
          animation: walk 2s steps(59) infinite;
  -webkit-animation-play-state:running;
     -moz-animation-play-state:running;
       -o-animation-play-state:running;
          animation-play-state:running;
}

@-webkit-keyframes walk {
   from { background-position: 0 0; }
     to { background-position: 100% 0; }
}

@-moz-keyframes walk {
   from { background-position: 0 0; }
     to { background-position: 100% 0; }
}

@-o-keyframes walk {
   from { background-position: 0 0; }
     to { background-position: 100% 0; }
}

@keyframes walk {
   from { background-position: 0 0; }
     to { background-position: 100% 0; }
}

@-webkit-keyframes rainbow {
   from { -webkit-filter:hue-rotate(10deg); }
     to { -webkit-filter:hue-rotate(360deg); }
}

@keyframes rainbow {
 from {
    -webkit-filter:hue-rotate(10deg);
            filter:hue-rotate(10deg);
    }
  to {
    -webkit-filter:hue-rotate(360deg);
            filter:hue-rotate(360deg);
    }
}

mapbox.com