Summary of eHow Articles for July

Gino's Pizza

I can now say that I have eaten Gino’s Chicago style deep dish pizza. My education into American regional cuisine is complete. Thank you BlogHer09 for taking me back to Chicago and to Suzanne Reisman from CUSS and other Rants for inviting me to dinner with her family.

Over at eHow, there was a glitch in the machinery, and it was not possible to post some of the things I had written and ready to go. My list of articles at eHow is rather sparse this month, but more will come when eHow gets things working again.

BlogHer09 Recap from the Geek Lab

I hung around in the Geek Lab at BlogHer quite a bit this year. It was a hit, once again. Many sessions were crammed to the rafters, and the comments from people who attended the sessions were excellent.
at the geek lab

Kudos to Nelly Yusupova who lead 4 sessions in the Geek Lab herself. She did sessions on Beginning HTML, PHP for bloggers, and two others. Nelly is from Webgrrls and is @DigitalWoman on Twitter.

Sarah Dopp did a session on CMS, one on hacking and mashups, and another on development platforms. She also simply hung around all day and gave individual tutoring to people who came by with questions. Sarah rocks. Can’t believe I didn’t get a photo of Sarah.

at the geek lab

Liz Henry talked about CMS tools and gave a session on Unix tricks and the command line. Liz is a great friend, in addition to being one fine rebel of a geek.

Krystyn Heide also did a session on CMS. She’s @SQUAREGIRL on Twitter. In fact, we had CMS sessions from Stephanie Cockerl and Mrs. Flinger, too. We were hot on CMS.

at the geek lab

Shazia Mistry did sessions on CMS tools and social networking for bloggers. Shaz was our Canadian geek of the week.

Skye Talks Accessibility

Skye from All Access Blogging talked about making your blog accessible. Skye either filled in on a session for someone who got sick and had to be taken to the hospital, or Nelly filled in while Skye took the person to the hospital. Maybe someone who was actually there during that session can fill in the gaps in what I know.

Gena talks video

Gena Haskett from Out on the Stoop provided information and tips for the bloggers who want to use video for vlogging, instructional video or business reasons. Here’s some video Denise took of Gena and myself at a noisy party.

Jan Kabili from lynda.com did a session on optimizing photos for the web in Photoshop that taught me some great tips I didn’t know. Jan and I have been roomies at two BlogHer conferences now—she’s a major Photoshop maven.

There were sessions on Twitter: one from Queen of Spain’s Erin Kotecki Vest and one from Annie at PhD in Parenting. These were very full sessions.

For the beginning bloggers, Denise Tanton did a Blogging Basics session and Roni Noone did a WordPress for beginners session.

Virginia DeBolt
Photo by Carla Duharte-Razura

I did a session on CSS, which I already mentioned on Web Teacher in this post, with a link to the slides. Here I’m standing in the hall outside the entrance to the Geek Lab.

The good thing about the geek lab this year was that it was ongoing throughout the conference. Previously it had been an add-on after the conference proper. There was so much demand for it that it got rolled in with all the other activities.

We had some issues this year with noise because there was too much going on in one room, but this complaint has already found a way into Elisa Camahort Page’s notes for next year. Elisa deserves a big high-five for pulling together such a diversity of topics and presenters for the geek lab. She had help from a committee which included several of the people named above—like me! And, in true BlogHer fashion, BlogHers were allowed to suggest sessions and vote on which sessions they wanted to attend to help tailor the agenda to what BlogHers needed to know this year.

Codeburner Add-on for Firefox

You now have access to all the Sitepoint References for HTML, CSS, and JavaScript available in Firefox as an add-on. You can download the  Codeburner add-on free from Sitepoint.

The references provide syntax information, browser compatibility charts and sample code for HTML and CSS.

The new add-on was just released. For a limited time, you can get a free book as a bonus when you download it. The book is Build Your Own Firefox Add-on.

If you are a Firebug user, you may realize that these same reference materials were available as a part of Firebug. The new add-on eliminates the Firebug step and gives you quick access to the reference materials at the bottom of the Firefox page.

the codeburner icon under the pointing fingerIt’s a simple toggle open and shut to see the reference panels. When you install it, a Codeburner icon will appear on your status bar. Just click the icon to open up the references. You see it here on my status bar with the pointing finger indicating which icon it is.

When you initially open it, you may have to futz with the drag handles a bit to get all three windows to show up and sized the way you want.the codeburner windows

In the left window you can search for an HTML element, HTML attribute, or CSS property. As soon as you start typing in the search box, you see results on the right. I typed “padd” before I stopped typing, and got a number of results involving the word padding. In the center window, you see information about browser compatibility, standards-compliance, and a brief summary of usage. If you don’t find out what you needed to know, there’s a link to the SitePoint References online. The window on the right gives you a generic example of the element, attribute or property you searched for in use. The window on the right will display information for which ever of the numerous items in the center window you select.

select an item from the DOM menu

You can learn about the elements and properties based on the page you are on. Select the DOM option in the left window, navigate through the DOM tree to find whatever you are interested in, and select it. I selected a <p> element in the image above.

If the code example in the right window is not enough information for you, you can click the “More information online” link to see a live demo. (The same function is available as an option in the contextual menu you see when you right-click on at item in the search results window in the center.)

