Hey *|FNAME|*! Here's 12 tutorials to help you learn web development this week =) ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Code The Web Weekly Issue 09 | Feb 06, 2019

Hey *|FNAME|*,

It's that time of week… Code The Web Weekly time! šŸ™ƒ

I've rounded up 12 awesome tutorials from around the web, hope you enjoy!! As always, let me know if you have any questions 😊

New article from Code The Web:

JavaScript Timeouts and Intervals

JavaScript
From Code The Web

Timeouts and intervals let you execute pieces of code at specific times ā€” theyā€™re really useful! Learn how to use them in this article.

JavaScript Timeouts and Intervals

JavaScript
From Code The Web

Timeouts and intervals let you execute pieces of code at specific times ā€” theyā€™re really useful! Learn how to use them in this article.

Beginner tutorials:

Wrapping and grouping HTML elements - Code The Web

HTML
From Code The Web

Sometimes you want to put HTML elements in groups, or put a wrapper around certain text so that you can select it. Learn how in this articleā€¦

Wrapping and grouping HTML elements - Code The Web

HTML
From Code The Web

Sometimes you want to put HTML elements in groups, or put a wrapper around certain text so that you can select it. Learn how in this articleā€¦

Floats | HTML & CSS Is Hard

CSS
From Interneting Is Hard

ā€œFloatsā€ let you put block-level elements side-by-side instead of on top of each other. This is a big deal. It lets us build all sorts of layouts, including sidebars, multi-column pages, grids, and magazine-style articles with text flowing around an image. This is where we finally start creating real web pages.

Floats | HTML & CSS Is Hard

CSS
From Interneting Is Hard

ā€œFloatsā€ let you put block-level elements side-by-side instead of on top of each other. This is a big deal. It lets us build all sorts of layouts, including sidebars, multi-column pages, grids, and magazine-style articles with text flowing around an image. This is where we finally start creating real web pages.

JavaScript Types

JavaScript
By Flavio Copes

This is a great introduction to all the types of data that you can use in JavaScript! Strings, numbers, booleans, objects and more…

JavaScript Types

JavaScript
By Flavio Copes

This is a great introduction to all the types of data that you can use in JavaScript! Strings, numbers, booleans, objects and more…

Intermediate tutorials:

What CSS prefixes should I use?

CSS
By David Hund

New features are being added to CSS all the time. This means that not all browsers are equal. Sometimes you need to use things called prefixes to make features work in particular browsers. See when you need to prefix!

What CSS prefixes should I use?

CSS
By David Hund

New features are being added to CSS all the time. This means that not all browsers are equal. Sometimes you need to use things called prefixes to make features work in particular browsers. See when you need to prefix!

CSS Variables (Custom Properties)

CSS
By Flavio Copes

Discover CSS Custom Properties, also called CSS Variables, a powerful new feature of modern browsers that helps you write better CSS.

CSS Variables (Custom Properties)

CSS
By Flavio Copes

Discover CSS Custom Properties, also called CSS Variables, a powerful new feature of modern browsers that helps you write better CSS.

Advanced CSS positioning using the position property

CSS
From Code The Web

The CSS position property lets you position elements virtually anywhere you want. Learn how in this articleā€¦

Advanced CSS positioning using the position property

CSS
From Code The Web

The CSS position property lets you position elements virtually anywhere you want. Learn how in this articleā€¦

Advanced tutorials:

The Many Tools for Shape Morphing

CSS
By Chris Coyier

To no one's surprise, I'm sure, there are lots of different ways to do the same thing on the web. Shape morphing, being a thing on the web, is no different.

The Many Tools for Shape Morphing

CSS
By Chris Coyier

To no one's surprise, I'm sure, there are lots of different ways to do the same thing on the web. Shape morphing, being a thing on the web, is no different.

CSS and Scalability

CSS
By mrmrs

This is an interesting read into how we choose to structure our CSS. While a lot of it is about companies, it will definitely get you thinking and you might find it helpful!

CSS and Scalability

CSS
By mrmrs

This is an interesting read into how we choose to structure our CSS. While a lot of it is about companies, it will definitely get you thinking and you might find it helpful!

CSS Counter and Radio Buttons

CSS
By Preethi Sam

Learn about the power of CSS counters in this article — they're awesome!!

CSS Counter and Radio Buttons

CSS
By Preethi Sam

Learn about the power of CSS counters in this article — they're awesome!!

Advice / Inspiration:

Mornings, Nights, and Weekends: How I Changed Careers and Became a Programmer

By Daniel K. Hunter

Change is hard. Changing careers while holding a 9ā€“5 can feel down right impossible at times. It requires a great amount of disciplineā€¦

Mornings, Nights, and Weekends: How I Changed Careers and Became a Programmer

By Daniel K. Hunter

Change is hard. Changing careers while holding a 9ā€“5 can feel down right impossible at times. It requires a great amount of disciplineā€¦

Cool coding project:

Ambient Canvas Backgrounds

From Codrops

This awesome project has five different beautiful glowing backgrounds. Each background is created with an HTML canvas and some JavaScript. The backgrounds are also animated — click on this link to see the animations!

Ambient Canvas Backgrounds

From Codrops

This awesome project has five different beautiful glowing backgrounds. Each background is created with an HTML canvas and some JavaScript. The backgrounds are also animated — click on this link to see the animations!

That's it! See you next week! 😁
šŸ‘Øā€šŸ’» Ethan



 

Want to change your name or email address? You can update your preferences here.

If you never want an email from me again, you can unsubscribe *|EMAIL|* here. If you do, I’d reeeaally appreciate it if you sent me a quick email telling me why you unsubscribed, so I can make this newsletter better for others! Thanks :)

© Code The Web 2019 šŸ¤Ŗ


*|REWARDS|*