Hasani Rogers Blog

Join me in a place where I can talk about my experiences as a developer.

New Blog Design

  Wednesday, December 20, 2023

The year is almost over but I managed to sneak in a surprise before we close out 2023.

Read More

The new BEM for Custom Elements, CEA

  Thursday, September 8, 2022

Custom Elements is an overlooked technology in the Front End world. It's time we adopt this tech to make it go mainstream. Say hi to CEA, the BEM replacement for Custom Elements.

Read More

The MEWN Stack with Shoelace

  Sunday, April 10, 2022

Ladies and Gentlemen I present to you the MEWN stack. MongoDB, Express, Web Components, and Node.

Read More

Material Web Components: Building Forms

  Tuesday, March 2, 2021

Although a still in prerelease, Material Web Components give you powerful input controls for building awesome forms.

Read More

How to integrate Tailwind in a LitElement app

  Saturday, December 5, 2020

Integrating Tailwind in a LitElement app is really simple if you're using Snowpack.

Read More

CSS Grid Templates

  Thursday, November 26, 2020

Here's a collection of eight modern css layouts.

Read More

Using Redux with LitElement

  Tuesday, November 17, 2020

I am not an expert at redux. I don't even really like it. But state management is important and there's little material out there that demonstrates Redux and LitElement in a sandbox. So here we go.

Read More

How to create a modern web app using WordPress and LitElement

  Wednesday, September 16, 2020

In this much needed post I'll cover how I created my portfolio site as a modern web app in WordPress using LitElement.

Read More

How to use LitElement Components in React by Example

  Monday, September 14, 2020

Web Components are great. They theoretically can be used with any library or framework. React takes a little bit more effort to work with Web Components however. In this post I'll use Kemet components, which are built with LitElement, in a React application by using wrappers. Although I'm using LitElement, the principals here apply to Web Components built using anything.

Read More

All posts 12 lit 7 dark mode 1 theme 1 css variables 1 jekyll 1 travis ci 1 deploys 1 sftp 1 automation 1 algolia 1 search 1 react 1 web components 6 wrapper 1 wordpress 1 web app 1 redux 1 css 2 grid 1 flexbox 1 bem 2 responsive design 1 tailwind 1 snowpack 1 material web components 1 mwc 1 forms 1 mewn 1 shoelace 1 express.js 1 node.js 1 mongodb 1 cea 1 custom elements 1 eleventy 1