For the Web Article assignment, start by picking a topic and writing a short paper on it. While the content of your paper – its writing quality, coherence, clarity – is of course important, it only accounts for a small portion of your grade. Additionally, you will be ‘porting’ this paper into HTML and CSS. Here’s how: Open your paper in … Continue Reading →

A great article describing what a float is and how to use it. http://css-tricks.com/all-about-floats/

Media queries have to go at the end of your CSS file. If your project has a #wrapper with a width of 960px, for example, you’d want to use a media query like this: @media all and (max-width: 959px) { /* media query rules go here */ } In this case, the rule you’d probably want to put inside your media query … Continue Reading →

Responsive Design didn’t exist until about four years ago, when an Internet coder and theorist named Ethan Marcotte proposed the idea in an article he wrote for A List Apart. To see how an idea can change Web design in an instant, consider reading Ethan’s short, Internet-friendly articles that started Responsive Design: http://alistapart.com/article/fluidgrids http://alistapart.com/article/responsive-web-design http://alistapart.com/article/fluid-images Please note that these articles are also … Continue Reading →

An excellent explanation of when to use ID and class: https://css-tricks.com/the-difference-between-id-and-class/

As mentioned in class, Lynda.com is great for learning website design. I recommend the lesson ‘HTML: Essential Training.’ Also, the w3schools.com site is useful for quick examples of code snippets. Some other useful sites for practicing or learning Web design: editor.openhtml.org A simple web page that lets you enter HTML and CSS, and see the results. No file management, no … Continue Reading →

The purpose of coding CSS is to change the appearance of your HTML document. Specifically, the way we do this is to alter the appearance of specific HTML tags, by writing CSS rules that affect them. For instance, our biography assignment had an <h1> tag in it. In an attached CSS document, we could say something like: h1 { color: … Continue Reading →

For our next class, we’ll attach an external CSS file to our HTML document. Dealing with file location and naming conventions is good content for our class meetings; for the blog, I thought it’d be best to instead go over some basics about CSS and share some links on how to get to know it better. SYNTAX A typical CSS … Continue Reading →

Great, great summary of how to connect to quicksilver on a Mac, as well as Windows 7/8 and 9/10: http://www.wiki.imedia365.us/index.php?title=Quicksilver

If you’d like to add a background image to any element on your page, you do so via the CSS: header { background: url(‘dog.jpg’); } This assumes,  in this case, that ‘dog.jpg’ is in the same folder as your HTML page. Background images tile, by default, meaning the repeat infinitely both horizontally and vertically. You can stop or adjust this … Continue Reading →