The best music video ever made: Viewing Grand Rapids

Roger Ebert ranked this of “Views of Grand Rapids” the best music video ever made. After Newsweek pronounced the city one of the top ten dying the cities in the nation, residents sang and danced back.

This world-record setting 9+ minute lip dub features every willing resident of Grand Rapids and they sing, dance, and move in formation to Bye, Bye, Miss American Pie. In the background is Grand Rapids—probably all of it— including parks, office buildings, rivers, fire trucks, gymnasts and cheerleaders, guitar players of all ages and sizes, kyakers, a pick up football game in the street, marching band, swing dancers, car dealers, bands, and a mass pillow fight. Eminently viewable, multiple times. Watching it more than five times in a row is probably excessive — but who cares?

What’s the point?

I’m going to have to be the pismire here and say that while it’s entertaining, I’m not sure it’s great marketing – I got to the end and wasn’t sure what the point was.  — Comment on YouTube

The best kind of marketing there is. Marketing is about creating desire for your product. It’s entertaining and amazing. It makes you feel good. You want to see it over and over to hear that song and see all those people singing it. And figure out how they did it.

And in the background is Grand Rapids. Who knew what Grand Rapids looked like? Now “everyone” does. They will never hear “Grand Rapids”  or hear “Bye Bye Miss American Pie” again without seeing images of happy, healthy people having fun under blue skies in pristine cityscapes. If all these people could pull this off, Grand Rapids has to be a great place to live.

People will be going to Grand Rapids to visit the site — it will become a destination. If they have a job offer in Grand Rapids they will be more likely to go. Better than a home office in a less hip place. Any organization or business in Grand Rapids can have a great website by linking to the YouTube video. Current residents will be reenergized and proud — if they aren’t in the video, they will know someone who was. Everyone in Grand Rapids is now famous.

How the video was made:

Pattern in Islamic Art

Grand Mosqée de Paris, 1926
Grand Mosqée de Paris, 1926

Pattern in Islamic Art is an online archive of over 5,000 beautiful Islamic patterns. Images sortable by museum, monument, region, town, materials used (ceramic tiles, plasterwork, wood, etc.), or by architectural feature (decorative panel, doors & doorways, lattice-work, etc.) Excellent images and documentation.

Images are also available in prints.

The image above is from Pattern in Islamic Art:

Grand Mosquée de Paris
This mosque was founded in 1926 and built in recognition of the 100,000 Muslim soldiers from French colonies who gave their lives during World War I. Designed in a Neo-Mudejar style, with contributions from both Morocco and Algeria.

Piping Frosting Lace and Other Patterns

Practice piping on the rim of a glass.
Practice piping on the rim of a glass to simulate the side of a glass. Photo from Craftsy.

Piping frosting in lace patterns is one of the ways to create an elegant cake. It also takes much more practice than cutting out fondant flowers.

From and Craftsy: Everything You Need to Know About Piping Techniques

Since piping is most often done on vertical surfaces, practicing on a glass or jar gives the best learning experience. I’m not about to try this but it’s nice to know how if I ever have a few days to practice.

Learn WordPress

Chalkboard with a Lesson

Learning WordPress has just become easier. WordPress has launched a new site, Learn WordPress, directed at WordPress.com users, those whose site is hosted by WordPress. WordPress.com sites are free and have limited but often adequate features. You then pay WordPress people to fix and refine your site if it needs it, or to add more features.

I host sites on my server independently of the WordPress.com site, using the same software but with higher capability and more options. But understanding those options can be confusing. That is exactly why Learn WordPress is helpful. It explains the basics without confusing you with all the possibilities and pitfalls and things you may never want or need to know.

Learn WordPress Concepts

The first key to learning anything is understanding the concept, the idea. What does this do? What is it? And how does it work?  The Learn WordPress website gives you the essentials in Plain English — a rare commodity as soon  as anyone says, “software.”

In addition to help when you are starting from basics, some pages will always be useful. The Glossary explains blogs, carousels, categories, pages and posts, responsive themes, etc.  Get Flashy explains widgets, the little boxes that can be added to sidebar to add images, slide shows, search boxes, subscription forms, etc.

The Get Configured page lists resources to find images. Images are very important on websites and the perfect images takes time to find. It can be useful to find the images you want to use without paying  by the hour for a designer to look for them.

Testing WordPress

It might also be helpful to set up a WordPress.com site for yourself as a test, even if you are going to hire me to design and host your site. It’s a good way to learn so you can update your contact information and text  information quickly and less expensively after I set up the site.  Then I can manage the software upgrades, add capabilities, do monthly maintenance, and trouble shoot.

Logo from WP Beginner

If you intend to take over your site completely this is a good site for leaning how to manage it: WPBeginner: A Beginner’s Guide for WordPress.

 

Perfect Profile Pictures

Not Just for Dating Anymore

Cartoon-Style Drawing of an AngelWith the growth of social media for networking, the profile picture has become a major decision for anyone who participates. Which picture will people click on in LInkedIn? Who will follow me in Twitter? Am I turning people off with my stern look on Facebook? Is my smiley smile too smiley? What do I do with my eyes? What should I wear.

On OKCupid, “the Google of Online Dating,” the profile picture had 90% greater influence than the profile text. Even if you aren’t looking for a date, they are still very important. I’ve never, for example, followed person without a profile picture unless I already knew them (and wanted to connect).

There is a solution on BufferSocial, Thoughts on sharing, creating, analyzing and converting with social media. Kevan Lee reports on the research into the science and psychology of profile pictures in “The Research & Science Behind Finding Your Best Profile Picture.” People actually study this!

The Highlights

Definitely read this article if you want to understand why but these are the top recommendations:

  1. Smile with teeth
  2. Dark-colored suits, light colored buttondowns
  3. Jawline with a shadow
  4. Head-and-shoulders, or head-to-waist photo
  5. Squinch
  6. Asymmetrical composition
  7. Unobstructed eyes

