Clik here to view.
Adding Background Images
Background images, just as the name implies, are part of the BACKGROUND of a website, not part of the actual content. The most common place to add a background image to, is the entire canvas – aka the...
View ArticleAdding Multiple Background Images
At times, it makes more sense to use background images than to insert them directly into the page. And while each element – like your body tag – can hold only one background image, they can be applied...
View ArticleHow NOT to Use the < center > Tag to Center Text
Centering text and other elements can easily be done with the CSS text-align property. It can be applied to a division, the p tag – pretty much any block-level element. Applying this to an internal or...
View ArticleStyling Lists with CSS
We’ve already discussed navigation lists and list bullet images, but sometimes, a list is just a list. There are two types – the ordered list and the unordered list. The ordered list counts the items;...
View ArticleCreating a Horizontal Navigation Menu with HTML and CSS
It’s true: Your navigation items are really a LIST. Bread, Milk, Sugar, Coffee, Home, Contact Us, About, Cheese, Tomatoes, Sitemap. See, it’s a LIST!! And it should be coded and styled like a list....
View ArticleStyling Different Links Differently with HTML and CSS
On a website, you often have different groups of links that may not all supposed to be looking the same. Usually, you’ll have navigation links and possibly some links within your content at a minimum....
View ArticleClik here to view.
Dreamweaver vs WordPress?
What is the difference between WordPress and Dreamweaver? …This is a question that is popping up a lot, so I figure I should answer it. First of all, though they look the same from the non-nerd’s...
View ArticleClik here to view.
HTML5 – Head Section
The DOCTYPE And in the beginning, there was the doctype. The doctype is a required part of a properly coded HTML page. Before HTML5, we had several options. There was HTML vs. XHTML, strict, lose, or...
View ArticleClik here to view.
HTML5 Structural Tags
Aside from list and paragraph tags, HTML 4 and earlier didn’t provide any actual structure tags, and we had to use the div tag for our layout framework. HTML5 gives us tags so we can call things as we...
View ArticleCSS3 Borders – Rounded Corners
Remember the days, when in order to get rounded corners on your borders, you had to create little corner images with pictures of your round corners? That was quite a PITA, and back then, my designs...
View ArticleCSS3 – Box Shadow
This is another nifty property that allows us to now easily create visual effects without having to use images. And, best of all, it’s supported by all current major browsers. The box-shadow property...
View ArticleCSS3 – Transitions
This is a fun little feature, just as long as you are Not trying to view it with Internet Explorer. Unfortunately, IE does not support the CSS3 transition property (yet?). I know, I was shocked, too…...
View ArticleClik here to view.
CSS3 – Transforms – 2D
Transform is yet another cool, new toy for our webdesign toy chest. Gone are the days of having to use a graphics editor to create certain effects. Now we can turn, spin, stretch, scale, and move...
View ArticleCSS3 – Transforms – 3D
Adding on the the last tutorial about 2D Transforms: Adding a third value to our specifications, we can create a 3D effect. Unfortunately, this is not yet supported in all browsers. Internet Explorer...
View ArticleCSS3 – Text Shadow
Text Shadow is another fun little CSS3 feature that makes things so much easier – for most of us, anyway. There’s bad news for IE users: Text shadow feature is NOT supported by any version of Internet...
View ArticleCSS3 – Word Wrap
The word-wrap property is supported by all major browsers – and IE. There may not be a huge need for this feature in the English language, there aren’t too many overly long words, but then, it also...
View ArticleClik here to view.
Understanding code is just the beginning of learning web design or programming.
Learning to code has all kinds of benefits … even for those who don’t necessarily plan on becoming full time nerds: Builds analytical skills Trains your brain to think in a logical way Teaches...
View ArticleClik here to view.
Web Foundations Course is Out!
Hi, My new Web Foundations course has been released and the first lesson is available for free – now. Get it while you can: https://webmentor.org/course/web-foundations/1 Thanks! Stefan...
View ArticleWeb Foundations – What is Web Hosting?
Hi! Part 2 of my new Web Foundations course is out – What is Web Hosting? Yes a basic topic, but I go into some detail that you might find interesting: – hosting choices – hosting cost – Should you set...
View ArticleWeb Foundations – Domain Names
Hi, Just to let you know that I released Web Foundations part 3 (on Domain names) on webmentor.org. Here is the link: https://www.webmentor.org/course/web-foundations/4 What this video covers: –...
View Article
