Zoaib Khan
  • Home
  • About Me
  • Portfolio
  • Contact
  • Hire Me
Angular
April 16, 2021

Create a responsive card grid with TailwindCSS and Angular

In a previous article, we built up a nice card view layout with TailwindCSS and Angular. In…

0
9
Angular
April 12, 2021

Create a blog post card layout with Angular and TailwindCSS

In this article, we’ll create a blog post card layout using Angular and TailwindCSS and it’s utility…

0
21
Angular
April 6, 2021

How to add loading spinner in Angular with RxJS

In this article, we’ll learn how to add a simple loading spinner in Angular using RxJS and…

0
75
Angular
March 30, 2021

Add spring animations to your angular app with popmotion

You might have heard of spring animations recently with popular libraries such as react-spring and Framer Motion…

0
182
Angular
March 11, 2021

Create a responsive sidebar menu with Angular Material

Sidebar navigation menus are the most common layout pattern used by web apps nowadays. But most of…

0
634
Angular
February 27, 2021

Angular vs React: a code comparison for developers

Being an Angular developer, I’ve always been curious about the React ecosystem and how to code in…

0
139
Random
December 31, 2020

2020 in review: From developer to content creator

2020 has been a tumultuous year for most people. And this is surprisingly been the same across…

0
140
Angular
November 26, 2020

Angular material tabs with lazy loaded routes

Tabs are a great UI pattern to divide up complex content of your web app into easily…

1
1044
Angular
November 13, 2020

Angular Animations: Create a card flip animation

Animations add a nice touch to any application, if they’re used in suitable places and not overdone….

2
1298
Angular
November 12, 2020

How to create a card memory game in Angular

Angular is usually associated with creating great enterprise level applications. However, that is not all the framework…

2
710
CSS
November 3, 2020

Fastest way to make a responsive card grid with CSS

A few months ago I wrote about how to set up a responsive card grid using the…

0
580
Angular
October 8, 2020

How to add code splitting to your Angular app

As web apps grow in their capabilities, we also see an increase in their bundle sizes. At…

0
1002
Angular
September 17, 2020

Generate PDF in Angular with PDFMake

Recently I worked on a feature for a client that involved generating a PDF document from his…

0
1979
Angular
April 8, 2021

How to add TailwindCSS in Angular 11.2

In this article, I’ll quickly show you how to add TailwindCSS to your Angular 11.2 app so…

0
62
Angular
March 23, 2021

Create a responsive card grid in Angular using Flex Layout

If you’re developing a web app in the year 2020, then it is expected that you’ll be…

22
14594
Freelancing
February 2, 2021

Is freelancing a viable career path for you?

I get asked about a freelancing career a lot. In fact, almost all the time nowadays when…

0
106
Angular
January 14, 2021

How to add infinite scroll to Angular material list

If you’ve ever had to deal with large lists in your web app, you’re probably familiar with…

2
2370
Page 1 of 3 Next

About me

Zoaib

Senior Front-end Engineer | Angular Consultant

I am a Front-End Developer and Consultant who loves building rich web applications with sleek, usable interfaces. My usual tools are Angular, HTML and CSS. Email at consult@zoaibkhan.com

Get posts in your inbox

powered by TinyLetter

Popular posts

March 23, 2021

Create a responsive card grid in Angular using Flex Layout

March 11, 2021

Create a responsive sidebar menu with Angular Material

March 30, 2021

Add spring animations to your angular app with popmotion

Recent Tweets

Just posted a new YouTube video! In the video I explain how to convert the card we built previously with TailwindC… https://t.co/mZzZe3FAP6
23 hours ago

RT @_jmoller: 💅 7 Web Design Principles you should know as a Frontend developer. 🧵 Thread 👇 https://t.co/226V3RCpm6
2 days ago

A responsive card grid with the Tailwind CSS card we built in my previous video is now complete! Added more images… https://t.co/Y0EStgQFDP
2 days ago

Advertising

Tag Cloud

2020 (1) 3D (1) achievements (1) align (1) angular (21) angular 11.2 (1) angular 9 (2) animation (1) animations (2) beginner (1)

Topics

  • Angular 21
  • CSS 3
  • Freelancing 1
  • Random 1
  • React 1
  • RxJS 1
  • Tailwind 3
  • UX design 12

Zoaib Khan