And things to avoid:

  • Hats
  • Sunglasses
  • Hair, glare, and shadows over the eyes
  • Laughing smile
  • Sexiness

So now you know. If you doubt these recommendations, Lee explains how the research was done including all the statistics, graphs, and test pictures. Interesting results: Women get more attention making eye contact with the camera; men receive more avoiding eye contact. Women can be more flirty and men definitely not.  Men don’t even do well smiling!

Guy Kawasaki’s four keys:

  1. Faces only. No family, friends, dogs, logos, etc.
  2. Asymmetrical. Use the Rule of Thirds to create your profile picture
  3. Face the light. The source of light should come in front of you.
  4. At least 600 pixels wide. There are varying shapes and sizes of profile pictures on social media. A 600-pixel image will look great no matter where it’s viewed.

The Rule of Thirds

Draw a Tic Tac Toe grid on the picture. Put key elements on the intersections and avoid putting a key element, like your eyes, in the center square. More info at 3.7 Designs.

The OKCupid page with profile pictures of the staff is an excellent example of profile pictures that meet these recommendations — although not all of them. Those that don’t stand out.

There is more but I found this enough to build high anxiety over why people aren’t clicking on my posts.

Majestic: Analyzing Links

Majestic describes themselves as “The planet’s largest Link Index database.” What they know is a lot more than I know, for sure. What they can tell you for only one of their services is how many links there are to your site and how many of them are “good links.” Good links come from sites with real content. Bad link come from link mills that only link to a lot of sites to drive traffic to their own site — where they sell various, probably worthless services or stuff.

Improve Your SEO

The reason you want good links is because they help you in search engines — Bing, Google, Yahoo, etc. There are many general search engines and some specialized ones.

Majestic also provides pie charts and data on the kind of links — text, images, etc. — and which pages are linked most often. This can be important information. Some of the pages that are linked most often are ones I had forgotten I had posted. I had to go look them up to see what was most important to my readers!

Search Engine Optimization, SEO Tools

What is SEO, Search Engine Optimization?

“Search engine optimization” is a fancy way to describe methods that help search engines find your site. This site, SharonVillines.com, is the place where I put things I don’t want to forget—and probably will unless I write them down. I’m not concerned about the world’s ability to find this site, but more concerned about my ability to find the stuff I store on it. And for whatever reason, your ability to find it.

Thus the assortment here appears to a search engine to have a lack of focus. That means it is highly unlikely to find its way to the top of any search except my name. Thus this site is probably the worst example of best practices SEO you could find.

I do care about SEO on my other sites, however, and on the sites I design. I try to keep up with best practices. Solid SEO with no tricks. Tricks like keyword stuffing will get you Banned in Boston. Deep-sixed in search engine land. Think page three where no one goes.

SEO Simplified for Short Attention Spans

All that to say I found an excellent article today on SEO on the TNW site,  “SEO Simplified for Short Attention Spans.” It is a short (by website design standards) explanation of SEO. It’s written by Barry Feldman (on Twitter) of FeldmanCreative, a content marketing consultant, copywriter, social media advisor.

It includes very clear explanations and good illustrative examples. Check out the article for understanding SEO. What I wanted to remember here are the tools Feldman lists for checking the SEO of my sites and yours.

Three Must-Have SEO Tools

To practice, study, and check search engine optimization, Feldman recommends three free must-have SEO tools for beginners and experts alike:

  • Google AdWords Keyword Planner—Supplies keyword search data and ideas.
  • Open Site Explorer by Moz—Tracks your website’s link profile against competitors, identifies top pages, shows social activity data, and more.
  • MozBar—On Chrome and Firefox browsers, helps determine how difficult it is to rank for specific keywords. (I haven’t used this so I can’t explain how you use it. But it sounds like a good thing.)

So that’s the daily don’t-forget-this update. Not quite as exciting as popcorn but you can’t have everything.

Perfect Popcorn

Gene and LynnFor too long had I been popping the perfect popcorn in a hot air popper. Fluffy clouds. No fat! No cholesterol! No taste.

Until I re-discovered the real stuff.

After years and years of this, a friend brought real popcorn to a movie screening: Popped in a pan over a fire with oil. And buttered. Now the hot air popper is reserved for Christmas when we make strings of popcorn and cranberries for the birds.

Tiny But Mighty Popcorn

A few days ago I started hearing about perfect popcorn popping. After reading many news articles and websites, I found this memorable gem: Farmer Gene’s Tiny But Mighty Popcorn. You will want to read the whole page including “way-too-much-detail” section, but here are the basic do’s, the one’s my grandmother fed me:

Recommended oils: sunflower, safflower, coconut, canola, grape seed and vegetable
Note: “expeller pressed” oils are the healthiest and best quality.

  • Heavy pot with lid + 2 to 3 tbsp oil + 3 test kernels + Med/High heat
  • When you hear a test kernel pop, remove the pot from heat
  • Add 2/3 cup kernels, shake to distribute evenly in the pot, and return to heat
  • Leave untouched until popping vigorously (approx 2-3 min), then shake pot occasionally (every minute or so)
  • When there are 2-3 seconds between pops, remove from heat and immediately pour into a bowl. Season with your favorite toppings and enjoy!

And Tiny But Mighty even has a good story:

While no one in his family knows exactly where the seed came from, they believe it came from Indian neighbors. When Richard Kelty returned home from the army in the mid-1970s, he found the last remaining seeds in a fruit jar. He popped some and planted the rest—and a new business was born.

What makes Tiny But Mighty popcorn unique, besides its tiny kernels and disintegrating hulls, is that it is open pollinated. A 128-day corn, TBM is also difficult to raise, process, and keep its integrity. Gene consulted with a popcorn breeder from Idaho, who said TBM was a rare variety. Because it is hard to breed, most people in the popcorn industry wanted nothing to do with it.

The current growers are Gene and Lynn Mealhow and the sons. Gene is a farmer and soil consultant to farmers interested in sustainable practices.

Brand Colors

