Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Need Some Ideas for CSS Tutorials

Featured Replies

Hi, I'm looking for some ideas for css tutorials to put on my blog.

 

Is there anything you're struggling with or anything you would like me to go through / demonstrate?

I agree with design arrow if you are going to start a tutorial blog you should start with the very basics CSS, and then move to more advanced things.

  • Author

Nice idea :) I'll start on it today.

 

 

Any more suggestions?

how about definition of what each different element can do?

 

eg the differences of positioning commands, uses of the different display methods....then for each of these you could have their usability in the different browsers and how to overcome them.

 

 

(if that makes any sense)

Agreed. First the basics. Demonstrating that every element can be styles. (I often see people use DIVs because they got no default style)

A tutorial on positioning would probably be good. It's a reoccurring question. Especially the relationship between absolute positioned elements when they're nested in other positioned elements.

Different layouts using CSS would be helpful, i.e: how to do fluid, fixed or variable.

Maybe some tuts on creating horizontal and vertical menus using unordered lists and applying some basic styling? Many folks still struggle with this apsect.

Perhaps use CamTasia and create a live video, brand it with your URL then wack it on all the video sites... instant traffic...

  • Author

@bluedreamer: Have a look at: Vertical List Menu. I'll do a one for horizontal list menus.

 

@DesignArrow: I've got Adobe Captivate on my work computer, I'll do some video tutorials if I get a minute.

 

 

@BadMotherz: I'm planning on going through doing a complete layout, from creating it in photoshop, coding it in XHTML/CSS and then coding it into wordpress.

 

@BoylesWebDesign: Its a free wordpress layout for now until I get some time to do my own (paid work goes first lol) but I'm 99.9% sure they're the Silk Icons from FamFamFam. My personal favourite icons ever :p and they're free!

 

 

The basics of css tutorial is coming along well (although it is turning out to be quite large :p).

@bluedreamer: Have a look at: Vertical List Menu. I'll do a one for horizontal list menus.

 

Good stuff, I see you got some positive comments already :) Maybe you could do a version2 that includes adding background images with :link, :visited, :hover, and :visited states? Future content idea!

  • Author

Thanks for the comments :) I'll fix all the validation errors.

 

 

I've just started using opera and I noticed the wp theme im using breaks :(

 

Time to get my theme finished I think!

 

@bluedreamer: Good idea, I'll do that next :)

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.