Michael Mangialardi

Published in Coding Artist

·Pinned

A Beginner’s Guide to Pure CSS Images

What you’re getting into: 17 min read. A detailed explanation of how to creating pure CSS images. We will start with an overview and work our way to create a Koala in pure CSS. What I assume you know: My teaching method is to not assume you know basic principles…

CSS

18 min read

CSS

18 min read

Jun 4

Rethinking Agile

Note: This is one chapter from a free+ mini-book I’ve written called Rethinking Agile. We tend to think about systems from top-to-bottom when in reality it is best to work the other way around. Agile Ambassadors I will loosely define Agile teams as teams consisting of a compilation of product people and…

Agile

5 min read

Agile

5 min read

Jun 1

Generalizing the Design Tokens Solution

Design tokens solve a particular problem. Design tokens are tech-agnostic encapsulations of design specifications that can be formatted into tech-specific assets (e.g. CSS variables). It’s a particular solution, but I reckon that it may be generalized to other problems in software engineering. Consider linting rules. They are effectively our “code…

Design

2 min read

Design

2 min read

May 31

The Creative Developer Deadlock (Why Efficiency Isn’t Everything)

In an interesting book called Technopoly, Neil Postman evaluates the invention of the stethoscope with a degree of criticism that we are not custom to in modernity. Namely, Postman asserts that while the stethoscope is a tremendous technology that has increased doctors' success, it is not without its big-picture consequences…

Software Development

6 min read

The Creative Developer Deadlock (Why Efficiency Isn’t Everything)

Software Development

6 min read

May 28, 2020

Jest Snapshot Testing for React Components(An Honest Assessment)

What Are We Testing? Jest snapshot testing is primarily used for testing the rendered output of React components. The rendered output is ultimately the element(s) that render in the DOM:

Jest

10 min read

Jest

10 min read

Apr 17, 2020

Weekly JavaScript Round-Up (April 17, 2020)

Kent C. Dodd’s AHA Programming Talk at React Summit Remote Edition Often when writing or reviewing code, developers have a natural tendency to create an abstraction that avoids duplication upfront but evolves into a hairy situation as new use cases come. Kent C. …

Java Script

4 min read

Java Script

4 min read

Dec 18, 2018

Introduction to Scalable Vector Graphics (SVG): Animations

In the previous article, I walked through creating a basic SVG. In this article, I will pick up where we left off and explore SVG animations. Whereas bitmap/raster graphics are composed of individual pixels, vector graphics are composed of individual shapes. This provides for the ability for vector graphics to…

SVG

4 min read

Introduction to Scalable Vector Graphics (SVG): Animations

SVG

4 min read

Dec 17, 2018

Introduction to Scalable Vector Graphics (SVG): What are they?

In this article, I explain what is a scalable vector graphic (SVG) and how it differs from other graphics. I will also walk you through coding your very first graphic! A Primer on Computer Graphics

SVG

8 min read