BrandColors.net Screen ShootA lovely online source of brand colors complete with color numbers—no guessing. Includes colors from Adobe, Airbnb, Amazon, AOL, Basecamp, Behance, Better Business Bureau (they have colors?), Bing, bitly, Boeing, Digg, Dribbble, Drupal, Ebay,  Firefox (a big palette), Freshbooks (very fresh), Google, HootSuite, Kickstarter, Klout, Microsoft, and many more. Memorable address BrandColors.net.

Has a search function to find one quickly.

Click on the colors to see the color number.

You can download the whole set in several file formats including swatches to import into Photoshop, and I suspect other programs as well but I probably haven’t ever heard of them.

My favorite for color storage is still Color Schemer. It amazing. I couldn’t do without it.

Image sources

IM Free provides a curated overview of freely available photos, all available for commercial use. All photos are thoroughly grouped and tagged, and usually released under a Creative Commons license. Overall, there are literally thousands of available items which you can use right away. And if you need even more pictures, GratisographyUnsplash andPicjumbo are further resources worth looking into, with a growing collection of free high-resolution pictures that you can use for commercial and private projects. Alternatively, you could use Google CC Image Search as well, of course.

New York Times Chronicle

Counting Names and Phrases in the Times

Chronicle LogoLogo for New York Times R & DThe New York Times Chronicle is a new resource for “visualizing language usage in New York Times news coverage throughout its history,” which began in 1851. Enter a word or phrase and it will appear as a colored line on a graph showing the percentage of articles it appeared in from 1851 to the present. You can search several words or phrases sequentially and each one will appear in a different color so you can compare them.

Or you can ask for the number of articles. “Obama” first appeared in 2004 in .1% of the articles. In 2009, it peaked at 6.63%. In 2012 he appeared in the highest number of articles: 19,675. The peak percentage in 2009 and the peak number in 2012 probably indicates that they published more articles in 2009. Numbers are not always as clear as we are led to believe they are.

What Are They Measuring?

Jackson Pollack appeared in 1 article in 1944, 2 in 1957, 6 in 1964, and peaked at 8 in 1980. He died in August 1956 and did not appear at all. I think there is a problem with this data. His market soared in 1961 but there were only 3 articles. He continued to be mentioned 1-5 times until 1985 when he dropped off the graph again. He appears a few times more but not as often as I would have expected. Low percentages, yes. Low numbers, no.

Not sure what they are measuring. If someone quotes this data, are they quoting the actual number of appearances or the number that the NYT Labs counted? Either way, it is still interesting and I’m sure it will be quoted often.

Export the Data

You can also export the data.

[Need a new example]

And Produces a List of the Articles

To see the actual numbers and dates, you put the cursor over the line on the graph. If you click on the line, you are taken to a list of the articles with an excerpt. That is really fine.

A very nice resource. One to remember.

 

Comics

ComicBook+ is an archive of public domain Golden and Silver Age Comics — books and newspapers. 24,184 books as of today. Categorized by type and date. It also has a forum for comics lovers and collectors.

Invisible Scarlet O'Neil from a 1940 comic Strip
Invisible Scarlet O’Neil from a 1940’s comic Strip

All can be downloaded without cost (donations welcome). And you can subscribe of $7.00 a year. Uses PayPal, which is very convenient. No entering credit card or passing a vision test to read a scrunched up series of random letters.

Invisible Scarlet O’Neil was written and drawn by Russell Stamm, who had previously worked on Dick Tracy. She first appeared in the pages of the Chicago Times, June 3, 1940. Scarlet O’Neil has the claim to fame of being one of the very first super heroines. As her name suggests Scarlet has the power of invisibility. This power was created when Scarlet put her finger in an experimental ray created by her scientist father. She suddenly disappeared, but luckily figured out that touching a nerve in her wrist acted as a switch, so she could turn her invisibility off and on at will.Over time Scarlet O’Neil’s special talent was slowly dropped from the strip until in 1950 it was renamed to just ‘Scarlet O’Neil’. A year later a new character named Stainless Steel was introduced. In 1955 the strip was retitled Stainless Steel, promptly folding the next year. As for Scarlet O’Neil she has yet to switch her off her invisibility and no one knows where she is.

It was hard to find an image of a woman without her skirt half way up to her waist or an obvious  accessory for a male character. Such were the comics. And they still are. But now they are heroines.

Free Icons

iconsSketchAtive

A collection of free icons created by “Aegean K” from SketchActive.

360 outline and 360 matching solid vector and bitmap formats. Transparent individual files in 60px & 120px for Coding. JPG files for overview and detail revealing. Sketch files for Editing, fully scalable and adjustable. You can use these icons in tab bar, navigation bar and table row for both iOS and Android apps. Also in web design, branding, stickers, presentations and prints. Anywhere you want.

Very fine icons. Highly recommended.

The Art of Hand Lettering

Handlettered word "Bravo" by Neil Secretario
By Neil Secretario

The Art of Hand Lettering is a fabulous archive of hand lettering for logos, signs, murals, stationery, etc. A new site so the examples are only from 2013-2014. A wide range of styles in black and white and full color, all beautiful and mesmerizing. This “Bravo” example is by Neil Secretario and was done  using a Pentel Pigment Ink Brush Pen, which I am ready to run out and buy.

Neil is a freelance designer and letterer in California who specializes in custom lettering, graphic design, and branding. HIs site is a bit of a tease since he includes only sections of nine examples of his work. They are still worth a look.

The newsletter is sometimes a single image but often shows a series of photographs of a work in progress. One series of nine photos from August 2013 shows Bryan Patrick Todd in a cherry picker preparing and painting a very big mural on a very big wall in Louisville, “Our City, Our Home”. A more extensive series of photos is on Bryan’s website.

The branding exercise by Tobias Hall is a mind-boggling example of precision and complexity. There are similar examples on his website.

Tobias Hall Handlettered Branding TobiasHall-2 TobiasHall-3 TobiasHall-4 TobiasHall-5 TobiasHall-6 TobiasHall-7

 

 

Internet Service in Cohousing

