St. Petersburg Web Design Blog

Archive for the ‘Web Design’ Category

As web designers it’s important to see how your web sites and Applications will look on multiple platforms.  I recently developed a mobile web app and none of my previous mobile device preview tools included the brand new I Pad.    Well here’s one. It’s called IPad Peek.

We’ve just released our first free WordPress Template! We hope you enjoy this theme celebrating the glory of femininity.  And yes, I’m a man, do I have issues?  No, it’s just a theme I made for client through a third party.  Besides what wrong with loving women, and why are you looking at me like that?  Ahem! I’m plenty manly thank you!

Sadly when you work through a third party extra care needs to be taken as things get lost in translation, like the fact that she didn’t want anything like this.  My wife says this theme is  pretty good so we’ll use it as part of our new WordPress theme marketing efforts.  I hope I haven’t made it too feminine.

Download the Feminine Glory WordPress Template here. Preview the theme here.

Free support for this free WordPress theme!  If you have a problem, please just leave a comment below (and we’re a “Do Follow” Blog).

This free template is released under the Creative Commons – Attribution license.  No cost to you for this theme.

Not exactly the way I’d do it but he introduces many important topics. This video also demonstrates how to use the Dreamweaver CS3 interface to create CSS rules.

Sadly he was wrong about the “Page Properties” they only apply to the page that’s open, not “every page that we create from now on” so odd that he got such a basic piece of info wrong . . . We try to actually put these CSS style rules that he’s creating in a separate ” style sheet (a text file, written with proper css syntax and uses the .css extension). Once this is done you can go to every page you have or create anew and tell the page to use the style sheet.

On a professional scale we use “Dynamic Web Templates” to force pages to use certian style sheets and accept changes made to a master template. Because there’s so much more to a web site than it’s CSS.

Web Design Screen Shot

We’ve just completed a website design for a Sarasota Business. Sarasota Home Care is a small business serving Sarasota. They provide non medical home care for elderly (and other) residents. Things like, well just read the sight.

This is a 100 valid XHTML and CSS site.  It’s completely table free.  It uses horizontal lists in places.  It also applies CSS styling by using id attribute instead of the class= attribute like we usually do.  I don’t think I’ll switch to this method permanently.  It like to use the ID tag to call programmed actions often instead.  But it can be handy if your already assigning unique ID’s to elements because of programmed objects then you don’t have to clutter your code with css.  Plus that means a web designer can edit it in the future itself a programmer or myself . . .

This sums up how to export a movie from Adobe Premiere CS3. the only thing she says that you shouldn’t ever do is export a movie in a Quick Time format. Quick time movies have poor quality, high file sizes and even when the player does work, it’s missing all kinds of features that normal video players have.

I was working on a project at home today and wanted to set the first letter of the FAQ paragraphs (The “Q” and the “A”) be larger than the rest of the letters. I knew I use CSS to do this quickly and easily, but had forgotten how. It may be a surprise to some of those I’ve taught, but I am not, in fact, able to remember every single tag in every single language there ever was or is currently, pretty close to all of them, but not quite 100%.

I realized tat my CSS reference book was out on loan. Hmmm, I tried looking it up in Dreamweavers reference section, but it wasn’t there. So I turned to the to internet. I was shocked at how complicated some people think this is. Some people use a span tag and then pseudo classes of the span tag. Some people were even using JavaScript! This is how is done, the quick and easy and proper way:
.YourClassNameHere p {font-size: 12pt}
p:first-letter {color:#ff0000;font-size:xx-large}

Feel free to substitute “xx-large” with whatever value is appropriate.
This will . . . well I hope at this point it’s obvious what this code will do.