CSS Menu Builder Video!!! - Post ID...

User 2073552 Photo


Registered User
1,625 posts

Per the request of Eric... Here is a video that shows how to create a CSS Menu using CC's HTML Editor...

http://sirage.coffeecup.com/?post=how-t … tml-editor

Hope this helps!
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 122279 Photo


Senior Advisor
14,624 posts

That video is very good! :)

If anything, you could add how to center a horizontal menu, that is what most users have problems with.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 38401 Photo


Senior Advisor
10,951 posts

Great job!

Only one thing I would change, the size is so small you can't read anything you're talking about. If you can change the size of how it shows on the page that would be much more helpful, but the instructions were very well done!
User 2073552 Photo


Registered User
1,625 posts

Just click on the make full screen button. Or go to YouTube and they have a larger screen option. :D
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 187934 Photo


Senior Advisor
20,266 posts

In full screen mode I needed to stand back away from my pc. Made my eyes go bonkers.:lol:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2200796 Photo


Registered User
45 posts

I really appreciate the video, the help, and the full-screen mode. ;)

A little better resolution on the video would help view the text more clearly.

Many users will wonder how to center things, including the whole menu bar.

While nested menus (grandchildren of the root) are apparent to me, they might not be to others.

From a visual design standpoint, I'm very glad you covered the need for readability / visibility, the need for good contrast. Enough contrast in light/dark (lightness), strong/weak (saturation), and hue is needed for people to see the text well, especially smaller text. Contrast in hue alone isn't enough: Lately, I've seen several sites (and several product designs) that do things like orange and light grey, or yellow-gold and white, or too little contrast in several greys, which are hard for the *average* person, and harder for folks with poor eyesight or in adverse viewing conditions. -- That isn't to fault your video, which was good to even mention and demo it. A later video might expand on the point. Or, a separate video on color usage might help new people who need help on design principles.

Good video, thanks much!

Hmm... What about adding icons or bullets or check marks?
http://www.shinyfiction.com/
Writing, Editing, Artwork, Audio, and soon Fonts
User 2073552 Photo


Registered User
1,625 posts

Ben,

I can not figure out which resolution to use when making the videos... But I will ask that question. :P My screen resolution is 1920x1200. So it is hard to figure out which it should be made it... But I will be looking into it soon. :D And who knows you may have a video showing how to center a menu soon. :D
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 15653 Photo


Registered User
233 posts

Thanks SirAGE, VERY helpful and informative. :D

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.