A major conundrum for cohousing and one that warrants a chapter in the next book on building a cohousing community is internet service. To provide it collectively or each to their own? If collectively how to charge, or whether to include in condo fees? Which technology? Who maintains it?

When Takoma Village began planning in 1998-1999, we had several internet-knowledgeable people who insisted that we install wiring for internet connections. Every unit has at least 4 jacks with telephone, cable TV, and ethernet connections. The 3 and 4 bedrooms have more. Basically one in every room, even the kitchen. (We have connected units, not houses on lots.)

Internet service is included in our condo fee so it is paid at the same rate as condo fees, with larger units paying more. When people started using wireless, we installed community wireless connections for everyone to use. And we use each others. All the passwords are the same.

We have an intranet so people can share music and files, and the teenagers play games with each other. Several units collectively bought an expensive back-up drive to share and use our Intranet to backup.

The Set Up

There are routers in the north and south basements and in the common house basement that connect all the wires from  units to modems. For years we only had one modem. Then we upgraded to one modem with business class service. Now we have two business class service modems from two different companies so we rarely have a total outage when one service is down. Service is just a little slower; Netflix spins a bit.

One modem used to serve the North side and one the South side but one side has more gamers than the other. Unfair advantage to be limited to the same modem. Now the traffic rolls over.

Each ethernet jack in each unit is connected to the internet with its own IP address. This has caused a problem with Bluehost, our ISP, because they don’t like our account coming from different IPs all the time. So we have some special connection with them. When I worked on our website, that was a problem because my personal ISP is also Bluehost. Working on websites is upload intensive and with everyone’s email plus connections to our websites caused traffic jams. Now all the connections to Bluehost go through a single IP address.

What Doesn’t Work?

The problems are around the routers. One or the other of them blows a port with some regularity. It’s a long process to test the system and isolate the bad ports. We have internal people—one active expert and one that can be called in, and 2-3 who have training. The trained can get on the phone with an expert and understand how to follow his instructions. Without internal people trained to manage the network, we couldn’t do this.

One person who works professionally installing networks recommends purchasing new routers every year. Install the basic reliable inexpensive router and when you replace the next year the most reliable extra features will be built in and you will always have up-to-date trustworthy technology. No downtimes. Others think this is wasteful so we have downtimes until someone gets a new router, though I think now we always have a backup handy

What Else Could We Do?

Many would like to hire someone who would always be available. Our current expert often goes to very remote places to hike. But it would be expensive and no one is always available anyway. We used to have three experts but two moved. We can still call them but the system changes so their knowledge is not always current.

Some would like an external business class service that is guaranteed to be up 99% of the time. It feels uncomfortable to ask neighbors to go out in the evening or early morning or three days in a row to fix routers but so many people work from home now they are dependent on the Internet. I’m online literally 12-14 hours a day and others are too. (We can almost instantly contact each other—a subculture.)

We bought software so the techies can change settings and check the system from home on their computers, but when it is a hardware problem they still have to go to the basement. Often for several hours. And then they have to go to work, fixed or not.

Education and Warnings

We used to have huge problems with people moving in and setting up all their devices without letting our techs know that hew equipment had been installed. They would guess the settings or use the ones they had before and it would bring down the whole system. Or they would allow their systems to automatically choose an address and often it was their neighbor’s. One or the other would then get kicked off the system whenever both tried to get on online. Because we have an IP address for jack, each device—computers, cable system, netflix, Blueray, etc.—has its own settings. If people don’t have all of them set correctly, they can’t even use all their own equipment.

Now new people are warned before they move in to call the techs to set them up. In the panic of moving, they often forget. And when residents buy new equipment, they still forget that step.

It’s Still Worth It (On Most Days)

A collective system is soooo much cheaper than each of us having our own service and in-house attention is still better than someone who has never been here before—the usual case. Collectively, we can afford service that is four times as fast. It’s slower on Friday night when every one seems to be watching movies or playing games but still faster than the smaller residential modems most cable providers include in bundled packages. That service costs now $35 a month. 43 units x $35 = $1,500 a month. Instead we pay $365—80% less.

When we need repair of the modem, business class service is normally the same day, usually within hours. Residential service is usually a 3-4 day minimum; “next week,” the most common response.

Usage Is Way Up

When we moved in, less than half our households used the Internet at home. Whenever we sent out an email with a request the deadline for a response had to include a weekend for people who only read at home and workdays for those who only read at work. From the beginning, we had a computer in the office for people who didn’t have or need a computer. It is now used by people whose own computer is broken or much slower and by guests. And some just like to get out of their units.

We also have a duplex 3-in-1 printer that is hooked up to out intranet. Residents don’t need a scanner, copier, or fax machine, and can print from home.

When only a few were using the internet at home, it was harder to get attention to the network being down because very few people were dependent on it. Several of us had our own modems because of this. Now every household has at least one device hooked up. I have four and a router to handle them. Some have their own internal intranet so they can share devices. About a third work at home all the time or a significant part of the time. And that number is growing rapidly. I would guess that most people check work email at home though some companies are now not allowing that for security reasons.

A long history but an important one that I think that Takoma Village has handled at a high level because we had tech savvy people from the beginning who were avid about new technology and foresaw the future—even though it still isn’t perfect. Every community will probably be at some point in this evolutionary process. If anyone is beyond it, please let me know!

Converted Bus: A Home for $9,000 in 15 Weeks

Exterior View of Converted Bus by Architectural Student Hank Buttita
Exterior View of Converted Bus by Architectural Student Hank Buttita

Wonderful idea for converting old buses into a tiny house. My son used to watch out the window on regular trips down the Thruway in New York State to see a large parking lot for school buses, some in service and some not. He would have loved this before he acquired a wife and two children.

I often dream of living in a tiny house but then I measure the square footage my books and crafts supplies take. The whole house.

