Save load time and keep visitors from waiting for their image on hover.
Please Login or Register with SupportCasts to view the rest of this content.
CSS Basics
April 7, 2012 by Leave a Comment
Introducing Gradient from Jumpzero
March 7, 2012 by Leave a Comment
Gradient is an easy to use, CSS3 two color tool. It generates the necessary ‘properties’ and ‘values’ to add to our ‘selectors’ via CSS.
No more searching for just the right image, or attempting to create your own using image applications. Gradient can do it in a few short steps.
Join me as we look at Gradient and how it works.
Gradient is available from the MacApp Store. It works with OS X 10.6 or later, 64-bit processor.
Please Login or Register with SupportCasts to view the rest of this content.
CSS2 Pseudo Classes
May 10, 2011 by 1 Comment
We’re all familiar with most of these. They add dynamic interaction with the document. In this video tutorial we look as adding classes to selectors and targeting specific classes on a page. We also look at the :focus and :first-child pseudo classes.
This is the first of several video tutorial, the next being on CSS3 Pseudo Classes, including the nth-child
Please Login or Register with SupportCasts to view the rest of this content.
CSS Spans vs Divs
February 15, 2011 by Leave a Comment
CSS010 – Custom Stylesheet
April 19, 2010 by Leave a Comment
Have you ever wanted to take all the custom css and consolidate it? In this video tutorial we show you have to take all the css common to all pages of the Rapidweaver web site and place it in an external stylesheet. One change to that sheet will effect all pages of the site you specify.
Please Login or Register with SupportCasts to view the rest of this content.
CSS3 – Pure Horizontal Accordion
April 14, 2010 by 1 Comment
A very nice horizontal accordion with no jquery, mootools or other scripts. Compatible with all modern browsers.
In this video tutorial we will show you have to make adjustments to colors and the size of the accordion to suit your site.
Link to Developers Site – Click Here
You can get all the CSS and the unordered list at the link above.
Please Login or Register with SupportCasts to view the rest of this content.
Tooltip Tuesday #6 – Styling your qTip (RW070)
November 24, 2009 by Leave a Comment
In our members Tooltip Tuesday special we look at how to create our own custom styles for our tooltips.
You will want to download the Show Notes so you have a copy of the code I use during the cast. I’ve also included the full qTip script so you can take a peek under the hood and see the built in styles.
So let’s get started and get creative…
Please Login or Register with SupportCasts to view the rest of this content.
CSS009 – CSS Positioning #2
November 13, 2009 by Leave a Comment
In this follow-up tutorial we look at positioning without a theme applied. This helps in understanding the process. It can get confusing knowing how and when to use which one. Static, Relative, Absolute and Fixed explained, shown and a great site to go to for more.
Please Login or Register with SupportCasts to view the rest of this content.
CSS008 – Positioning Elements
November 3, 2009 by 1 Comment
RW065 – Awesome Buttons
October 18, 2009 by 5 Comments
Awesome Buttons…
Here’s a short screencast on how you can use some scalable buttons in your RapidWeaver web project with some CSS3 coding. These buttons come in three sizes – small, medium and large – and the only image that’s required is an overlay image. even though we do use RapidWeaver the same tricks can be applied to any other web development tool that you may use ;)
Okay lets get on with the show :)
Please Login or Register with SupportCasts to view the rest of this content.
CSS007 – Font-Face – Public Cast
September 28, 2009 by 2 Comments
A look @font-face. How it works to make available fonts to the viewers browser that are not “web safe”.
This works well but is not a simple, one set of css for all browsers. We cover not only the css to make this work but some issues for the future.
In one part I try to target the Title of the site in the theme. I use #pageHeader and it should have been #title. Kept the “wart” in the cast.
Show Notes
RW063 – LetterPress CSS3
September 28, 2009 by 1 Comment
CSS006 – Watermark an Image
September 21, 2009 by Leave a Comment