Join Laurie Burruss for an in-depth discussion in this video Using the important miscellaneous tools in the Web Developer toolbar, part of Web Site Planning and Wireframing: Hands-On Training.
Let's take a look at the Miscellaneous dropdown toolbar. It's often overlooked,…but it's one of my favorite toolbars, because it has some very sexy fun tools…to use. Click on it, drag down, and what we are going to look at is Display Ruler.…I love this tool. Notice that my cursor changes to a cross hair. …I click-and-drag in a diagonal motion, and voila! I can see the size and …the measurement of the object I have chosen. In the first part you see the width…and height, and in the second part you see the position, you can go up here and…edit these if I want to see what it looks like at 450 and 50, to see what that…shape would like, would that be more aligned with what I want, I can do that.…
To draw somewhere else, you just simply click, draw again, and as you can see…it gives you a great way of choosing and looking at things and I can guess this…image is about 200x200. One of the ways I actually use it in a real way is…like, I like to see where this margin is. It's about 100, 102 pixels. I like…
Download the free support materials here from the Exercise Files tab.
After learning the tools and techniques demonstrated in this course, viewers can continue on to the next course in this series: Creating a CSS Style Guide: Hands-On Training.
- Seeing, scanning, and reading a web page
- Understanding naming conventions
- Creating file structures
- Understanding page hierarchy
- Using Acrobat and Photoshop with wireframes
- Building a professional wireframe from scratch
- Identifying and using web standards in site design
- Usability Testing