ابزار برنامه نویسی

HTML and CSS Workshop

HTML and CSS Workshop

If you'd like to come along for the ride, I need to write the HTML and CSS for a blog design that we'll be using as part of an upcoming series. We'll be entirely focused on HTML and CSS (using Tailwind), exclusively. This will give us plenty of opportunities to discuss common gotchas and techniques. We'll even run into a roadblock here and there.

سطح متوسط 5 جلسه آموزشی 21:01:00 ساعت
01
قسمت 1

Assets, Layouts and Fancy Selects

Let's begin by extracting all images and assets for his blog design. We'll then begin writing our first draft of the general HTML layout. As part of this, we'll need to spend a few minutes figuring out how to style a fancy select menu.

02
قسمت 2

The Blog Post Card

Let's move on to the primary blog post card. This particular component should be fairly straight-forward to implement, so let's get to it!

03
قسمت 3

Condensed Cards and Newsletter Section

Now that the wide blog post card is complete, the smaller ones should be much simpler to implement. After we build a grid to contain them, we should have enough time left over to work on the newsletter form in the site footer.

04
قسمت 4

Quick Responsive Tweaks

Before we move on to the single blog post page, let's take a few moments to clean up the responsiveness of the site.

05
قسمت 5

Build the Blog Post Page

Our final job is to write the HTML and CSS for the single blog post page. It shouldn't be too difficult, since we've already designed many of the smaller components.