Back to Hazmi's profile

CodePen Experiments

  • Created by Hazmi Abdun Nazir
  • Created on 10 Oct 21
  • 5 Highlights

Hazmi Abdun Nazir
  • Head of Engineering, Pinhome

(ReactJS + Leaflet + OSM) Supply/Demand Marker Clustering Map Dashboard Concept


The use of a pie chart in the clustered icons to quickly indicate which area is short of supply and which area has more supply.

https://codepen.io/hazmi/pen/rNaxQNQ
Read more

Hazmi Abdun Nazir
  • Head of Engineering, Pinhome
+ 1

Vertical Rhythm


https://codepen.io/hazmi/pen/vYKvRBz

This week's Codepen challenge is about spacing, they mentioned something about "typographic rhythm" in the description. The term felt nostalgic. So, here's my take on it.
Read more

Hazmi Abdun Nazir
  • Head of Engineering, Pinhome

A Single Div of Bukalapak Logo


Did another single div CSS. A Bukalapak Logo.

https://codepen.io/hazmi/pen/jOWyJdB
Read more

Hazmi Abdun Nazir
  • Head of Engineering, Pinhome

Pure CSS Calculator Template using CSS Grid


Created a no-image clone of Mac Calculator. 

https://codepen.io/hazmi/pen/poJPrLx
Read more

Hazmi Abdun Nazir
  • Head of Engineering, Pinhome

A Single Div of Gojek Logo


Did a little CSS experiment, creating a Gojek logo with only a single div.

https://codepen.io/hazmi/pen/eYmOddP
Read more