[{"data":1,"prerenderedAt":58},["ShallowReactive",2],{"cms-projects-weather-app":3,"cms-projects":19},{"title":4,"excerpt":5,"slug":8,"rawDate":9,"date":10,"content":11,"readingTime":12,"acf":13,"featuredMedia":18},"Weather app",{"raw":6,"plain":7},"\u003Cp>My friend made a weather app so that they could learn APIs. I decided to fork it and take it a step further by experimenting with CSS Houdini, Variable Fonts, CSS Variables, and new browser APIs such as the Speech Synthesis API. Features This App uses experimental CSS Houdini features that are currently only supported in Google […]\u003C\u002Fp>","My friend made a weather app so that they could learn APIs. I decided to fork it and take it a step further by experimenting with CSS Houdini, Variable Fonts, CSS Variables, and new browser APIs such as the Speech Synthesis API. Features This App uses experimental CSS Houdini features that are currently only supported in Google […]","weather-app","2020-02-01T20:41:46",["Date","2020-02-01T00:00:00.000Z"],"\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Faurimaskarvelis\" target=\"_blank\">My friend\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fgithub.com.png\" alt=\"github.com favicon\">\u003C\u002Fpicture>\u003C\u002Fa> made a \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Faurimaskarvelis\u002FGeolocation-Weather\" target=\"_blank\">weather app\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fgithub.com.png\" alt=\"github.com favicon\">\u003C\u002Fpicture>\u003C\u002Fa> so that they could learn APIs. I decided to fork it and take it a step further by experimenting with CSS Houdini, Variable Fonts, CSS Variables, and new browser APIs such as the Speech Synthesis API. \u003C\u002Fp>\n\n\n\n\u003Ch4 class=\"wp-block-heading\">Features\u003C\u002Fh4>\n\n\n\n\u003Cul class=\"wp-block-list\">\u003Cli>This App uses experimental \u003Ca href=\"https:\u002F\u002Fdevelopers.google.com\u002Fweb\u002Fupdates\u002F2016\u002F05\u002Fhoudini\" target=\"_blank\">CSS Houdini\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fdevelopers.google.com.png\" alt=\"developers.google.com favicon\">\u003C\u002Fpicture>\u003C\u002Fa> features that are currently only supported in Google Chrome.\u003C\u002Fli>\u003Cli>\u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FCSS_Fonts\u002FVariable_Fonts_Guide\" target=\"_blank\">Variable Fonts\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fdeveloper.mozilla.org.png\" alt=\"developer.mozilla.org favicon\">\u003C\u002Fpicture>\u003C\u002Fa>. You will need to have an up to date operating system to use them.\u003C\u002Fli>\u003Cli>Geolocation.\u003C\u002Fli>\u003Cli>There is a reduced motion mode of this App.\u003C\u002Fli>\u003Cli>\u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FUsing_CSS_custom_properties\" target=\"_blank\">CSS Variables\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fdeveloper.mozilla.org.png\" alt=\"developer.mozilla.org favicon\">\u003C\u002Fpicture>\u003C\u002Fa>.\u003C\u002Fli>\u003Cli>\u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FNavigator\u002Fshare\" target=\"_blank\">Share API\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fdeveloper.mozilla.org.png\" alt=\"developer.mozilla.org favicon\">\u003C\u002Fpicture>\u003C\u002Fa>.\u003C\u002Fli>\u003Cli>\u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FSpeechSynthesis\" target=\"_blank\">Speech Synthesis API\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fdeveloper.mozilla.org.png\" alt=\"developer.mozilla.org favicon\">\u003C\u002Fpicture>\u003C\u002Fa>.\u003C\u002Fli>\u003Cli>\u003Ca href=\"https:\u002F\u002Fdevelopers.google.com\u002Fweb\u002Ffundamentals\u002Fprimers\u002Fservice-workers\" target=\"_blank\">Service Worker\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fdevelopers.google.com.png\" alt=\"developers.google.com favicon\">\u003C\u002Fpicture>\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fdevelopers.google.com\u002Fweb\u002Filt\u002Fpwa\u002Fintroduction-to-push-notifications\" target=\"_blank\">notifications\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fdevelopers.google.com.png\" alt=\"developers.google.com favicon\">\u003C\u002Fpicture>\u003C\u002Fa>. It can be installed on many operating systems.\u003C\u002Fli>\u003Cli>\u003Ca href=\"https:\u002F\u002Fdarksky.net\u002Fdev\u002Fdocs\" target=\"_blank\">Dark Sky API\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fimg\u002Ffavicons\u002Fdarksky.net.ico\" alt=\"darksky.net favicon\">\u003C\u002Fpicture>\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fdarkskyapp.github.io\u002Fskycons\u002F\" target=\"_blank\">Skycons\u003C\u002Fa>.\u003C\u002Fli>\u003C\u002Ful>\n\n\n\n\u003Ch4 class=\"wp-block-heading\">\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fjoebailey26\u002FWeather-App#future-ideas\" target=\"_blank\">\u003Cpicture>\u003Cimg decoding=\"async\" loading=\"lazy\" width=\"16\" height=\"16\" src=\"\u002Fcdn-cgi\u002Fimage\u002Fformat=auto,quality=80,fit=scale-down,width=32\u002Fimg\u002Ffavicons\u002Fgithub.com.png\" alt=\"github.com favicon\">\u003C\u002Fpicture>\u003C\u002Fa>Future Ideas\u003C\u002Fh4>\n\n\n\n\u003Cul class=\"wp-block-list\">\u003Cli>Turn notifications on and off and have icon reflect that.\u003C\u002Fli>\u003Cli>Send notifications every 30 minutes even if app is not opened.\u003C\u002Fli>\u003Cli>Use more bleeding edge APIs (Suggestions welcome).\u003C\u002Fli>\u003C\u002Ful>",1,{"icons":14,"project_url":16,"github":17},[15],"Custom","https:\u002F\u002Fjoebailey26.github.io\u002FWeather-App\u002Findex.html","https:\u002F\u002Fgithub.com\u002Fjoebailey26\u002FWeather-App",null,[20],[21,32,43,48],{"title":22,"excerpt":23,"slug":25,"date":26,"readingTime":27,"acf":28},"Notification of a delivery failure in Mailgun",{"plain":24},"When you use an email service provider like Gmail, you get delivery failure emails. These emails are great because it enables you to reach out to your intended recipient in another way, or just retry the email later on. Because I use Mailgun with Gmail’s Send Mail As feature for my custom domains, I needed […]","notification-of-a-delivery-failure-in-mailgun",["Date","2023-05-31T00:00:00.000Z"],4,{"icons":29,"project_url":30,"github":31},[15],"","https:\u002F\u002Fgithub.com\u002FGalexia-Agency\u002Fmailgun-failed-webhook",{"title":33,"excerpt":34,"slug":36,"date":37,"readingTime":27,"acf":38},"TV Shows App",{"plain":35},"I like to keep track of the TV Shows I watch. I used to do this in a Word Document and manually go to IMDb and check whether the show was running or had been cancelled and then add the TV Show to my calendar. I decided to build an app that would do this for me. This was a good introduction to Svelte and Lambda functions.","tv-shows",["Date","2020-05-10T00:00:00.000Z"],{"icons":39,"project_url":41,"github":42},[15,40],"Netlify","https:\u002F\u002Ftv.joebailey.xyz\u002F","https:\u002F\u002Fgithub.com\u002Fjoebailey26\u002FTV-Shows",{"title":4,"excerpt":44,"slug":8,"date":45,"readingTime":12,"acf":46},{"plain":7},["Date","2020-02-01T00:00:00.000Z"],{"icons":47,"project_url":16,"github":17},[15],{"title":49,"excerpt":50,"slug":52,"date":53,"readingTime":12,"acf":54},"No Thumbnails Gallery",{"plain":51},"When creating my portfolio and memories page I needed a quick and easy way of creating galleries of images without having to code each individual image (there are over 3,000 images!). Also, I needed it without a thumbnail for each image. As far as I can tell there isn’t an easy option to do that. […]","no-thumbnails-gallery",["Date","2019-02-06T00:00:00.000Z"],{"icons":55,"project_url":30,"github":57},[56],"PHP","https:\u002F\u002Fgithub.com\u002Fjoebailey26\u002Fno-thumbnails-gallery",1792776057121]