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

Massachusetts Joined on Jun 4, 2019

Education

BS Computer Science, UMass Lowell

Work

Staff Software Engineer at Synopsys

Joe Attardi

Aug 3

Using the HTML `picture` element to show a WebP image

#html #webdev

25 1

1 min read

Recent Comments

re: Awesome title Aug 12

Awesome reply!

re: Command Line Basics: How to find your way around your computer Aug 1

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

re: Vanilla JavaScript emoji picker! New and improved. Jul 24

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

re: Vanilla JavaScript emoji picker! New and improved. Jul 24

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

re: Vanilla JavaScript emoji picker! New and improved. Jul 24

Thanks!

re: Activate CSS Overview Tab in Chrome 💻 Jul 7

Wow, this is awesome!

re: June 8th Side Project Check-in Jun 9

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

re: June 8th Side Project Check-in Jun 8

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

Joe Attardi

Jul 23

Vanilla JavaScript emoji picker! New and improved.

#javascript #opensource #webdev

60 7

1 min read

Joe Attardi

May 26

New book: Modern CSS

#showdev #webdev #css

1 min read

Joe Attardi

May 13

Let's make a CSS cube

#css #webdev

8 1

3 min read

Joe Attardi

May 3

CSS fundamentals: Selectors

#css #webdev #beginners

6 min read

Joe Attardi

Apr 29

Shiny button hover effect with CSS

#css #webdev

1 min read

Joe Attardi

Apr 28

Introduction to Netlify CMS

#react #gatsby

3 min read

Joe Attardi

Apr 26

📖 New book: Using Gatsby and Netlify CMS

#showdev #gatsby #react #books

27 2

1 min read

Joe Attardi

Apr 23

Animated hamburger icon using CSS transitions

#showdev #css #webdev #codepen

1 min read

Joe Attardi

Apr 13

All about `this` in JavaScript

#javascript #webdev

28 1

6 min read

Joe Attardi

Apr 5

Yet Another Coronavirus Dashboard

#showdev #react #javascript

18 9

1 min read

Joe Attardi

Mar 9

Announcing my upcoming Gatsby book

#javascript #gatsby #netlify #books

1 min read

Joe Attardi

Mar 9

Emoji Button: 400 ⭐️ stars on GitHub!

#javascript #webdev #typescript

55 13

1 min read

Joe Attardi

Mar 3

How Emojis Work

#emoji #unicode

4 min read

Joe Attardi

Feb 28

Quick tip: Automatically detect Dark Mode with CSS!

#css

1 min read

Joe Attardi

Dec 16 '19

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

#showdev #javascript #react

8 3

1 min read

Joe Attardi

Dec 8 '19

React MapQuest Static Maps

#showdev #react #javascript

10 1

1 min read

Joe Attardi

Nov 17 '19

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

#javascript #github #npm #node

72 6

6 min read

Joe Attardi

Sep 10 '19

Emoji Button, a vanilla JavaScript emoji picker

#showdev #javascript #webdev

25 9

1 min read

Joe Attardi

Sep 10 '19

How to use Font Awesome icons in a vanilla JavaScript project

#javascript #webdev

45 1

3 min read

Joe Attardi

Aug 26 '19

Your side project is useful, even if no one uses it

#career

56 5

2 min read

Joe Attardi

Aug 21 '19

svelte-emoji-selector: Emoji picker Svelte component

#showdev #javascript #svelte

1 min read

Joe Attardi

Aug 15 '19

svelte-tabs: Tabs component for Svelte apps!

#showdev #svelte #javascript #webdev

17 3

1 min read

Joe Attardi

Aug 10 '19

Emoji picker written with React

#showdev #react #javascript

9 1

1 min read

Joe Attardi

Aug 9 '19

Tips to promote side projects?

#discuss #sideprojects

7 7

1 min read

Joe Attardi

Aug 7 '19

In defense of the humble console.log

#javascript #webdev

9 1

2 min read

Joe Attardi

Jun 4 '19

Auto-resize a textarea as its content changes

#javascript

1 min read

Joe Attardi

Jun 4 '19

react-snackbar-alert: Simple snackbar notifications for React

#javascript #react #webdev

1 min read

Joe Attardi

skills/languages

learning/trying

projects and hacks

Using the HTML `picture` element to show a WebP image

Recent Comments

Vanilla JavaScript emoji picker! New and improved.

New book: Modern CSS

Let's make a CSS cube

CSS fundamentals: Selectors

Shiny button hover effect with CSS

Introduction to Netlify CMS

📖 New book: Using Gatsby and Netlify CMS

Animated hamburger icon using CSS transitions

All about `this` in JavaScript

Yet Another Coronavirus Dashboard

Announcing my upcoming Gatsby book

Emoji Button: 400 ⭐️ stars on GitHub!

How Emojis Work

Quick tip: Automatically detect Dark Mode with CSS!

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

React MapQuest Static Maps

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

Emoji Button, a vanilla JavaScript emoji picker

How to use Font Awesome icons in a vanilla JavaScript project

Your side project is useful, even if no one uses it

svelte-emoji-selector: Emoji picker Svelte component

svelte-tabs: Tabs component for Svelte apps!

Emoji picker written with React

Tips to promote side projects?

In defense of the humble console.log

Auto-resize a textarea as its content changes

react-snackbar-alert: Simple snackbar notifications for React

emoji-button

promise-poller

json-colorizer

Log in to continue