Web Developer Monthly - September 2018

Web Developer Monthly September 2018
Sept 2018
Web
Developer
Monthly

 

 

Welcome to another Web Developer Monthly. This month's edition contains some awesome JavaScript tips, great CSS tutorials and inspirational CodePens to get your juices flowing. If you've spotted anything you'd like me to share for the next Web Developer Monthly let me know in the comments below or reach out to me on Twitter. Enjoy!

 

 

 

Icon Transition Generator

Icon Transition Generator

 

I thought this was an interesting bookmark to hang onto for handling transitions between 2 svg icons. Simple browse and select 2 similar sized svg icons and this generator will create a separate js file for you to reference in your project to handle the animation.

https://nucleoapp.com/tool/icon-transition

 

TypeScript 3 released

TypeScript 3 released

 

August saw the release of TypeScript 3. This major release has tons of cool new features with it including Project References to help structure your typescript into smaller chunks. This can really help speed up build times for larger projects.

This release also includes a new 'Unknown' type that can be used sort of like the 'any' type. The main difference with the 'unknown' type is that we can't access any properties off it or read from it until we specify a type explicitly.

https://blogs.msdn.microsoft.com/typescript/2018/07/30/announcing-typescript-3-0/

 

 

 

A Practical Guide to Regular Expressions (RegEx) In JavaScript

A Practical Guide to Regular Expressions (RegEx) In JavaScript

 

Regular Expressions (RegEx for short) always scare people at first because it always looks incredibly complex.

This fantastic article from Sukhjinder Arora really helps break down the difficulty barrier to help explain through examples how it all works. This is a very good guide and one you'll be coming back to again and again as a reference.

https://blog.bitsrc.io/a-beginners-guide-to-regular-expressions-regex-in-javascript-9c58feb27eb4

 

 

 

Pure CSS Moustached Nanny

Pure CSS Moustached Nanny

 

And finally, just to really make you feel like you're CSS skills are rubbish take a look at this outstanding CSS animation from Julia Muzafarova. While we all struggle aligning text in a div she's creating actual cartoons with perfect animation. Incredibly inspiring stuff.

https://codepen.io/miocene/pen/mjLPVp

 

I hope you found something useful with this months list of links and resources. Hopefully I can make this a monthly thing going forward so lets see how it goes!!

blog comments powered by Disqus

Get In Touch

Follow me online at TwitterFacebook or Flickr.

You can also contact me by email.

Buy Me A Coffee

Latest Tweets


Buy Me A Coffee