CodeSaladDev's profile picture. ๐Ÿค— Fun programming tutorials, projects, and tips 
๐Ÿ‘‹๐Ÿป Made by @GregorySchier

Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป

@CodeSaladDev

๐Ÿค— Fun programming tutorials, projects, and tips ๐Ÿ‘‹๐Ÿป Made by @GregorySchier

โ“Ever wonder how to resize an image with JavaScript โ“ Here's how to do it with <canvas> in just 10 lines of code ๐Ÿš€ #javascript #webdev codesalad.dev/blog/how-to-reโ€ฆ


Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป reposted

๐ŸŽ‰ Time to revive an old CSS property! When `border-image` was announced, I was off-put b/c the syntax was so wild. But with modern browsers, it's the *easiest* way to create gradient borders. Learn more about CSS borders in the new ModernCSS tutorial: 5t3ph.dev/borders

5t3ph's tweet image. ๐ŸŽ‰ Time to revive an old CSS property!

When `border-image` was announced, I was off-put b/c the syntax was so wild.

But with modern browsers, it&apos;s the *easiest* way to create gradient borders.

Learn more about CSS borders in the new ModernCSS tutorial:
5t3ph.dev/borders
5t3ph's tweet image. ๐ŸŽ‰ Time to revive an old CSS property!

When `border-image` was announced, I was off-put b/c the syntax was so wild.

But with modern browsers, it&apos;s the *easiest* way to create gradient borders.

Learn more about CSS borders in the new ModernCSS tutorial:
5t3ph.dev/borders
5t3ph's tweet image. ๐ŸŽ‰ Time to revive an old CSS property!

When `border-image` was announced, I was off-put b/c the syntax was so wild.

But with modern browsers, it&apos;s the *easiest* way to create gradient borders.

Learn more about CSS borders in the new ModernCSS tutorial:
5t3ph.dev/borders

๐Ÿ˜‚

webpack not Webpack WordPress not Wordpress CodePen not Codepen npm not NPM Sass not SASS Less not LESS Eleventy not 11ty (unless referring to org) JavaScript not Javascript Typekit not TypeKit WebKit not Webkit Gmail not GMail Star Trek not Star Wars



Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป reposted

14 Awesome chart libraries for JavaScript ๐Ÿ”ฅ ๐Ÿ“Œ Chartist.js ๐Ÿ“Œ FusionCharts ๐Ÿ“Œ Dygraphs ๐Ÿ“Œ Chart.js ๐Ÿ“Œ Highcharts ๐Ÿ“Œ D3.js ๐Ÿ“Œ n3-charts ๐Ÿ“Œ Ember Charts ๐Ÿ“Œ Sigma.js ๐Ÿ“Œ Morris.js ๐Ÿ“Œ Cytoscape.js ๐Ÿ“Œ Rickshaw ๐Ÿ“Œ Plottable.js ๐Ÿ“Œ Canvas.js

SimonHoiberg's tweet image. 14 Awesome chart libraries for JavaScript ๐Ÿ”ฅ

๐Ÿ“Œ Chartist.js
๐Ÿ“Œ FusionCharts
๐Ÿ“Œ Dygraphs
๐Ÿ“Œ Chart.js
๐Ÿ“Œ Highcharts
๐Ÿ“Œ D3.js
๐Ÿ“Œ n3-charts
๐Ÿ“Œ Ember Charts
๐Ÿ“Œ Sigma.js
๐Ÿ“Œ Morris.js
๐Ÿ“Œ Cytoscape.js
๐Ÿ“Œ Rickshaw
๐Ÿ“Œ Plottable.js
๐Ÿ“Œ Canvas.js

Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป reposted

Free web icons that require no CSS, JS, file uploads or inline SVGs. โ†ฌ SVGBox svgbox.net


Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป reposted

๐ŸŽ‰ Happy Birthday, Go! ๐ŸŽ‚ ๐Ÿฅณ Today we celebrate 11 years of Go. Thanks to all who have helped us get this far. We hope you are all staying safe and wish you all the best! โ€” blog.golang.org/11years #golang


Have you ever wondered how to bundled static assets (images, CSS/JS, migrations) within a compiled #golang binary? ๐Ÿค” Well here's how you can, using the pkger module! โœจ๐Ÿ“ฆ codesalad.dev/blog/embed-staโ€ฆ


Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป reposted

JavaScript tip: If you want to add an event listener but have it run only once, you can use the ` once` option:

denicmarko's tweet image. JavaScript tip:

If you want to add an event listener but have it run only once, you can use the ` once` option:

Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป reposted

Jest - JavaScript Testing Framework

profulsadangi's tweet image. Jest - JavaScript Testing Framework

Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป reposted

Javascript objects in nutshell

profulsadangi's tweet image. Javascript objects in nutshell

Great tip on comparing a value to multiple items in JavaScript ๐Ÿฅณ

This post is unavailable.

Code Salad ๐Ÿฅฌ๐Ÿ‘ฉโ€๐Ÿ’ป reposted

Great places to start your learning journey: ๐Ÿ’ป Websites: 1. freecodecamp. org 2. theodinproject. com 4. khanacademy. org 3. javascript. info โ–ถ๏ธ YouTube channels: 1. Traversy media 2. Ben Awad 3. The Net Ninja 4. Florin Pop 5. Dev Ed 6. Web Dev Simplified ๐Ÿ“• Book: - YDKJS


Want to learn #webdev but don't know where to start? Here are 15 different strategies to choose from ๐ŸŽ๐Ÿฅณ codesalad.dev/blog/15-ways-tโ€ฆ


Ever wondered how to create an image lightbox using only CSS? No? Never? ๐Ÿค” Well, we're going to show you how anyway! ๐Ÿคฃ #webdev #css codesalad.dev/blog/pure-css-โ€ฆ


Loading...

Something went wrong.


Something went wrong.