🤓 Blogs, Podcasts & other Resources...
Tags: html, css, javascript
Published: 2020-12-15 17:32:23

Hi👋! Hoping everyone is doing well in these hard times.
This is my first ever blog post, so I would like to give a really brief introduction of myself.

I'm a self-taught frontend developer based in Tokyo🗼. My current interests are Javascript, React.js, Typescript, and Web Accessibility, so I am looking forward to sharing what I've learned about each topic.

<figure>
  <img src="https://dev-to-uploads.s3.amazonaws.com/i/n8mowl6vlsuhu60adi45.jpg" alt="Tokyo">
  <figcaption><small>Photo by <a href="https://unsplash.com/@jezael?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Jezael Melgoza</a> on <a href="https://unsplash.com/s/photos/tokyo?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></small></figcaption>
</figure>


I don't want to just say hi👋 and end this post, so as I wrote in the title I would like to share some Blogs, Podcasts, Resources about web development, frontend, accessibility that I've found useful and use every day at work or for learning something new.

## Table Of Contents
 * [Blogs](#blogs)
 * [Podcasts](#podcasts)  
 * [Other Resources](#resources) 
       

## Blogs <a name="blogs"></a>
<figure>
  <img src="https://dev-to-uploads.s3.amazonaws.com/i/1d94c9qo320mp20iqo4u.jpg" alt="Blogs">
  <figcaption><small>Photo by <a href="https://unsplash.com/@jdiegoph?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Diego PH</a> on <a href="https://unsplash.com/s/photos/blog?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></small></figcaption>
</figure>

* [Overreacted.io](https://overreacted.io/): Personal blog of [Dan Abramov](https://twitter.com/dan_abramov).
* [Kent C. Dodds Blog](https://kentcdodds.com/blog/): He has a [React course](https://epicreact.dev/) for anyone looking to learn React. [@kentcdodds](https://twitter.com/kentcdodds)
* [David Walsh Blog](https://davidwalsh.name/): [@davidwalshblog](https://twitter.com/davidwalshblog)
* [Catalin Pit Blog](https://catalins.tech/): [@catalinmpit](https://twitter.com/catalinmpit)
* [uhyo Blog🤪](https://blog.uhy.ooo/): It's in Japanese, but Google translate is not that bad recently🤪. [@uhyo](https://twitter.com/uhyo_) writes about JS, Typescript, React, Web-related.
* [Sara Soueidan Blog](https://www.sarasoueidan.com/blog/): [@SaraSoueidan](https://twitter.com/SaraSoueidan)
* [Kyle Shevlin Blog](https://kyleshevlin.com/): [@kyleshevlin](https://twitter.com/kyleshevlin)
* [Maxime Heckel Blog](https://blog.maximeheckel.com/): [@MaximeHeckel](https://twitter.com/MaximeHeckel)

## Podcasts <a name="podcasts"></a>
<figure>
  <img src="https://dev-to-uploads.s3.amazonaws.com/i/16vq92vayt5kt26vwj4j.jpg" alt="Podcasts">
  <figcaption><small>Photo by <a href="https://unsplash.com/@jasonrosewell?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Jason Rosewell</a> on <a href="https://unsplash.com/s/photos/podcast?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></small></figcaption>
</figure>

 * [Syntax](https://syntax.fm/): hosted by [@wesbos](https://twitter.com/wesbos) and [@stolinski](https://twitter.com/stolinski)
 * [React Podcast](https://spec.fm/podcasts/reactpodcast): hosted by [@chantastic](https://twitter.com/chantastic)
 * [Front End Happy Hour](https://frontendhappyhour.com/): a podcast featuring a panel of Software Engineers from Netflix, Twitch, & Atlassian
 * [JavaScript Jabber](https://devchat.tv/podcasts/js-jabber/): hosted by [@devchattv](https://twitter.com/devchattv)
 * [Darknet Diaries](https://darknetdiaries.com/): hosted by [@JackRhysider](https://twitter.com/JackRhysider)
 * [Hackable?](https://hackablepodcast.com/)


## Other Resources <a name="resources"></a>
<figure>
  <img src="https://dev-to-uploads.s3.amazonaws.com/i/o89zjo14u1in637rz5o8.jpg" alt="Resources">
  <figcaption><small>Photo by <a href="https://unsplash.com/@ratushny?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Dmitry Ratushny</a> on <a href="https://unsplash.com/s/photos/learning?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></small></figcaption>
</figure>

### 🤖 WebDev, Programming & Stuff...
 * [CSS-Tricks](https://css-tricks.com/)
 * [Codepen](https://codepen.io/trending)
 * [Alligator.io](https://alligator.io/)
 * [Smashing Magazine](https://www.smashingmagazine.com/)
 * [SitePoint](https://www.sitepoint.com/)
 * [MDN(Mozilla Developer Network)](https://developer.mozilla.org/en-US/)
 * [Stackoverflow](https://stackoverflow.com/questions)
 * [egghead.io](https://egghead.io/)
 * [A List Apart](https://alistapart.com/)
 * [Codrops](https://tympanus.net/codrops/)
 * [Echo JS](https://www.echojs.com/)
 * [Front-End Front](https://frontendfront.com/)
 * [Best of JavaScript](https://bestofjs.org/)
 * [Scotch.io] (https://scotch.io/)
 * [Google Web Fundamentals] (https://developers.google.com/web/fundamentals)
 * [CSS-irl](https://css-irl.info/)
 * [web.dev/measure](https://web.dev/measure/)

### 🤖🇯🇵 WebDev, Programming & Stuff... but in Japanese
 * [Qiita](https://qiita.com/): One of the most popular tech blog platform in Japan.
 * [ICS Media](https://ics.media/)
 * [Zenn](https://zenn.dev/)
 * [TechFeed.io](https://techfeed.io/)

### 🦾 Accessibility(A11Y)
 * [a11y project](https://www.a11yproject.com/)
 * [w3.org](https://www.w3.org/WAI/)
 * [MDN Accessibility](https://developer.mozilla.org/en-US/docs/Web/Accessibility)
 * [WebAIM](https://webaim.org)
 * [a11ytips](https://a11ytips.dev/): by [@hellonehha](https://twitter.com/hellonehha)
 * [Udacity Web Accessibility](https://www.udacity.com/course/web-accessibility--ud891) Free Udacity Web Accessibility course by Google
 * [A11ycasts](https://youtu.be/HtTyRajRuyY): Youtube videos about a11y concepts hosted by [@rob_dodson](https://twitter.com/rob_dodson) Chrome Developer Advocate at Google
 * [marcysutton.com](https://marcysutton.com/): [@marcysutton](https://twitter.com/marcysutton)
 * [Google Lighthouse](https://developers.google.com/web/tools/lighthouse): Great tool for validating your site accessibility. Thanks @billraymond 🎉
  * [Lighthouse accessibility scoring](https://web.dev/accessibility-scoring/)
  * [How to use Lighthouse to do an a11y audit](https://medium.com/accessibility-a11y/do-an-accessibility-audit-using-google-chrome-lighthouse-30ff7887901c): Nice intro about how to use Lighthouse for a11y. 

I might be missing some but these are some Blogs, Podcasts, and Resources that I like and use a lot.
Hoping someone finds this useful 🙂.