Architectural student Hank Buttita was tired of designing buildings no one could afford so he bought a bus and converted it to an almost elegant modern-style modular home complete with a kitchen, bathroom, beds, and storage, with a wooden floor from an old gymnasium. He bought the bus for $3,000 on Craig’s List, spent $6,000 on remodeling, less than a semester of graduate school. Most of the work was completed in 15 weeks including 7 weeks of design and prototyping.

He has posted a blog and photos from his 5,000 mile trip around the country to show architecture students what can be accomplished in the tiny house and rehabilitation.

interior View of Converted Bus by Architectural Student.
interior View of Converted Bus by Architectural Student Hank Buttita

Hanks website Hank Bought a Bus has more pictures, descriptions, and a video.

Making Public Transportation Better

I used to commute four hours a day round trip, from New Paltz, NY to Manhattan. My community was the commuters who boarded the same bus every morning at 6:50 and again at 5:50, or sometimes 4:50. When I gave up the car and moved to the city, I had more hours in each day but I also had more energy and more money. The hidden costs of commuting are larger than they seem on paper. You compensate for the inconvenience and boredom by spending extra money for lunch or dinner, etc.

Co-workers of a friend who lived in the city tried to convince her to move out of the city to a small town where she would have a house for what she paid for two-bedroom apartment in the city. She did the math. She would have to buy a car, pay commuting and parking expenses, and maintain the house. And miss all the theater and other advantages of living in the city. In the end it would be a lower quality of living and more expensive.

The Pleasures of Commuting

What made commuting pleasurable was having space to think, quiet alone time but with other people like me. On the bus, everyone chatted for a half an hour or so, and then lapsed into silence napping or reading newspapers, returning to sociability a half an hour from the city. Sometimes I drove just to be alone for 2 hours. Cocooned.

But in the city when I commuted by walking 10 minutes to the office, that wasn’t enough. I needed more space between office and home to unwind. I took the long way around so it was 20 minutes.

For two years I commuted two hours a day from an outer borough in New York in a private van that carried 8 people. There were rules. You could say good morning or report on an expected absence, but otherwise, be quiet. It was the solitude people enjoyed. You could drink coffee but not eat. The smells of everyone’s food was intrusive. As soon as we got into the city and people started getting off and saying goodbye, talking and sharing began.

This led me to thinking about how to make commuting on public transportation, even for relatively short distances, more pleasurable. Spaciousness would be a start. The time to read is a major benefit for me and for many. The Kindle is a great commuting advantage thought I like a book. But even that pleasure would be more attractive with the assurance of having a seat. And uncrowded seat. Assurance of not to having to listen to someone else’s music or phone conversations for an hour or even half an hour.

One way to accomplish this would be more divisions like the old railroad compartments, so you not feel like you are riding in a cattle car.

It Costs Too Much

“It costs too much” is the first objection to making commuting on public transportation more pleasurable, but commuting in private cars also costs too much. We all pay for those roads and decreased air quality and emergency vehicles racing to accidents.

It’s really a question of accounting. If we withdrew support for commuting by car and put those funds directly into shared transportation, urban design, and transit route rehabilitation, we would all be richer.

That’s why I don’t favor making it easier for cars to get through streets and intersections, through tunnels and bridges. Make it safer for pedestrians and clearer for traffic to navigate, but discourage making it easier to commute by car.

Public Domain Books

Cover of Sparrow and Cock Robin, a public domain eBook

Not exactly a website resource but public domain books are something to consider if your site has anything to do with literature or book selling, or you just like to read: Public Domain Books—25 sources.

An amazing array of sites described in an article at Ebook Friendly. Many are archives that include photographs and other materials—good resources for copyright free illustrations.

Favorite WordPress Plugins

If you have favorite WordPress plugins, the ones you use on all your sites, download them to your computer, put them all in zip archive. Then you can upload them and have them all ready to use.

 

Why a Newsletter Blog?

Woman reading newsletterNewsletters on your website are a better choice than printed or even emailed newsletters. The “issues” or  entries stay posted on your website easily accessible for as long as you like. A newsletter on a website can be indexed by search engines to be found by people who never heard of you.  Notice of new issues can be sent automatically.

Printed and eMail Newsletter Downsides

Printed newsletters are normally planned for a certain size and length and with special features for each issue—a calendar of events, a cute quote, a joke, a feature story, news items. All these have to come together at once and get to the printer in order to meet deadlines for timely publication. Then they have to be distributed. Mailing is expensive. Address changes difficult to maintain.

An email newsletter with a predetermined format will still have to meet the same content expectations, plus being prepared by someone who understands the format and the software. Most newsletters, distributed in print or by email, have become uneconomical and of questionable value given the amount of time, effort, and coördination they take to produce.

What Exactly Is a WordPress Blog?

The letters Blog with a globe replacing the OBlog is short for Web Log. Blogs began as online diaries in which writers posted their thoughts and opinions with discipline and openness. A serious blogger wrote every day and was followed by other bloggers. For many of the early bloggers, who were writing before the easy to use Web existed, it became both a religion and a science.

WordPress is an online software that began for bloggers to easily write blog entries using a web browser. It is open source, which means available at no cost. It has developed over the years into a “content managing program,” a CPM, which is capable of doing many more things. It is essentially a file cabinet in the Cloud. It exists on a web servers somewhere.

A newsletter blog post is like posting a news item on a bulletin board or to a news feed than preparing a newsletter for publication. It has a singular focus and is relatively brief. (Mine are typically too long!) Posts are added to a website in chronological order but can be searched and sorted in multiple ways, like notecards.

A Blog Post Is Not an Email Message

A blog post is intended for a wide audience and for “posterity.” It becomes part of the historical record, not just an announcement or press release that will be thrown away. They can be published on a schedule or spontaneously. A calendar of events for the next month might be posted on a regular date, and posts announcing births or other happenings as they occur. Posts on special topics can be posted when completed—Planning a Garden, New Lamps, etc.—or scheduled for later publication.

Blogs Convey Continuity

A blog post is part of a continuous process. Each post is a reminder of the last and the next. That continuity is established more easily than with a newsletter because each post is complete within itself but the blog is “never-ending.” Its past is always present.

