DEV Community

loading...
Joe Attardi profile picture

Joe Attardi

JavaScript wrangler. Check out my books! Modern CSS: https://www.amazon.com/dp/148426293X Using Gatsby and Netlify CMS: https://www.amazon.com/dp/1484262964

Location Massachusetts Joined Joined on  Personal website https://joeattardi.codes github website twitter website

Education

BS Computer Science, UMass Lowell

Work

Staff Software Engineer at Synopsys

All 114 comments

Awesome title

Awesome reply!

Command Line Basics: How to find your way around your computer

Another tip for the cd command: you can type cd - (that's cd ...

Vanilla JavaScript emoji picker! New and improved.

It was a conscious decision, yes. I had dropped support for I...

Vanilla JavaScript emoji picker! New and improved.

Yeah, it could use some work there. Currently I am not using ...

Vanilla JavaScript emoji picker! New and improved.

Thanks!

Activate CSS Overview Tab in Chrome 💻

Wow, this is awesome!

June 8th Side Project Check-in

Here it is so far: joeattardi.github.io/atomical/ At the mo...

June 8th Side Project Check-in

I started working on an open source JavaScript calendar compo...

HTML, CSS & JS are not enough (esp if you plan to be a independent dev)

WordPress? Come on.

Dark Mode in React using Hooks

Nice! There is also a media query, prefers-color-scheme, that...

CSS Button Styling Guide

Great article, Stephanie! I had a question for you. I am cur...

What was your win this week?

Thank you!

What was your win this week?

I published and sold 17 copies of my first-ever book, "Using ...

How to annoy the hell out of your users

I remember doing this back in the Visual Basic days... good m...

Fetch query data from URL using javascript

Why not just use the built-in URL object? See developer.mozil...

Using dotenv to manage environment variables in Nodejs

I use dotenv in all of my Node projects now!

Using Array.Reduce to Streamline Your JavaScript Object Validations

I like this! You should flesh out the idea a bit more and pub...

📖 New book: Using Gatsby and Netlify CMS

Hi Harry! The book is only available as an ebook actually, no...

Don’t use for loop for JavaScript Arrays

There are still perfectly valid use cases for the for loop. F...

How To Create a Simple CSS Card Without Frameworks

Looks like you have some invalid syntax on the p elements in ...

What was your win this week?

I prefer npm as well!

What was your win this week?

I enjoy writing a lot. My articles/posts tend to usually ha...

What was your win this week?

I’ve always wanted to learn about Golang, but I never have ...

What was your win this week?

Released a new major version of my emoji picker component, ...

Yet Another Coronavirus Dashboard

Thank you for the feedback! Can you elaborate on what exact...

Yet Another Coronavirus Dashboard

Great, thanks, I’ll take a look.

Yet Another Coronavirus Dashboard

Hm, weird, looks like the entire table fits in your viewpor...

Yet Another Coronavirus Dashboard

I’m not seeing the 30px scroll bar, maybe you have a lower ...

Are you coding more in your spare time due to COVID—19?

About the same as usual for me, though a couple of my other...

Stop using `console.log`, start using your DevTools 🛠️

You can add console.log statements in Chrome without access...

Kung Flu Hustle - Tech Hall of Shame

Wow.

Kung Flu Hustle - Tech Hall of Shame

Too busy arguing about what you are and aren't allowed to ...

Emoji Button, a vanilla JavaScript emoji picker

Nice! I was thinking about creating a React wrapper at some...

You Don't Need CSS-in-JS: Why I Use Stylesheets

I was using styled-components for a while, but I never real...

What was your win this week?

thanks!

What was your win this week?

My project Emoji Button passed 400 stars on GitHub! I made...

Track Down Pesky Bugs with `git bisect`

That's a good point. I think the use case would be if you ...

Track Down Pesky Bugs with `git bisect`

git bisect is a life saver! It has saved my bacon several t...

11 ways to iterate an array in Javascript

I think map/filter/reduce were added in ES5, not ES6 😀but t...

Avoid use IF on our JS scripts

Nested ternaries? Yuck.

Emoji Button: 400 ⭐️ stars on GitHub!

Thanks for the heads up! I will fix the demo site so that i...

Emoji Button: 400 ⭐️ stars on GitHub!

Oops, yes, I need to fix that Firefox issue. However, that ...

Emoji Button: 400 ⭐️ stars on GitHub!

Thanks for the feedback! The right side is only the defaul...

Emoji Button: 400 ⭐️ stars on GitHub!

Thank you!

Emoji Button, a vanilla JavaScript emoji picker

Awesome! Good luck with the integration. Let me know if you...

Emoji Button, a vanilla JavaScript emoji picker

The answer to your question is "it depends". With the latest...

Why I'm phasing out ternary statements

I mentioned "premature" optimization. If this was called a ...

What was your win this week?

My still-budding open source project, Emoji Button, hit ove...

massCode - open source snippets manager is out to v1.0 🎉

Congratulations on the v1.0 release!

== (or) ===? What do you prefer and why?

I don't even remember the last time I used ==. IMHO it can ...

A Beginner’s Guide to Contributing to Open Source

Another good way to contribute to open source is to create yo...

Why I'm phasing out ternary statements

That sounds like premature optimization IMHO, in the vast m...

500 ⭐'s on Github - css.gg

Congrats! My project is at 396, hoping to break 400 soon :)

Thinking about career goals

