View all tutorials tagged: HTML/CSS

RainyMood.com – A design breakdown

RainyMood.com.Rainy Mood is a great, and relaxing website. What does it do? It plays a fifteen minute loop of rain OVER and OVER again. Thats it! How simple.Why am I even bringing this page up? DESIGN!Lets look at this page. It has a great background that fits into the 500kb category, a simple image header [...]

RainyMood.com  A design breakdown

RainyMood.com.Rainy Mood is a great, and relaxing website. What does it do? It plays a fifteen minute loop of rain OVER and OVER again. Thats it! How simple.Why am I even bringing this page up? DESIGN!Lets look at this page. It has a great background that fits into the 500kb category, a simple image header [...]Related posts:Coupon designOnly A QuoteMobile Websites (tips)

Creating a Blogging system (part 1)

Some time ago (a couple weeks), I created my own blogging system. No one told me how to do it and I didnt read any tutorials on how to do it either so there were a few things I learned the hard way. As you know, Blogs are database-based, theyre all entries in a table.You [...]Related posts:Bit.ly API and adding URLs to your MySQL databaseCustom E-mail FormPHP error reporting script

Mobile Websites (tips)

Ive recently started working on some mobile websites. Youll notice that davepcguy.com has its own mobile alternative as do some other sites. Mobile devices are growing in number and gone are those days when internet was viewed only on the computer screen. WAP is not even used either so that old school coding is gone [...]Related posts:CSS Lesson 6: Intro to DivsCSS3 Lesson 3: Background Information is EssentialCSS Trick: Disappearing Textbox

CSS3 Lesson 3: Background Information is Essential

Lets have a look at backgrounds. In the previous two tutorials, Ive covered borders and opacity. In this tutorial, well 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 [...]

CSS3 Lesson 2: All About Borders

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:CSS3 InfoCSS3 ValidatorIntro to CSS3W3 AvenueNet Tuts Plus tutorialI’ll start with the topic [...]

CSS Trick: Disappearing Textbox

Remember that trick to show a sub-menu using CSS in my older tutorial? Well, I had an idea for a project of mine, and with a little help from my dear friend Raphael. Last night, I launched my little website project called “A Night Story” and made some tweaks. Ignore the story, it’s just a [...]

CSS Lesson 7: Border Radius and Opacity

Border Radius and OpacityI’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 [...]

1