Blogs Can Be Spontaneous and Informal

With the ability to post frequently, not all information needs to be collected before announcing an exciting event or be copy edited and perfect. It can be one short paragraph informally jotted down. Who wants to know about a baby born a month ago when it can be announced within minutes? So what if there is no name yet? It can be sent when available. Distribution is essentially free so three short posts can be sent as easily as one long. Frequency can be irritating, but sometimes it is a welcome virtue.

A blog post can be quickly written and distributed with little extra cost beyond maintaining a website (which you should already be doing.)

 Wordpress

Wordpress logoI use WordPress because it is free, well-designed, constantly updated, and used by millions of  other people worldwide. I can always find advice. It can be used on your own website under your own domain or on the WordPress.com website where WordPress will host a blog for you. It is easy to learn by anyone familiar with word-processing program and the web.

What the software does is set up a framework for organizing and sharing information. Think of each news item as an individual snippet. WordPress helps you organize each snippet chronologically and by author, title, date, subject, keywords, etc.  The snippet can always be found by searching any of those elements.

WordPress also keeps track of subscribers so you can distribute these news items as they are published or weekly or monthly. Any schedule you choose. It does many more things but in terms of replacing printed or email newsletters with a blog, these are some of the main advantages.

Pixels, Ems, and Rems

Website design measurements are not inches or even centimeters. They are pixels, ems, and rems. Rems are new. When I opened the Twenty-Twelve CSS (styling) sheet, I was thrown by the new rem measurement. The first thing I did was delete all of them and used pixels or ems. That messed things up pretty well, until I came to terms with rems.

Pixels

Computer monitors have resolutions in pixels. A screen can be 72 pixels per inch (PPI), 124, etc, etc. To size a font in pixels means it will appear as that number of screen pixels. It’s a constant that depends on the number of pixels on the screen. On my monitor has many pixels per inch, so in Microsoft Word, for example, I view documents at 125% in order to see what the page will look like when I print it. On websites, I often have to increase the font in order to read it.

In addition to different pixels per inch on different monitors, pixels are sized in absolute numbers, Each style on the webpage has to be given a specific number of pixels. Since the styles may take pages of code and pixel sizes range from 36 to 8, proportions of various elements were difficult to keep consistent. And if the size or proportions were changed, each of those numbers had to be replaced.

Then ems came along.

Ems

“Em” is a typographical term that refers to the height of a letter. Other measurements on a page of text, like line-height and the proportions of titles and headings, are measured in percentages of ems. On webs pages the size of an em is established by the website designer for the site or each section of a page or the site. If the base font size is set to 16 px other sizes are set a percentages of the base font size, the em. If the base font is 16px, a  smaller font might be set .75 em resulting in 14 px letters. When a base font size is increased or decreased, all the other sizes will change in relation to the base font size.

But they don’t. And there lies the problem.

Measurements, like colors, are established using “CSS,” which stands for Cascading Style Sheet. Styles change in relation to the style above them or in which they are nested in a “cascade.” If the text of a paragraph is set at .75 em, and a quote within the paragraph is set at .25em, the quote will be 25% of 75%, not 25% of the original 16 pixels. With long pages of complex CSS coding, this means sizes can change unexpectedly. Tracking down all the relationships between cascading percentages of ems can take a lot of time—unless you are mathematically inclined and can see the logical (or illogical) flow of percentages cascading on top of percentages. Designers are often not.

On top of that screen sizes began changing. One person would be using an iPhone and another a 24 inch monitor. One person a new retinal display and another a much older 72 ppi screen. Predetermined numbers meant that what was good design on one was unusable on another. Enter rems.

REMs

With the increasing variety of screen sizes and resolutions, programmers began working on “responsive design,” web pages that change according the size of the screen. What can be read on a desktop monitor may be difficult to read on a notebook and laborious on a smart phone. This required either different websites, at triple the design cost, or a web page that would change depending on the device it was being viewed on. Elements had to be able to move around according to the width of screen on mobile devices and the browser window size on desktops. A stable, non-cascading measurement became necessary.

Rem stands for “root em”. Rems work as logically as one expects ems to: in relation to the base font size of 16 px, not the size of the font immediately above it. Current version of all the mainstream browsers and mobil devices support rems, which means they can read them and render a page accurately. As a fall back, however, for those who are not using current browsers, sizes are still set in both pixels and rems.*

More on Rems

 

A good place to watch for updates on CSS changes is CSS-Tricks which features a blog, forums, demos, gallery, snippets of HTML and CSS, videos, and more.

A  (Life Saving) Rem Calculator

And here is a calculator from Foliovision to convert a pixel measurement to rem measurement. Type in your pixels measurement and hit Enter. You will get two results—one for font-size, width, height, margin, padding and the other for line-height.

Responsive Design Calculator: Pixels to REM

*Everyone should be using current versions of browsers. They have better security protecting your computer from worms and viruses and trojan horses, and can use more features on websites. And they are faster. Old version so Internet Explorer are particularly deficient. Those users should definitely upgrade to version 9 or change browsers.

 

 

WordCount

About

http://number27.org/wordcount

Was not working April 24 2020

 

Wordcount.org

 

Another fabulous gem from the UK. WordCount is a ranking of the 86,800 most used words in the English language by frequency of use. Presented in the same format as a timeline—a beautiful timeline. Very minimalist and elegant. Perfectly simple. The design itself is worth the effort. You can also use it to analyze the vocabulary on your site—are the words you are using common, if understanding is your goal, or rare if sounding obtuse is  your goal.

From the site:

WordCount data currently comes from the British National Corpus (BNC), a 100 million word collection of samples of written and spoken language from a wide range of sources, designed to represent an accurate cross-section of current English usage. WordCount includes all words that occur at least twice in the BNC. In the future, WordCount will be modified to track word usage within any desired text, website, and eventually the entire Internet.

You can scroll the horizontal line of words or search for a specific word. Very interesting results. Then you can go to QueryCount that tracks the words that people search. Note: A screenshot of those words would be R-rated.

