[VID][ANN] Styling Lists

Screencast: “Styling Lists”

Runtime: 9 minutes, 37 seconds

Styling lists in Freeway is complicated. Sure, you have the comfort of the CSS Menu action, but what if you want something more tailored to your design without having all these extra CSS styles in your code that you can’t control? This screen-cast covers first how to create a list and then explains in detail how it works so you can have a professional understanding of how to focus your styling needs to target each area. I start out explaining how to style a list that has no links and then wrap it up building it with links and rollovers. All accomplished in 4 styles. How easy is that?

Also a preview in the “Styling Lists” screen-cast begins to talk about using the iPhone simulator and lists. Good stuff coming up.

So enjoy these free screen-casts and thanks for watching.

NOTES: There is a strange screen-glitch when I rename the DIV id title in the screencast. If the video get’s chunky it’s for something I’m not sure why it does that but it pans out after that section just fine. I’ve re-encoded this 4 times. Either it worked then and then in another part it wouldn’t. Perhaps a read up on video codec’s might prove useful. Who knows. But I rename the title to “listitems” if you can’t see that.

Also I did the “a” link styling with the understanding of nothing else being in the DIV id “listitems” If you have other items in there you can specify it just for list items by putting in:

#listitems li a
#listitems li a:hover

or:

#listitems ul a
#listitems ul a:hover

Just so it doesn’t make all your links that same way.

Links found on my blogspot, found in the signature bar link or here:

http://danjasker.blogspot.com

Comments are welcome, screen-cast suggestions are welcomed, and thanks for watching.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 30/8/08 (at 22:55 -0400) Dan J said:

Links found on my blogspot, found in the signature bar link or here:

http://danjasker.blogspot.com

Comments are welcome, screen-cast suggestions are welcomed, and
thanks for watching.

Just one suggestion… could you perhaps find some way to put those
videos into a regular web page rather than posting them as zipped
files that must be downloaded and expanded and then played locally in
QuickTime Player? I’m sure your helpful video tutorials would reach a
lot more people if you did this! As it is, I’m afraid that although
they are good I’ve already reached the point of just closing the
window once I get to the MediaFire password page. :frowning:

(And just a quickie: whatever you put in the signature bar isn’t
included in what gets sent out to the email users of this
forum/list… :slight_smile:

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

We’re both on the same page with having them play online. I’m working on figuring out the export options of Screenflow to be best for being online. I just don’t know how much monthly bandwidth it will take up and I don’t want either of my sites shutting down.

Perhaps I’ll create a new Blogspot to run these files so neither site goes down.

Sorry for the disappointment Keith, however stats from Mediafire show over 75+ people download them which is usually more than I expect.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I just don’t know how much monthly bandwidth it will take up

Fair enough, that is a serious issue with some hosting plans.

stats from Mediafire show over 75+ people download them which is
usually more than I expect.

Not bad at all. But I bet you’d get even more visitors (and help even
more nice folk) if the movies were openly viewable online. Which
would hit your bandwidth of course. Heh.

Any idea what your monthly limit is?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Right now I’m working on a personal web space from Comcast which equates to about 1 GB of online web storage. I host my portfolio there and just the CSS and Resources for my BlogSpot.

As far as bandwidth, it doesn’t say in my features list. It does say however that my monthly bandwidth can’t be over 250GB. I’m not sure if that pertains to hosting as well or specifically just what I download.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 31/8/08 (at 16:40 -0400) Dan J said:

As far as bandwidth, it doesn’t say in my features list. It does
say however that my monthly bandwidth can’t be over 250GB.

That will be all data traffic, including your uploads as well as any
visitor data requests.

If you post a 10MB video and 300 people view it from start to finish,
that’s a shade over 2.9GB of traffic. If you have five of those
videos available and all five are viewed, fully, by 500 people,
that’s a little under 24.5GB of traffic.

You’ll need to factor in everything else as well, but it isn’t likely
to add much more to that.

250GB per month isn’t bad at all. The hosting plan for my panorama
photo sites, thehelpful.com and a number of others allows roughly 7TB
(approx 7000GB) of traffic per month, but I rarely go over 22GB.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well maybe since I only have like 5-6 out there I’ll whip something up and test it out. They’d be flash based through FLV’s instead of Quicktime. I’ll have to see what gives me the smallest file size.

Thanks for the input.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 31/8/08 (at 17:35 -0400) Dan J said:

They’d be flash based through FLV’s instead of Quicktime.

Doh! You just reminded me of something I should have thought of
already. Make a YouTube account, upload your videos, and use
Freeway’s YouTube action to show them in your own pages, streamed
from YouTube. Bandwidth for free!

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I thought about that just as I was done typing that out. Great idea. A great way to solve my bandwidth situation. I’m going to upload a video here and see how it looks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry for the double post, but after further investigation Youtube’s video quality, for lack of a better word, sucks. :slight_smile: Straight-talking and all. I can’t even read any of the sections I even zoom in on.

I’ll see if I can find another way. Also the FLV conversion from the MOV file adds about 3megs and it’s even re-sized to 800x600.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dan, take a look at Vimeo

The video quality is much better than YouTube

Cheers, Marcel


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the suggestion Marcel. I had never heard of Vimeo.com. Always learning new stuff.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 31/8/08 (at 20:12 -0400) Dan J said:

Youtube’s video quality, for lack of a better word, sucks. :slight_smile:

Well restrained. :slight_smile:
Have you had a look at other servies, such as http://www.brightcove.com/ ?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options