Tutorial web site in production...

Genete · Post by **Genete** » Sun Feb 10, 2008 12:19 pm

Vern, have you planned to write it in english? I suck with german.

Keep a eye on your web.
-G

magicwand · Post by **magicwand** » Sun Feb 10, 2008 12:23 pm

heyvern wrote: Here are the links:

This is the original article I found on "elastic" design:

http://jontangerine.com/log/2007/09/the ... s-with-css

This is sweet! A little javascript page with settings to change the base pixel size. Read the article to understand why this is needed.

http://riddle.pl/emcalc/

-vern

Thanks Vern,

The article was a good read. Now if only background images could scale,
sigh well we will have to wait for CSS3.

For those who are confused with the content please refer the following URL
http://www.lipsum.com/

heyvern · Post by **heyvern** » Sun Feb 10, 2008 6:06 pm

Originally I planned to have the header graphic tile horizontally... but this will do until CSS3 gets finalized... if ever. It's been years it seems.

magicwand wrote:
For those who are confused with the content please refer the following URL
http://www.lipsum.com/

Great link. I always thought it was "made up" text that simulated proper word length and sentence structure. It actually means something! Great. Don't let my clients find out.... they will proof read it and make changes.

-vern

rplate · Post by **rplate** » Sun Feb 10, 2008 9:43 pm

heyvern wrote:HOLY FREAKING COW!!!
Hold the CTRL key and use the scroll wheel on your mouse!!!!!! The page enlarges and shrinks!!!
That's it man. This is the holy grail of web design for me. No looking back.
-vern

Did you know that on a Mac you always could do that with any page,
using the >option<>command< >8< then >option<>command< >=< or <-> thats equal or minus.

.
Bob P
PS: On my Mac the control plus the scroll wheel only scrolled my screen.

heyvern · Post by **heyvern** » Sun Feb 10, 2008 11:41 pm

I only tried the CTRL scroll wheel thingy in fire fox.

That "zoom" feature on the mac is a "hardware" monitor zoom. The zoom of a web page I'm using is enlarging the font size.

Cool! I found a shortcut to change the contrast... I never knew about that one.

-vern

heyvern · Post by **heyvern** » Sun Feb 10, 2008 11:52 pm

I found another trick but I'm not sure if it's just "too much".

So enlarging the text size scales the whole page right? What if you could just do that "automatically" based on the width of the browser window? So if the window is enlarged the page will automatically zoom to fill the width.

It works great using a small Javascript. Also the user activated changing of the text size still works

Here is a sample:

http://www.vernsworld.com/anime_studio/index3.html

Just resize the window and the page auto scales to fit.

-vern

heyvern · Post by **heyvern** » Tue Feb 12, 2008 1:14 pm

WooHooo! I'm having fun! This is hard work but I'm enjoying it.

A while back I started keeping a sort of file on my hard drive with copies of my tips and techniques but I wasn't always faithful in keeping it up to date.

Since I started the web site design I wanted to make sure I got everything possible to put in it. So I did a search for all of my posts in tips and techniques and I am reformatting for the new web site. It's going very well. All the images and movies and samples are linked in the posts to where I uploaded them.

I should have at a minimum, a rough set up with some tutorials in a few days.

I was surprised that I found several Flash tutorials in there. I found the template I used and may use that format for others. Wait and see.

I recommend that anyone else who posts techniques try this sometime. Just search for your user name in tips and techniques and sort by username. You can then go through and copy/paste or save the threads. Get everything in one place.

-vern

rplate · Post by **rplate** » Wed Feb 13, 2008 9:50 pm

heyvern wrote:WooHooo! I'm having fun! This is hard work but I'm enjoying it.

A while back I started keeping a sort of file on my hard drive with copies of my tips and techniques but I wasn't always faithful in keeping it up to date.

Since I started the web site design I wanted to make sure I got everything possible to put in it. So I did a search for all of my posts in tips and techniques and I am reformatting for the new web site. It's going very well. All the images and movies and samples are linked in the posts to where I uploaded them.

I should have at a minimum, a rough set up with some tutorials in a few days.

I was surprised that I found several Flash tutorials in there. I found the template I used and may use that format for others. Wait and see.

I recommend that anyone else who posts techniques try this sometime. Just search for your user name in tips and techniques and sort by username. You can then go through and copy/paste or save the threads. Get everything in one place.

-vern

Hey, I just discovered that if I open the view source on your web page and then (on a Mac) print as a PDF file and save it I have your source in PDF form to study. COOL! Now i'll be as smart as you.

BOB P

heyvern · Post by **heyvern** » Thu Feb 14, 2008 1:03 am

Hey, I just discovered that if I open the view source on your web page and then (on a Mac) print as a PDF file and save it I have your source in PDF form to study. COOL! Now i'll be as smart as you.

I've been doing that for years!

The technique it isn't original to me anyway. I got the idea from an article on elastic web design.

------

Did you check the most recent version with animation?
http://www.lowrestv.com/anime_studio/

I stuck an animated gif inside the header image.

-vern

patricia3d · Post by **patricia3d** » Wed Apr 02, 2008 3:05 pm

Hi Heyvern
I want to that page you mentioned. I think this is non English.
I only know English.

jahnocli · Post by **jahnocli** » Wed Apr 02, 2008 5:01 pm

Ha ha! No, this isn't English -- it's a kind of "dog Latin" that typographers use so that they can get some impression of what text would look like. It's just meaningless stuff...