Death Over Dinner

Death Over Dinner is another let’s have dinner and talk about death movement like the Death Cafe. The introduction by the  founder, Michael Hebb, begins:

On a beautiful June morning in 2012 I boarded a train traveling from Portland to Seattle, and quickly made my way to the dining car. Within a few minutes I found myself in a lively conversation with two strangers, both doctors, and both very concerned about the state of our health care system. What I learned during that conversation was shocking, and the statistic that broke my heart was this:

Nearly 75% of Americans want to die at home, yet only 25% of them do.

I asked the doctors: Do you think that how we end our lives is the most important and costly conversation America is not having?

They said: Absolutely.

And then I asked them this: If I helped create a national campaign called “Let’s Have Dinner and Talk About Death,” did they think I would find support from doctors, patients, essentially everyone?

They said: Absolutely. You must do this!

Death Over Dinner LogoOne month later he and his graduate students in Communications at the University of Washington had signed up over 30 of the country’s healthcare and wellness leaders as Advisors and TEDMED had asked them to take the main stage at their prestigious conference.

His bio on the TEDMED site is very detailed and interesting. He has been hosting dinners on serious topics since 1997. He was described by the New York Times as an “underground restaurateur, impresario and provocateur.” He believes that the dinner table is one of the most effective (and overlooked) vehicles for changing the world.

Michael’s creative agency One Pot specializes in the technology of the common table, seeking to shift culture by using thoughtful food and discourse-based engagements and happenings. One Pot has worked closely with thought leaders and cultural leaders and many preeminent foundations an institutions including the Republic of Gabon, the Bill and Melinda Gates Foundation, the Clinton Global Initiative, the X Prize Foundation, the FEED Foundation, Architecture For Humanity, and the Summit Series.

Why Dinner?

The dinner table is the most forgiving place for difficult conversation. The ritual of breaking bread creates warmth and connection, and puts us in touch with our humanity. It offers an environment that is more suitable than the usual places we discuss end of life.

Frustrating Website — Not a Model to Follow

The Death Over Dinner website is incredibly frustrating. It is described as “an interactive digital platform linking UW masters program students with many national healthcare leaders.” What?

If  you use the link on the front page that says, “Get Started” you end up in a long string of screens that force you to make choices from menus about what you want to read, which video you want to watch, and which questions you want to ask. You make random choices to go to the next screen hoping for information. When you’ve gone through a seemingly endless number of screens, however, you are asked to sign up and then wait for a confirmation email that is not instant.  You wait because you want to enter the site and actually read something about death dinners.

When the email arrives, the information that you randomly selected is included in the body of an email that is in the form of a letter. You are supposed to use this letter to invite your friends to a death dinner. It is complete with homework. All that stuff I selected are things my guests are assigned to read and watch before coming to dinner. Educated and ready to talk.

Incredibly dumb in my opinion. I tried but I couldn’t even read the email. Who talks this way to their friends:

I would be honored if you would take the time to join me and [a few guests (or) add specific names] for dinner and to engage in this conversation. The folks at www.deathoverdinner.org have created a series of three thoughtful conversational prompts for us to explore.

And there is no place to confirm anything. When you go back to the site, if you want to subscribe, you have to register again. And I suspect confirm again. I didn’t try it.

While I waited for the email I finally found the blog. The link is hidden in tiny symbols in the upper right hand corner. A tweet symbol, an envelope, a Facebook symbol, and, oh yes, three parallel lines. That’s the blog. For your benefit, here is the link to the blog:

http://deathoverdinner.org/blog

Finally at the blog, apparently the only information on the site, you are greeted by the usual (and welcome) list of summaries of blog posts. Well enough, until you click through on one. I clicked through on How Doctors Die and was greeted by the same summary. When I clicked the “Keep reading here” link to get to the full post I was instead sent with no warning the New York Times to read an article called How Doctors Die: Showing Others the Way.

A website design that is an example of a noble idea gone awry when implemented by communications majors. The site is beautiful visually but a classic example of incredibly low usability. It reminds me of a Miss Manners request: Could we stop communicating and have a conversation?

 

.

Image Size for Websites

When designing a website, I look again at the latest recommendations for image size for websites, at the best pixels per inch (PPI). This article from PhotoshopEssentials.com (dated only 2013) says, “there’s simply no such thing as a standard web or screen resolution, if your images are destined for the web, you don’t need to worry about image resolution at all!”

Photoshop Essentials 72 ppi Web Image Myth

The old standard resolution of 72 pixels per inch dates from 1984 with the first Macintosh.  Today’s screens are more like 100-150 ppi; for retinal displays, 300 ppi. Each monitor will show the pixels per inch that it is designed to show or a smaller number if the settings have been changed. Resolution only applies to print images.

A file with a resolution of 72 will be very small when printed and cannot be enlarged with a satisfactory result. The top dialogue box in Adobe’s Photoshop programs applies to images on the screen. The lower box, where the resolution and size in inches appears, applies only to printed images. Photograph set to 200 ppi will still be 200 ppi on screen whether the resolution is set to 72 or 300, and the file size will be the same. But the photo will print very small if set at 72.

Typography: Modular Scale

Typecast Logo

Modular Scale sponsored by Typecast is a handy tool for converting type sizes from pixels to ems and beyond. Enter the size of your text in pixels and translate it using one of almost a dozen perfect ratios and the pixels will be translated into ems, ems@16 and %of 13. If you are using rems, this makes it a lot easier.

If you don’t understand any of this, you probably don’t need to. If you want an explanation, please don’t ask me. I have to look up the reasons every time I scale fonts. It’s complicated, arcane, and only of value if you code CSS.

Modular Scale by Tim Brown, Type Manager for TypeKit.

Snazzy Maps

Snazzy Maps is a collection of links to, you guessed it, Snazzy Maps. When a Google Map isn’t enough look a these: Pale Dawn, Midnight Commander, Avocado World, Neon World, and more. A map to match every color scheme.

 

