Useful links: Learn CSS Layout, Little Boxes, Veronica Mars, Google Reader

This terrific new site is a step-by-step tutorial that will get you educated on CSS layout in an easy, visual style: Learn CSS Layout.

No more little boxes filled with software from Adobe Creative Suite. It’s a Creative Cloud or download only world out there, folks.

The Kickstarter project to raise $2million for a Veronica Mars movie was fully funded in less than one day. Completely amazing what the right project can do with Kickstarter. You can still get in on the action.

Yesterday Google announced it is retiring Google Reader, breaking my heart and the hearts of a lot of blog readers like myself who have a regular daily reading list. I’m going to be researching alternative RSS readers today and will have some for you by tomorrow today (see Google Reader: Oh, the Pain).

7 Top Posts for Dreamweaver Users

I’m thinking about older posts here on Web Teacher that would be of value to anyone learning either beginning or advance Dreamweaver techniques. This seems like a good time to point out some perennial favorites.

  1. Dreamweaver CS6 Fluid Grid Layouts
  2. Finding the CSS3 Possibilities in Dreamweaver CS 5.5
  3. Using jQuery Mobile in Dreamweaver CS 5.5
  4. How to Create a Responsive Website Using Dreamweaver CS 5.5
  5. Things I Learn from My Students
  6. The Secret of Building a Table with Dreamweaver
  7. Using Dreamweaver to Add Labels to Forms

Web Teacher’s Seldom Asked Questions

Okay, never asked questions. Seldom is an exaggeration. But always that philosophical question lingers in the air: why are you here? These SAQs (okay NAQs) will explain everything.

The famous Santorini Sunset

Q: Why are you here?

A: I started here because I wanted to talk about how non-web-standards-based and non-teachable most of the tech books I was using to teach with were. Books are better now, so I mostly talk nice about them.

Q: Do you have any really great tips?

A: I have a lot of tips, but this is the best one. In fact, it is such a great tip I’m calling it Virginia’s Law Against Unintended HTML. It goes like this:

Play with the way your content will look before the content is on the page, not after.

Virginia’s Law Against Unintended HTML is so all-encompassing it applies to blog users and Dreamweaver users, too.*

Q: What’s this teacher thing?

A: Well, I’m an educator. You thought I was a dream in PHP coder? No, I’m an educator. So when I talk about web design or technology or web education, it’s always through that peculiar filter.

Q: Who cares about that web education crap, anyway?

A: Mostly teachers and students and web standards gurus and accessibility advocates and corporate trainers and human resource managers and small businesses in search of a web site. Even self-taught learners scrolling among Google results. Are you anything like those people?

Q: You’re always going on about women. What’s up with that?

A: I support good work from others. I’m not the jealous type so it doesn’t bother me to promote other people’s work rather than my own. I support good work from both men and women, but I love to point out what women do because they are a misused and misunderstood element in the tech world. I’m a woman, so I know this. I’m also old – would you rather I was always going on about old people?

Q: What’s a good book to read about web design?

A: Start with books about HTML and CSS. Read a lot of those. After you get really good at those two things, read books about JavaScript or PHP. I’ve recommended a few books over the years. Read good books about design and Photoshop, too. Read the books I wrote, for gosh sakes, and buy them brand new, not used. Thank you.

Q: What are you learning about lately?

A: I’m quite interested in HTML5 and study it a lot. The new CSS is fascinating, too. I like new ideas. If your job is to produce HTML emails for big corporations, I recommend you study HTML 3.2 a lot. You can make big money by doing things from the old days that everyone else has forgotten how to do. HTML 3.2 anyone?

Q: Has social media changed the world?

A: Wait, I will answer as soon as I update my Twitter and take my turn in Words with Friends. Oh, look what my friend said on Facebook – isn’t that cute? Uhh, what was the question?


*Look! A Footnote: Some people refer to this concept as separation of content from presentation, but I refer to it as Virginia’s Law Against Unintended HTML.

Useful links: Flexbox, background-size, models of disability, smart objects, HTML5 headings

Opera Dev has a post by Chris Mills called Flexbox: fast track to layout nirvana?

Take advantage of the CSS background-size property is at .net magazine.

Models of disability and their relation to accessibility is a fascinating post by Martyn Cooper. The post conclusion will give you an idea of the different models of disability the article discusses:

Our models of disability are important, they shape our attitudes and impact on how effectively the needs and preferences  of disabled people are met in design. The medical model is now widely seen as outmoded and a perpetuator of  discriminatory attitudes. The social model has had widespread influence. It is important in accessibility considerations because it recognises the importance of the context of the users and supports the view of accessibility as a relationship property; in the case of web accessibility the relationship being between the diversity of users and the web resource or application. Functional models have been asserted as the most useful in design and development and the potential of these for personalisation and analytics highlighted.

Working with Smart Objects in Dreamweaver and Photoshop is by Tom Negrino.

HTML5 Ranked Headings for Screen Readers. Yep, your hierarchy on HTML5. How’s it working in screen readers?

Dreamweaver CS6 Fluid Grid layouts

Even though I don’t own Dreamweaver CS 6 yet, I’ve been studying up on how it uses fluid grids for page layout. (The dilemma of a teacher: we are often called upon to teach software we can’t afford to buy.) I found an excellent tutorial explaining it and wanted to share it here. This is an Adobe/Lynda.com video. Watch all the way to the end, there are some interesting points there.

Useful links: Long-tail keywords, girls and CS, Dreamweaver

Jill Whalen published an outstanding explanation of what long-tail keywords are and how to discover them in High Rankings Advisor this week: Using Keyword Research to Find Long-Tail Keyword Phrases.

Meet the High School Girls Who Had to Take CS. Interesting comments about what they expected, and what computer science turned out to mean to them.

Why I Madly Love Dreamweaver Today. A programmer’s point of view.

Shared spaces and Dreamweaver adventures

The last class to use Dreamweaver on the computers in the lab where I was teaching Beginning Dreamweaver yesterday must have been doing some database work or other advanced stuff with Dreamweaver. Students were getting all sorts of unusual (for beginning Dreamweaver) errors about version controls and testing servers. Took a while to get everyone’s panels and settings back to a really basic spot so what we were trying to do went smoothly.

Dreamweaver does so much that when you are just talking about creating pages, adding text and links and connecting to a server, the basics can be hard to find.