Computers and Technology
Posts tagged lesson
CSS3 Lesson 3: Background Information is Essential
Dec 16th
Let’s have a look at backgrounds. In the previous two tutorials, I’ve covered borders and opacity. In this tutorial, we’ll cover some of the basic CSS3 additions to the background properties. If you have no idea how to deal with backgrounds in CSS, read my tutorial on backgrounds pre-CSS3. CSS3 is gaining momentum in the Web development world and many properties are already supported by most browsers (Firefox, Konqueror, Safari, and Chrome) as well as some minor browser (Opera). If you want to stay on top of the game, you have to learn the new stuff and employ the new techniques you’re presented with.
In this tutorial, I’m going to cover:
- background sizes
- multiple backgrounds
- background origin/clip
CSS3 Lesson 2: All About Borders
Dec 3rd
Okay, I’ve noticed some REALLY cool stuff on CSS3 online, so I thought to myself, how about I make my own experiment and teach you all about how to use this stuff?
Here are a couple of resources I’m using to learn about CSS3:
I’ll start with the topic that everyone is concerned about. BORDERS! Okay, why are borders so important? Well, In the Web 2.0 design standard, it’s all about opacity, rounded corners, shadows, and everything else that’s just super awesome looking. I’ve already explained the rounded corners and opacity previously. So, I’ll skip that part. If you’re this far, you should probably learn the basics about CSS standards of borders and the markup.
Read the rest of this entry »
CSS Lesson 7: Border Radius and Opacity
Nov 19th
Border Radius and Opacity
I’ve noticed some hundred tweets on CSS3, every day. Check out the CSS3 Watcher for random updates. They actually mention really awesome and useful tutorials. So now, let’s look at some basic features that actually work cross-browser (with some tweaks). You can check some of the usage on two version of one of my projects: the alpha, which utilizes rounded corners, and the beta, which utilizes a lot of opacity features.
I’ll show you some fun features as well as ways to get around them.
Read the rest of this entry »
CSS Lesson 6: Intro to Divs
Oct 25th
Alright, alright. So I skipped all that fuss with horizontal navbars but that stuff is easy so I’ll create a short article on it later.
Let’s start with the <div> tag. It’s what I’ll be covering. Making use of div’s with CSS. You’ll need to know the following before we start the lesson:
- CSS Lesson 2
- CSS Lesson 3
- as well as basic HTML knowledge
If you don’t how to add CSS to your website, check out my CSS Intro tutorial and CSS Lesson 1.
Read the rest of this entry »
CSS: Lesson 2 Fonts, Padding, and Border
Sep 25th
CSS Lesson 2
In lesson 1, I talked about backgrounds and text. Let’s move on, I’ll start out by expanding on the text manipulation with fonts and continue by the introduction of what I call “general formatting.” General formatting includes the definition of padding, borders, margins, and outlines. At the end of the lesson, you should know how to create the above banner and more Read the rest of this entry »
