VAR, LET, and CONST: A Cheatsheet

🧰 Useful Links and Tips for Frontend Devs [View in browser]( [Full Frontend]( 🐿 Squirrelling away your code for later Almost any coding solution that you write – frontend or otherwise – is made up of two types of knowledge. - The code that you know by heart - The code that you had to Google and duplicate I don't know about you, but I often seem to find myself re-Googling the code same snippet six months later. Was it on Stackoverflow? A Gist? A CodePen? As such, I've been looking for a low-friction way to stow away useful code – and retrieve it easily later. There are plenty of options but [ThisCodeWorks.com]( is the solution I like best so far. Like most 'Snippet Managers', ThisCodeWorks lets you post, tag, and categorize your code samples directly via their web app interface. However, that requires you to leave what you're working on – and that's usually an unwanted distraction. For me, it's their two extensions that make this service seriously useful: - The ['Save Code' VS Code extension]( allows you to file away code samples straight from your editor. - The ['Save Code' Chrome Extension]( automatically adds a 'SAVE' button to all code samples on Medium, Codepen, Github, StackOverflow, and a ton of other sites (see below). These two extensions make the code capture process so fast and effortless that it's almost a no-brainer to do it, rather than a chore. And once captured, your snippets are pretty, searchable, and even embeddable. It's worth a look. Cheers, Alex Tasty links 🖥 [Web page screenshots with SVG]( This is a super clever technique for anyone presenting screenshots as image content. One big caveat: This technique is perfect for text and vector-heavy sites – but not so great for sites with lots of pixel images. Still... ➫ [How to create background zoom effect? [Solved]]( Here's a nice CSS design challenge posed and duly solved by longtime SitePoint community gurus Paul O'Brien and Dave Maxwell. Maybe you can improve on this solution? 🤷‍♀️ [VAR, LET, and CONST in JavaScript: a Cheatsheet]( I really needed to figure out when I should be using each of these. Valentino Gagliardi has a useful cheatsheet to help. ⌛️ Techniques for SVG Animation and Development]( SVG is so fun to animate but there aren't many really good tutorials covering it. This multipart series from Heidi Olsen is a great place to start. 🌈 [Chrome Extension: PixelZoomer]( Ever found yourself cursing as you try to pinpoint a single colored pixel with your eyedropper tool? Make things easy with this magnifying eyedropper. Frontend Design & Dev Alex Walker [Alex Walker] [Share on Facebook]( [Share on Facebook]( [Share on Twitter]( [Share on Twitter]( [Forward email]( [Forward email]( SitePoint 10-20 Gwynne Street, Cremorne Australia Don't want to receive our emails any longer? [Unsubscribe](