Thoughts



 
 
rss Block
Select a Blog Page to create an RSS feed link. Learn more.
instagram Block
This is an example. To display your Instagram posts, double-click here to add an account or select an existing connected account. Learn more.
 
Name *
Name
Phone
Phone
I'm Interested In
embed Block
Add an embed URL or code. Learn more.

Test Blog RSS above

// v3.1.0 //Docs at http://simpleweatherjs.com $(document).ready(function() { $.simpleWeather({ location: 'Austin, TX', woeid: '', unit: 'f', success: function(weather) { html = '

'+weather.temp+'°'+weather.units.temp+'

'; html += '
  • '+weather.city+', '+weather.region+'
  • '; html += '
  • '+weather.currently+'
  • '; html += '
  • '+weather.wind.direction+' '+weather.wind.speed+' '+weather.units.speed+'
'; $("#weather").html(html); }, error: function(error) { $("#weather").html('

'+error+'

'); } }); });
 
<script>
  // v3.1.0
//Docs at http://simpleweatherjs.com
$(document).ready(function() {
  $.simpleWeather({
    location: 'Austin, TX',
    woeid: '',
    unit: 'f',
    success: function(weather) {
      html = '<h2><i class="icon-'+weather.code+'"></i> '+weather.temp+'&deg;'+weather.units.temp+'</h2>';
      html += '<ul><li>'+weather.city+', '+weather.region+'</li>';
      html += '<li class="currently">'+weather.currently+'</li>';
      html += '<li>'+weather.wind.direction+' '+weather.wind.speed+' '+weather.units.speed+'</li></ul>';
  
      $("#weather").html(html);
    },
    error: function(error) {
      $("#weather").html('<p>'+error+'</p>');
    }
  });
});
</script>
embed Block
Add an embed URL or code. Learn more.
// Docs at http://simpleweatherjs.com

/* Does your browser support geolocation? */
if ("geolocation" in navigator) {
  $('.js-geolocation').show(); 
} else {
  $('.js-geolocation').hide();
}

/* Where in the world are you? */
$('.js-geolocation').on('click', function() {
  navigator.geolocation.getCurrentPosition(function(position) {
    loadWeather(position.coords.latitude+','+position.coords.longitude); //load weather using your lat/lng coordinates
  });
});

/* 
* Test Locations
* Austin lat/long: 30.2676,-97.74298
* Austin WOEID: 2357536
*/
$(document).ready(function() {
  loadWeather('Seattle',''); //@params location, woeid
});

function loadWeather(location, woeid) {
  $.simpleWeather({
    location: location,
    woeid: woeid,
    unit: 'f',
    success: function(weather) {
      html = '<h2><i class="icon-'+weather.code+'"></i> '+weather.temp+'&deg;'+weather.units.temp+'</h2>';
      html += '<ul><li>'+weather.city+', '+weather.region+'</li>';
      html += '<li class="currently">'+weather.currently+'</li>';
      html += '<li>'+weather.alt.temp+'&deg;C</li></ul>';  
      
      $("#weather").html(html);
    },
    error: function(error) {
      $("#weather").html('<p>'+error+'</p>');
    }
  });
}
 
 
 

A few things we're thinking about


Hello from (mostly) Sunny Santa Ana


 
 

News


 

See the Pen Flat CSS3 Weather Widget by Clément Guillou (@cguillou) on CodePen.