Can creaate your own map. styles colors level of detail, etc.

Stet: A Writer’s Journal

Editorially logo and tagline: The Best Writing is Rewriting
Editorially: The Best Writing is Rewriting

Stet’s full title is Stet: A Writer’s Journal on Culture and Technology. Many wonderful articles on how writing on for the web.

It is published by Editorially: The Best Writing is Rewriting, a collaborative writing forum.

STET’s goal is to demystify writing by drawing attention to how writing works. To that end, STET pairs good writing with notes that explain what makes writing good.

Topics on STET range across culture and technology, with special attention paid to the intersections between them. We aim to be as accessible and interesting to both practitioners and users of technology. You won’t find insider lingo here; you will find astute, well-written, and nuanced takes on subjects both timely and timeless.

The title pays homage to a discussion between writer and editor, in which one or the other marks a change “stet,” meaning “let it stand.” It suggests both discussion and revision, elements which we believe are at the heart of good writing.

Infographics from Visual.ly

The graphic design company Visual.ly specializes in  “visual content,” information conveyed using a combination of images and language—infographics, videos, interactives, presentations. They pull together storytellers, number crunchers, designers, and animators.

Their Infographics start at $999 and are worth every penny. They are delightful and elegant and effective—the magic word.

Their front page is a continuous scroll of their work, which is amazing: Visual.ly. I classified this as fabulously beautiful, partly because it is and partly because it is so unexpected and well-done. An inspiration.

The blog entries explain data visualization: Visual.ly Blog.

Three examples   of staff picks:

English Grammar Verbs

Grammar: Verbs at Visually.
A Beginner

The Beginner’s Guide to Wine from  Visual.ly.
All Sci-Fi Spaceships Known to Man

All Sci-Fi Spaceships Known to Man at Visually.

 

Simple Design, Short Names, No Ads

Triple Threat Websites are simple, and becoming simpler. It takes time to learn to leave out what people don’t really need to know, but we’re getting there.

Simplifying the Internet

Today’s examples of simple are from a post by  on the BuzzFeed FWD website. It includes examples of simple design sites and the new attitude: “Welcome To The New Internet: Simple Design, Short Names, No Ads”

These examples are publishing platforms directed at simplifying and redesigning blogs. John Herrman writes:

In recent months, at least four of the most interesting new startups — all either from or backed by people with deep roots in the current internet, including Twitter cofounders and many of the most prominent VCs in Silicon Valley — have been launched to, in some way, replace the internet. Not add to it, or change some part. These sites want to fix the whole thing: to remake comments, content, and updates with little to no encumbrance from the current web.

Simple Blogging Websites

The Perfect Website

Addressing the key elements of the perfect website as simply as possible is the basis for designing an affordable, effective, and fast website.

The Key Elements

  • Design: Testing on multiple browser capabilities, and screen sizes and resolutions. Valid HTML and CSS coding.
  • Navigation: The ability to find information
  • Usability: Including features that aid users and avoiding those that irritate them
  • Content: Information in the language of your users.
  • SEO: Optimizing a site for search engines is more than improving your rankings, it’s about engineering your site so users can find it using a search engine — clear content and keywords.
  • Social Media: In May of 2011, US web users spent 53,457,259 minutes on Facebook. Nielson reports that people don’t like doing business on Facebook. But a personal website might be effective.
  • Tracking and Analytics: 80% of all websites used Google Analytics in 2011, but the important thing is using the data from your analytics to  learn what your users are reading and looking for on your site, and how they get there. That doesn’t mean being user driven. It does mean looking at what is important to you and measuring it against what your users are viewing. You may need to present yourself more clearly.
  • Footer: Don’t slack off at the footer. Repeat navigation links, include your copyright, and contact information, including your company name.

The infographic from Visual.ly:

The Anatomy of a Perfect Website

Explore more infographics like this one on the web’s largest information design community – Visually.

 

Navigation Guidelines for Better Navigation and Categories

Navigation Guidelines is  report on an e-commerce  study at Baymard Institute which researches the best ways to improve the online user experience. This was an eight month large-scale usability research study on the product-finding experience—a multi-syllabic way of saying how people do or do not find things they are looking for on the web and how they feel about it. The study tested multi-million dollar websites by the best designers. Amazon, Best Buy, Blue Nile, Chemist Direct, Drugstore.com, eBags, GILT, GoOutdoors, H&M, IKEA, Macy’s, Newegg, Pixmania, Pottery Barn, REI, Tesco, Toys’R’Us, The Entertainer, and Zappos. They found more than 900 usability problems.

While most of these guidelines apply to retail shopping sites, the principles can be applied to any site.

1. Don’t Make Parent Categories Shallow. (Also, Have Parent Categories.)

Use parent categories and child categories. Both should be clickable, not just a list of items. Users expect items in a menu to be clickable and they like to explore.

2. Put the Same Subcategory Within Multiple Main Categories When Necessary.

When a subcategory could logically appear in multiple parent categories but appears only in one, users believe it isn’t there when they don’t find it where they expect it to be.

3. Consider Having a “What’s New” Category or Filter.

Some users want to see what’s new — to be inspired or buying a gift — without having to plow through known products.

4. Suggest Both Alternative and Supplementary Products on Product Pages.

Alternatives, substitutes, add-ons and accessories to the product that the user is currently viewing are often hard to find.

5. List “Recently Viewed Items.”

Returning to a a previously visited product becomes needlessly complex using only the browser’s “Back” button or has to re-navigate the categories or reuse search.

6. Create Dedicated Pages that List Compatible Products.

Users have a difficult time finding compatible products and verifying their compatibility when the website doesn’t explicitly state their compatibility or link to the corresponding products. In other words put matching stuff together with matching stuff.

7. Always Link Contextual Images Directly to the Products Shown.

Users quickly grow frustrated when they spot a product in a front page display image but can’t navigate to it.

GoOutdoThe full article can be found here: Navigation Guidelines for Better Navigation and Categories