Don’t want half your browser space taken up by the Codeburner pane? You can detach it into a separate window with a click on a small up arrow near the X that would close it completely.

The reference material available with the Codeburner add-on is already available from Sitepoint, in books, and was part of the Firebug add-on. The new add-on is a convenience. It can give you quick information without a lot of effort. If you are at that stage in your learning curve where you still spend a lot of time looking things up, you’ll love this one.

Web Education Rocks

web education rocks

Something significant for web education is happening in Chattanooga from August 5-8. The event is dubbed the Web Education Rocks Summit. The event is a meeting of the newly formed Open Web Education Alliance. Members are meeting to create a structure for OWEA that will aid companies, schools, and organizations involved in shaping the education of Web professionals.

On Thursday, August 6, there will be an open meeting for any interested web professional. This meeting is called The Tour, and is the first of many Tour dates for OWEA.  At this meeting, the speakers will be:

  • John Allsopp, Web Directions
  • Scott Fegette, Adobe
  • Nick Fogler, Yahoo!
  • Leslie Jensen-Inman, The University of Tennessee at Chattanooga
  • Chris Mills, Opera
  • Doug Schepers, W3C
  • Aarron Walter, MailChimp

You can request a tour stop in your town. You may not get all of the speakers listed above at every Tour stop, but you will get some of the OWEA members. OWEA is an organization spun off from the drive to create the InterAct Curriculum.

The Web Education Rocks Summit was put together by Leslie Jensen-Inman from the University of Tennessee at Chattanooga, who obtained all sorts of sponsorships and funds to support the efforts of OWEA. Leslie rocks!

Password Security Issues Raised when Twitter Hacked

The New York Times reported in Twitter Hack Raises Flags on Security that a hacker had broken into confidential information about Twitter by breaking into a Twitter employee’s email account.

Once in the email account, the hacker gained access to the employees Google Docs information, where much of the confidential data about Twitter is stored. Then the hacker sent the confidential information to Michael Arrington at Tech Crunch. Tech Crunch published some of the documents. A controversy arose over whether Tech Crunch was right to publish stolen documents, but I’m going to leave that topic alone for now.

Instead, I want to focus on what you can do to protect yourself from password hackers.

When a whole business can be exposed based on the vulnerability of one employee’s password, it’s time to think about making your passwords more secure. As SEO Techniques and Tips explains in Twitter Hacked! More online security concerns crop up,

The techniques used by the attackers are just a small part of a broader trend promoted by different technology companies toward storing more data online, instead of computers under your control.

The shift toward doing more over the Web – a practice known as “cloud computing” – means that mistakes employees make in their private lives can do serious damage to their employers, because a single e-mail account can tie the two worlds together.

You’re probably a blogger, or on Twitter. You’re revealing your name, your city, your kid’s names, your dog’s name, your birthday. All that is now public information. So the first rule of safe password building is don’t use anything obvious and personal like your kid’s name.

You have to come up with something unique and not related to your personal information.

When Megan Smith asked BlogHers what they do to keep track of passwords, one suggestion from TW was to use song lyrics.

Solution: Song lyrics. For example baa baa black sheep have you any wool? becomes Bbbshyaw00l?

This is a great idea for random character generation for passwords, particularly if you replace some of the letters with numbers and use a mix of upper and lower case as TW’s example shows.

Now that you have a random password you can remember, you can use it everywhere, right? Nope. Wrong. Do not use the same password everywhere. Particularly with important sites like banks, Google Docs or other storage in the cloud, PayPal, and your credit card company. You need a strong and unique password for each important site you visit.

What constitutes a secure password? In this article on Passwords at Time Goes By, I suggested 7 characters. My programmer friend Taylor came along and responded that you need at least 8 characters.

The first thing is password length. Be sure your passwords are at least 8 characters not 7 as the article suggests. The difference between 7 and 8 is significant. Given a character set is roughly 52 alpha characters (upper/lower) + 10 digits + ~12 symbols or 74 characters total:

7 char password gives 12,151,280,273,024

8 char password gives 899,194,740,203,776

What that means is it will take a good deal longer for someone to try to brute force crack the 8 char password.

If the site is important (eg. banking) and supports more than 8 characters then use the extra characters. Many banks support up to 16 now days.

If you’re like me, you are running into memory issues about now. Unique passwords of 8 characters or more that are random sets of characters for all your important sites—how do you track all that?

Software is the answer for many people. Taylor suggested the free choice GnuPG. Miraz at MacTips suggests 1Password. In Share files easily with Dropbox, Miraz says,

I use the fabulous 1Password to store all my passwords.

1Password is available as an iPhone app. To get into it on your phone, you need a PIN and a master password. Make sure both of these are secure.

Some people write all their passwords down in a notebook and store the notebook in a secure location like a safe or a bank safety deposit box. This is a good practice if your relatives know where the notebook is, because they may need to access the accounts in the event of your death. A secure location for the notebook is not in the same carrying case that you use to lug your computer through the airport, or under the keyboard of your computer.

Tell that one trusted relative with a need to know how to find your passwords in the case of an emergency.

Cross-posted at BlogHer.