I say this as someone who used to be a big fan of John. I w...

What is preventDefault() in JS?

You're talking about event propagation which is a little di...

Thinking about career goals

See dev.to/kodaman2/off-topic-john-son....

Thinking about career goals

A John Sonmez book might not be the best source of advice. Ju...

npm dashboard - check stats on all of your npm packages at a glance

It is open source! I forgot to mention that. You can look a...

JavaScript debugging done right!

On the browser devtools front, did you know about logpoints...

Emoji Button, a vanilla JavaScript emoji picker

Thank you very much!

How to make elements behave like links without wrapping them in anchor tags

I don't know, this feels like a hack to me.

How to make elements behave like links without wrapping them in anchor tags

You wouldn't need that because the <a> tag covers the...

How to define a JavaScript function

Oops, I missed that 😂

How to define a JavaScript function

I'm not a fan of declaring top-level functions as arrow fun...

How to publish an npm package to npm and GitHub Package Registry simultaneously using GitHub Actions

Nope, that wasn’t me 😁 any similarity is purely coincidenta...

How to publish an npm package to npm and GitHub Package Registry simultaneously using GitHub Actions

Nice, I didn’t know about that! Thanks!

Publishing npm package to Github package repository

Is there an easy way to publish a package both to the GitHu...

Created a handy JavaScript Label creator

Cool demo! I recently did a project in vanilla JS as well. ...

What’s the biggest c*ck up you’ve made in an interview?

Do people still actually ask that horrible question?

The Great Debate: Spotify or Apple Music?

I prefer Apple Music overall. It has better integration wit...

Things you may not know about Chrome DevTools

Wow, did not know about the live expressions! That is aweso...

svelte-tabs: Tabs component for Svelte apps!

Unfortunately, right now one of the limitations is that it ...

Brag Post

Even though there isn't really anyone using it yet, I'm pro...

📄 Cheat sheet - How to promote your open-source project?

This is great! 🎉 I've found that #2 is the hardest step. H...

Create Toggle Switch in 4 Minutes by Using HTML/CSS/JavaScript

Here's a good read: dev.to/link2twenty/accessibility-f...

Create Toggle Switch in 4 Minutes by Using HTML/CSS/JavaScript

I hope that didn't come across as rude, I didn't mean it to...

Create Toggle Switch in 4 Minutes by Using HTML/CSS/JavaScript

This looks nice, but as it doesn’t use a checkbox input as ...

Calendario - A small calendar library for creating flexible calendars

Nice work!

🎙 Introducing the new "Chats with Kent" podcast! 🎉

Awesome! Can’t wait to dive in and listen!

VS Code extension that lets you open the MDN docs of a CSS property

This is awesome. I don’t know how many times a day I Google...

My first portfolio is now LIVE!!

Looking good!

Introduction to XMLHttpRequest (XHR)

Thanks for the reminder of how painful XHRs are to use dire...

Flexbox Cheat Sheets

Yes! This is great. I'm constantly looking up the different...

Tips to promote side projects?

I debated sharing a link but didn’t want to come across as ...

Tips to promote side projects?

Thanks for the reply! Yes, it is an open source project. Y...

The Soft Skills of Interviewing

Thanks! This was about two years ago. I’m still working the...

Anagrams Checker - Three JavaScript Solutions

This is a favorite interview question of mine. The characte...

🎙 Introducing the new "Chats with Kent" podcast! 🎉

Hope this lands in Apple Podcasts soon! I am anxious to lis...

Bane of my existence as a developer

Not so much exiting Vim but Vim in general. I have many sho...

Top Five Things You Need to Know Before Becoming a Tech Lead

Nice article! I am always on the lookout for opportunities ...

Introduction to JavaScript Regular Expressions

They are coming, though! Lookbehind is currently a stage 4 ...

Introduction to JavaScript Regular Expressions

Unfortunately lookbehind is not fully supported in all brow...

The Soft Skills of Interviewing

This is great advice. Sometimes we focus so much on the tec...

Top 5 Programming Languages Every Software Developer Should Learn

That’s a lot. You can certainly have a working knowledge ...

Git Bisect is Easy (How to Initiate the Robot Uprising)

It definitely intimidated me when I was first getting famil...

Git Bisect is Easy (How to Initiate the Robot Uprising)

Git bisect is amazing. It has saved me several times!

Mock your GraphQL server realistically with faker.js

What do you mean?

Forty and still a dev?

I am 38 and I plan on coding until the day I retire. Maybe ...

Not every function needs a name

I think one of the main criticisms is that they just show u...

Not every function needs a name

I agree that arrow callback functions don't need names, if ...

Against 'foo' (and 'bar' too)

I never use foo/bar/baz/qux as variable names, but I do oft...

Testing your apps like a boss with React.js and Jest

Shoutout to React Testing Library (testing-library.com/docs...

Is there a future for the Atom editor?

I liked Atom, but actually ended up switching to Vim. When ...

Demystifying "const" variables in JavaScript

To add to this - if you want your object to actually be imm...

Pet projects, the secret to keep yourself updated

I have many pet projects, the trouble is no one uses them. ...

What gets you out of bed in the morning?

Usually, my crying son :D

React — Access custom params in handlers the right way

This is a really cool idea! I am currently using anonymous ...

Having a good night's sleep is very important for programmers

Sleep is important! That said, I do a lot of coding late at...

loading...