RSS

Category Archives: Uncategorized

Beginning Sketching

Beginning Sketching

Drawing Studio: Day 2: Beginning Sketching

How to Start: Go from general to specific

  • draw lightly first
  • draw all of the shapes first
  • draw shapes, not details
  • don’t shade yet

It’s near impossible to get a drawing right the very first time you put pencil to paper. The key is in revision. Draw a few lines, look at what you are drawing, measure it, check the proportions, then go back and make changes if you need to. These techniques for sketching help because they make it easier to change and adjust lines.

Proportion

  • use your pencil to measure proportion (holding arm stiff while doing so)
  • choose an object/part of an object and measure everything else against it

My Drawings

The Subject

A Plaster of a Man's Head and Torso, wearing a velvet "Mad hatter" style hat

A Plaster of a Man's Head and Torso, wearing a velvet "Mad hatter" style hat

Day 1

Sketch of a man wearing a mad-hatter style velvet hat

The drawing I did on the first day of class. This was before any instruction, just as a warmup.

On the first day, still rusty with my sketching, I started drawing without doing too much thinking. I sketched out the general shapes first, but when I was frustrated with them, I worked on detail instead. This was a bad choice: I just dug myself into a deeper and deeper hole; as I added more detail to the drawing, it became more and more difficult to change it and correct lines I had drawn early on.

Day 2

Sketch of a man's head and torso

The sketch I did on the second day of class, doing my best to adhere to the advice above.

My second day’s sketch went better. I spent much more time working on the basic shapes and proportions before I added any extra lines or shading. My perception of the shapes and proportions was still imperfect, but the general to specific approach of sketching definitely helped. Another piece of useful advice (random): the need to establish a center line– a vertical reference point as well as a horizontal one. At first I only drew ellipses (ovals) and lines to get the shape of the torso. My professor advised me to add center lines through the face and torso to help with the proportions and to use as guides for where to place the other lines. Take it or leave it, it worked for me.

Advertisements
 
Leave a comment

Posted by on September 1, 2011 in Art, Classes, Uncategorized

 

a href to the Current Page

The answer: don’t href, use <a name=”foo”> instead

Today I was making lefthand navigation for my current project. I wanted to make a collapsing side menu (an accordion like this one. The menu is basically a list within a list, structured like so:

Menu

Submenu 1

Page Link

Page Link

Submenu 2

Page Link

It was surprisingly challenging to translate this to HTML though. The trouble was mainly that, in my initial html, I didn’t know what tags to wrap the Submenus in: they aren’t active links. I considered headers, but headers can’t exhibit the behavior of links (<a> tags), at least as far as I know. It’s common to put <a href=”#”> as a placeholder for a link that doesn’t go anywhere, but when I did that the link ended up redirecting to the root directory of my site. Besides, using an <a href> for a link that doesn’t actually go anywhere didn’t seem particularly semantic. So what to do?

My solution was to simply make the Submenu <a href> tags, <a name> tags instead. <a name> tags are meant to provide hooks into the html– a way to link to a location on the same page. They’re often used for indices that appear at the top of a web page. Using an <a name> tag works because the tag is not meant to link to another page. It behaves like an <a href> tag and can be styled as one, but it doesn’t redirect the user to another page.

In the end, my html looked like this:

<div id="sideNav">

	<ul id="sideMenu">

			<!-- first submenu -->
			<li>
				<a name="MenuHeader1">Menu Category 1</a>
				<ul>
					<li>
						<a href = http://site.com/1 >Topic 1</a>
					</li>

					<li>
						<a href = http://site.com/2 >Topic 2</a>
					</li>

					<li>
						<a href = http://site.com/3 >Topic 3</a>
					</li>

				</ul>
			</li>

			<!-- second submenu -->

			<li>
				<a name="MenuHeader2">Menu Category 2</a>
				<ul>
					<li>
						<a href = http://site.com/10 >Topic 10</a>
					</li>

					<li>
						<a href = http://site.com/20 >Topic 20</a>
					</li>

					<li>
						<a href = http://site.com/30 >Topic 30</a>
					</li>

				</ul>
			</li>

		</ul>
</div>
 
Leave a comment

Posted by on July 7, 2011 in Uncategorized

 

Tags:

How to enable syntax highlighting for LESS in Notepad++

After doing a fair bit of searching over several days, I found a way to enable syntax highlighting for the LESS CSS programming language in my text editor of choice, Notepad++. The real key here was finding this page, which lists countless user-defined language files for Notepad++. From there, you can download the LESS.js file. It is an XML file. Once you’ve downloaded that, simply open up Notepad++, go into the View menu,  then click User-Defined Dialogue. That will make a dialogue box pop up. Toward the top of the box, there’s a button that says Import… click it and select the LESS XML file that you downloaded. Close the window, and go to a .less file. Go into the Languages menu, and you should see LESS at the bottom of the list.  After you click on it, the .less file you have open should show proper syntax highlighting.

One issue I ran into with this is that the LESS escape character, ~ is not included in the language file download. Luckily, this is easy to fix by returning to the User-Defined Dialogue box. In the dialogue box, underneath the Operators tab, check the box that says “Enable escape character”, and type “~” into the adjacent text box. Voila!

One other thing: since this is a user defined language, if you are using a style other than the default style in Notepad++, the highlighting will look strange; all the text will be highlighted in white (it looks weird against a black background). I haven’t found a way around this yet, and am just using the Default Notepad++ style when I’m working on .less files.

 
27 Comments

Posted by on July 7, 2011 in Programming, Software, Uncategorized

 

Tags: , , , ,