Fresh Beginning
  • Home
  • Speaking
  • Reading
  • Github
  • Alma Mater
  • Contact
Subscribe
DuetLogo

Recreating Duet logo with HTML and CSS

  • Jayesh Kawli

Jayesh Kawli

Sep 30, 2015 • 1 min read

Last year I spent some time playing with CSS trying to make some exciting things. Especially recreating image graphics with CSS. This inspired me to recreate my company's (DuetHealth) logo with CSS.

This is how original logo looks like
Original Duet Logo

To be honest it took me few trial and error to come up with exact design rules. I also had to use Online color picker tool to extract desired color codes from logo. That worked quite well too.

Code itself is very small. I used WebStorm to write code on my local machine. It was fun 2 hour project including initial settings and nit picky changes.

I have created a repo on GitHub Here. I would love to hear if the code could be improved in any way. Just so it is easy to present, I have hosted code on JSFiddle Here.

This is how logo recreation looks like

Recreated Duet Logo with CSS and HTML

You can find the full source code on JSFiddle. Please check it out here

Sign up for more like this.

Enter your email
Subscribe
How to Use Gradients in SwiftUI - Radial Gradients

How to Use Gradients in SwiftUI - Radial Gradients

💡This is the second post in the series of Gradients in SwiftUI. If you want to learn about linear gradients in SwiftUI, please follow Linear Gradients in SwiftUI link to know more about itApple defines general gradient as, A color gradient represented as an array of color stops, each having

  • Jayesh Kawli
Jayesh Kawli May 17, 2022 • 8 min read
How to Use Gradients in SwiftUI - Linear Gradients

How to Use Gradients in SwiftUI - Linear Gradients

💡This is the first post in the series of Gradients in SwiftUI. If you want to learn about radial gradients in SwiftUI, please follow Radial Gradients in SwiftUI link to know more about itApple defines general gradient as A color gradient represented as an array of color stops, each having

  • Jayesh Kawli
Jayesh Kawli May 14, 2022 • 6 min read
The Correct Way to Dismiss Screen in SwiftUI

The Correct Way to Dismiss Screen in SwiftUI

In today's blog post, I am going to talk about the most commonly used API to dismiss presented or pushed view controllers on the screen in SwiftUI. However, when I say "talk", I am going to write about how that approach may not be suitable everywhere, what's the Gotcha behind

  • Jayesh Kawli
Jayesh Kawli May 11, 2022 • 8 min read
Fresh Beginning © 2022
Powered by Ghost