Protesting SOPA

I’m not going dark today, but I am well aware of the potential effects of SOPA/PIPA on web sites. Instead, I choose to share this video that explains the issue. You can take action by signing a petition at Fight for the Future.

PROTECT IP / SOPA Breaks The Internet from Fight for the Future on Vimeo.

You may also be interested in the lively discussion taking place on BlogHer about danah boyd’s article We need to talk about piracy (but we must stop SOPA first).

As an author, I completely agree with the rights of those who create intellectual property of any kind (words, music, movies, whatever) to be compensated for their work. It’s how we deal with the piracy issue that’s up for debate. That’s what danah boyd is talking about in the article.

 

Liz Castro: Outstanding Woman in Technology

Elizabeth (Liz) Castro is a tech writer who has been influential in the growth of web design and the Internet since the 1990’s. Her website is elizabethcastro.com. Her blog is Pigs Gourds and Wikis. She’s a mentor of mine, and a source of information for literally millions of readers who want to know something about topics like HTML. I’ve used her books both to learn and to teach others for years.

She agreed to answer a few questions when I approached her recently. Let me introduce you to this outstanding woman in technology and Catalan enthusiast, who is also full of fascinating information about sociolinguistics.

Liz
Image Credit: Liz Castro

Q: I recently received a copy of the 7th edition of your Peachpit Press Visual Quickstart Guide to HTML and CSS. This one is titled “HTML5 and CSS3.” It occurred to me that you have owned the topic of HTML—since before CSS even came along. The book has been a best seller since the first edition in 1996. You’ve educated several generations of web designers in the intricacies of HTML and CSS – an amazing accomplishment. How did you first get started with Peachpit Press and this topic?

A: Totally by accident, just as with other really important parts of my life. I had just finished working on an update to The Macintosh Bible when I got a phone call, coincidentally on my birthday, from Ted Nace, who at the time was the publisher at Peachpit Press. After we finished talking about the update, he was about to hang up, when I said, “Ted, I really want to do a book by myself.” He rattled off a list of topics that they were looking to do books about, and HTML was the last one on the list. I didn’t know very much about it but was intrigued by the possibilities of the very new world wide web. I remember that during the summer of 1995, when I wrote the first edition, I thought it would be impossible to fill an entire book with what seemed like a very rudimentary markup language. It’s come a long way since then.

Q: You wrote books about the Netscape browser, XML, Perl and CGI, Blogger, iPhoto, and EPUB. How did your education and background prepare you to write about all these technical topics?

A: That’s an interesting question. I majored in “Spanish Studies” in college, an individualized course of study that I designed which included Spanish, Catalan, and Basque, literature, history, and sociolinguistics. Not exactly what you think might prepare oneself for a career in technical writing. But then I moved to Barcelona—partly to study bilingualism and partly to vaguely follow my Spanish roots—and happened to get a job in a computer company who wanted to localize their homegrown OCR software for the American market. In addition to that project, I also managed the localization of the software that they distributed in Spain—programs like PageMaker (1.2!) and Farallon’s Timbuktu. I then began a small publishing and localization firm whose first projects were the translation and publication of The Macintosh Bible and the first localization into Spanish of Adobe Photoshop.

While I never did any of the translating, since I’m not a native Spanish speaker, I did most of the editing and a fair bit of the layout and production work. Those two projects were instrumental in forming my technical writing voice. I admired and was inspired by Arthur Naiman’s fierce advocacy for Mac users in “The Macintosh Bible”, and also developed a skill for finding and appreciating tips and tricks. From the Photoshop manuals, I learned to explain techniques, but also how to decide what needed to be discussed and in what order. It frustrated me that they explained how to use features without explaining why you would want to.

Together, those two projects helped me make my own writing more practical, more specific, and more focused on the reader.

Q: What is it about technical topics, the Internet, and the growing influence of online sites and social media that keeps you interested? Where do you think we are headed in terms of technology?

A: I am an idealist at heart. I believe in democracy and that people are generally good. What inspires me about the Internet is how it continues to level the playing field and helps people to have a voice. In the early days of my HTML book, I encouraged readers to send me links to their pages. This was before Google, when Yahoo was a directory of almost countable websites.

I remember feeling so inspired by all those people and all the interesting things they had to say. It really gave me confidence in the world and the human race.

The internet is the ultimate equalizer. Twitter, my favorite tool of late, simply furthers that process. Follow your mentors online and engage them in conversation, and mostly, they answer. It is the antidote to starry-eyed idealization of celebrities and VIPs. We are all very important.

Q: You’ve done quite a lot of translating from Catalan to English. You have a publishing house called Catalonia Press, and you report on Catalan news in English using the Internet. Can you expand on that interest?

Vall Fosca, Catalan Pyrenees
Catalonia Image Credit: Liz Castro

A: It’s kind of a long story. My great-grandparents left southern Spain at the turn of the century to work in the sugar plantations in Hawaii. My grandparents grew up in the US in an extended Spanish speaking community. My Dad spoke only Spanish until he entered school. I remember when I was little, the only thing that I wanted to do when I grew up was speak Spanish. And although I started at the Wharton School studying entrepreneurial management, I eventually ended up majoring in what I loved: Spanish. But most American universities focus on Latin American literature instead of language and history which interest me much more, so, during my “junior year abroad” at UC Berkeley, I signed up for a class in Catalan. I didn’t know what it was at the time. Serendipity again.

My professor was a Brazilian guy who had us read “Avui”, the Catalan newspaper, and sing both nursery rhymes and the Catalan anthem. More importantly, he also explained Catalan linguistic policy. This was in 1985 only two years after the approval of the Law of Linguistic Normalization, which was the Catalan autonomous government’s principal tool for promoting the use of Catalan which had been pretty brutally suppressed during 40 years of the Franco dictatorship. I was 19 years old and wanted to right injustices. And the topic of language pulled me in. What circumstances made people who spoke two languages choose one or the other? How was it affected by politics?

And then I happened upon the Summer Catalan University while traveling in Perpignan (French Catalonia) with a friend. I ended up attending during the summer of 1986 and I’ll never forget how it felt. First, because I was an American who spoke Catalan (albeit very simply, with a fair bit of Spanish and French mixed in), they treated me like a rockstar. I was interviewed on the radio and in the local press. People came up to me in classes and introduced themselves. They followed me around and asked me all sorts of questions. But second, because when they talked about themselves, I realized that they had something I didn’t: a feeling of belonging, of nation, of identity.

I know now that I’m very American, that I do belong, that I do have a place, here, in the US. I love my own country, with all its warts. But back then, I hadn’t thought about it very much. I wasn’t anti-american, so much as oblivious. But these Catalans, boy they knew who they were. And again, I was drawn in. I wanted to know more. When I finished my contract in the US (teaching Spanish at a private school in New Jersey), I decided to move to Barcelona.

I arrived in the fall of 1987 with just enough money to stay for two months. I ended up living there for six years. I never thought I’d leave. I felt more at home there than I had ever felt anywhere else. My Catalan got so good that sometimes I felt like a spy with people who didn’t know I was American. I ran a publishing company, and mostly we translated our books into Spanish, since the Catalan market, though significant, was just too small for our already Macintosh-focused books.

The strange thing was that I never felt like I was living in Spain. When the folks at my new job found out that I knew a little bit of Catalan, they never spoke Spanish to me again. Literally. Lunches (two-hours with 10-12 geeks and lots of wine) were amazing intensives in language and linguistics. I watched, amazed, as people switched from Catalan to Spanish when addressing the few monolingual Spanish speakers, and then back to Catalan when their eye fell back on a Catalan speaker. Most of the people that I knew preferred to speak in Catalan but amiably switched when their interlocutor spoke in Spanish.

But my studies in sociolinguistics had taught me that bilingualism is a tenuous, unstable situation. Minority languages tend to disappear. Catalan is sort of a special case as it has traditionally been the language of the middle class and has a certain prestige, with a thousand-year old history and a canon of literature. I found that my computer friends spoke Catalan while waiters, taxi drivers and rich Catalan tennis players and aristocrats tended toward Spanish. I learned the rule that once two people start a relationship in one language, they almost never switch, even when they speak to everyone else around them in the other language. I learned that people would talk to me for a half an hour in Catalan, and then switch to Spanish when they found out I was American, even when I insisted that my Spanish had gotten pretty rusty. I found it fascinating.

And then there’s the politics. It turns out that Spain does not cherish its Catalan autonomous community, but instead, regularly vilifies, demeans, and belittles it. The press is rife with anti-Catalan sentiment from the rest of Spain, and there are frequent boycotts. Everyone has their own anecdote. One of my writers, Matthew Tree, tells a great story about a journalist berated by a taxi driver in Madrid for speaking Catalan, since “we all speak Spanish here”, but when told it is Italian (though it’s not), completely backs off. I still remember on a trip to Madrid how a hotelier who had been perfectly friendly, upon finding that my friend and I were from Barcelona, sighed and frowned and assured us that she didn’t think we were as bad as the rest of them.

To add insult to injury, Catalans pay some 10% more in taxes than they receive back in infrastructure and investment from the Spanish State. Catalans are expected (and generally willing) to exhibit solidarity with poorer parts of Spain, but then look on flabbergasted as the central government decides to build the high-speed rail line between Madrid and Seville instead of between the principal ports of Barcelona and Valencia and the French border, or how there are brand new schools, hospitals, freeways, and airports in rural, less developed areas of southern and central Spain, while Catalan schools age, hospitals are overcrowded, commuters pay exorbitant tolls on most highways, and international airlines are restricted from flying directly to Barcelona.

Since most international media in Spain is in Madrid, Catalonia rarely gets a chance to tell its side of the story. So as an American who loves language and justice too, I quickly turned into a strong advocate for Catalan and Catalonia. Last year, my family spent the entire year there, and I found that my skills with EPUB could help spread the word about a country that I love. I published two books in English about Catalonia: “What Catalans Want: Could Catalonia become Europe’s Next State?”, by Toni Strubell and Lluís Brunet, and “Barcelona, Catalonia: A View from the Inside” by long-time London-born Barcelona resident, Matthew Tree. And I have a number of new projects in the works.

I was just in Barcelona a few weeks ago to receive a prize from a very prestigious cultural organization, Òmnium Cultural, for publishing books about Catalonia outside of Catalonia, and I was struck by just how much at home I feel there, how much I love being there, how much a part of me it has become. My grandparents and great-grandparents had no idea what Catalonia was—it’s funny how they led me there.

That was probably a longer answer that you were bargaining for!

Liz Castro
Image Credit: Liz Castro

Q: The Pigs part of your blog name must refer to the fact that you’re a “small-scale farmer.” What does that mean?

A: It means that my family and I live on a small farm and try to raise a fair amount of our own food. We have raised pigs, cows, rabbits, sheep, and chickens, though these days we have just the latter two. But it also refers to this idea of self-reliance and independence. And also to the simple fact that homegrown food tastes a lot better—and is often safer and more healthful—than what you buy at the store.

Q: What other interests do you have? How do you like to spend your free time?

A: Lately I’m totally consumed with ebooks and Catalonia! Still, when I get a little time, I love to make things: out of gourds, out of yarn, out of cloth. It’s not so different from crafting things out of bits and words. I also love to spend time with my family—lately we’re in a Settlers of Catan phase.

Q: Is there something I didn’t ask about that you want to mention? Something about women in tech or your writing process or your favorite recipe or what you think about “The Girl with the Dragon Tattoo?” You’re free to share whatever you want.

A: Thanks, I better get back to work!

[Note: Cross-posted on BlogHer]

Should Your Blog Use Responsive Web Design?

Two trends converged during 2011. One from the world of Internet connected devices and the other from web site design world. Statistics show that more people are connected to the Internet through some sort of mobile device than through a desktop or laptop computer. Web designers are scrambling to make sure that web pages are going to work on all those devices – phones, tablets, and computers.

spark box responsive design
Image: Spark Box

The direction web designers are heading in this quest for universal access is called responsive web design.

Responsive web design is a way of organizing information and page layout so that a web page responds in an appropriate way to the device on which it’s viewed. On a large screen, the page might have two or three columns. On a tablet sized device it might have two columns. On a phone, it might have one column with simplified navigation. The images and the font sizes might be adjusted to fit the size of the device, too.

Want to see some examples of working sites that use it? Mediaqueri.es has a lot of examples. You can click through to look directly at each of the examples, such as the one at Spark Box. On Mediaqueri.es, the examples are shown in four sizes so you can see how each design looks at different widths like this example, The Boston Globe.

boston globe responsive design

 

It’s the same content in every case, it simply responds to the device with a different presentation of that content. Even if you only know a little about web design, you probably know that content and presentation are code words for HTML (the content) and CSS (the presentation).

Stay with me here on the content and the presentation. The HTML stays the same for every device. (Of course, the HTML you start with must be thought through so that your content can be laid out effectively for different devices. See Fluid Grids for more detail.) Add to that a few CSS rules aimed specifically at different types of devices. These CSS rules are called media queries.

Media Queries

Here are the rough basics of media queries.

In a media query, you specify a media type – screen, for example. Then you set up a feature for that particular form of media – width or color, for example. Check my fact sheet for a list of all the features (like screen) and resolution sizes for which you can write CSS rules.

You can put media rules in a separate style sheet for each device. If you do it that way, the link to the separate stylesheet looks like this:

<link rel="stylesheet" media="screen and (max-device-width: 480px" href="example.css">

In that linked stylesheet, you write rules that determine the display for any screen device with a maximum width of 480px, the width of an iPhone in landscape mode.

You can incorporate media queries into your existing stylesheet with @media rules. If you do it that way, you add this to your stylesheet.

@media screen and (max-device-width: 480px) {rules here}

At this point, all you have is the media query. You don’t have the style rule changes to make the design respond for various media features. Let’s say that your blog, at its computer screen width, has two columns. One floated left called “main” at 66% of the width and one floated right called “sidebar” that is 33% of the width. Here’s how you would turn off that layout for devices with a maximum width of 480 px.

@media screen and (max-device-width: 480px) {
#main {
float: none;
width: 100%;
}
#sidebar {
float: none;
width: 100%;
}
}

Now the two columns will line up one under the other, and look like what you see in the left-most image from the Boston Globe example above.

There’s a lot more to it, but that’s really all it involves: tweaking the CSS for various devices. For more in depth information you can check out the following.

Are there Blog Themes for Responsive Designs?

Yes, there certainly are. wplift has a list of both free and paid WordPress themes you can look through. Here are the Premium Themes. If you use the Genesis theme popularized by CopyBlogger at Studio Press, responsive designs are available for you. Search for responsive designs for your particular blog platform and you’ll probably find several choices.

Should You Rush Out and Get Responsive?

Well, that depends. You should investigate your audience and the sizes of devices that are using your site. Is your site one that people are reading at their leisure on a big screen, or one they are doing something with while on the run?

A while back, I wrote about some Useful WordPress Plugins for Your Blog. One in particular, WPTouch, made your WordPress blog more mobile friendly. I have that one working on my own blog now and don’t feel in a big hurry to choose a responsive theme yet because of it. You may feel pretty well covered in the mobile department in the same way I do.

On the other hand, I know the trend toward mobile is only going to grow. The need for web sites to look good and work easily on mobile devices is going to grow along with that trend. While there’s no rush, but there is the need to think about responsive design, learn about it, and choose a time to adapt to the idea of mobile design as an important consideration for your blog.

Have you Already Gone Responsive Design?

Do you have a blog that has already taken this design route? Please share.

Note: Originally written for BlogHer and cross-posted there.

Women Take Note: BlogHerEntrepreneurs ’12

BlogHer announced the second annual BlogHerEntrepreneurs Conference, focused on business, entrepreneurism and technology, which will take place on March 22-23, 2012 in Santa Clara, CA.

There are only 100 seats available for this conference, so register quickly.

If you’re a woman who has a big idea that involves technology, the Internet or social media, we have an opportunity for you. With the leadership of 50 pioneering entrepreneurs, technologists and business leaders, BlogHer is hosting a special event for women who want to start something.
Lisa Stone

Here are some instructions from the announcement by Elisa Camahort Page:

Who Should Attend and What You Need to Make the Most of It

Here’s what you need to attend:

(1) An idea. Or a fledgling business. Or both.
We invite you to attend if you have a big idea and need encouragement to build it into a business. We invite you if you already have your seed or angel funding and want to take it to the next level. We invite you if you want to lead an innovative new program or initiative at your company. Are you anywhere in between? Great — join us!

(2) Do your homework.
This year we will be focused on providing more informational resources as we get closer to the event, a path to follow to make the most of the conference. Generate talking points about your idea, concept or business. Bring a full-blown pitch deck or business plan, if you have one. And if you don’t have one, you have until March 22, and we’ll be there to help.

(3) Invite men from venture capital, technology, business and entrepreneurship
One final point, so as to be explicit: Men are absolutely and enthusiastically invited to attend this event. Lisa, Jory and I have met dozens of men in the industry — from VCs to engineers — who openly seek our advice on how and where to recruit women for their start-ups and businesses, and who contribute thoughtfully to the discussion about women in tech. So yes indeed, we invite men interested in funding, hiring or advancing entrepreneurial women to please join us. And if you know women who would benefit from this event, contact Kristin Auger about sponsoring a table of them!

You can see the agenda in the event announcement.

Go. Get help and inspiration. Start something.

You and other bloggers can help generate jobs

lets create jobsBlogHer is  partnering with the folks at Starbucks and Opportunity Finance Network to get the word out about the new “Create Jobs for USA” initiative that will launch on November 1st.

Check out this post by Lisa Stone – Here’s how we can Blog Americans Back to Work.

Here’s how BlogHer explained it.

Starbucks is donating five million dollars to seed a fund at the Opportunity Finance Network, which in turn will provide capital grants to select Community Development Financial Institutions (CDFIs). The CDFIs will provide loans to underserved community businesses, including: small business loans, community center financing, housing project financing and microfinance.

Beginning November 1st, you may donate to this fund through the createjobsforusa.org website, or at Starbucks, and 100% of your donation will go directly to the fund. Donors who contribute $5 or more will receive a red, white and blue wristband with the message “Indivisible.”  Every $5 donation will result in $35 in financing to support community businesses, because the CDFI lenders will issue $30 in financing, on average, for each $5 donation.  You can read about some of the fantastic success stories at the Create Jobs for America site.

I don’t know about your family, but this economy is having a profound adverse effect on my family. I’m proud of BlogHer for lending their support and their blogging network to spread the word about this project. I hope you will consider giving $5 to this fund.

It’s time to speak up about online harassment

BlogHer and many other organizations are lining up behind a campaign to stop bullying. It’s called Stop Bullying: Speak Up. You can join in at Facebook and take a pledge to help. You can also get a widget like this one that allows others to participate.

There are a constant stream of blog posts by women in the tech world who have been harassed, bullied, and intimidated by online haters and trolls. I hear about it from women in private conversation again and again.

The tech world loses women because of this – women who are smart and who make valuable contributions. Kathy Sierra is a famous example of the loss of a valuable contributor to the conversation about how to make technology work better for people. (See the recent post: Kathy Sierra speaks out on the nymwars and hater comments.) Women are reluctant to speak at conferences, even when they have something valuable to contribute, because of the online harassment that often follows a woman after a public appearance. Now the tech community is losing Skud, who explains about her harassment and her struggles in this post.

The prevailing wisdom has been “don’t feed the trolls.” But that is changing to a philosophy of calling out names and exposing trolls. Skud is doing just that: giving names, IP addresses, and trying to uncover the hidden identities of offensive online bullies.

Another blogger who is urging women to speak up is s. e. smith from Tiger Beatdown. In On Blogging, Threats, and Silence, she said,

All of the bloggers at Tiger Beatdown have received threats, not just in email but in comments, on Twitter, and in other media, and the site itself has been subject to hacking attempts as well. It’s grinding and relentless and we’re told collectively, as a community, to stay silent about it, but I’m not sure that’s the right answer, to remain silent in the face of silencing campaigns designed and calculated to drive us from not just the Internet, but public spaces in general.

We’ve lived in an online culture where the advice is “ignore the trolls and they will go away.” But that advice isn’t working. Sweeping it under the rug isn’t working. Pretending that it’s okay because it’s directed at women isn’t acceptable. Laughing about it isn’t an option.

Women can’t change the culture of abuse toward women by themselves. Women need men to speak up. Men who will let other men know that online harassment and bullying of women is not acceptable to men.

A Bloggers Guide to HTML5

Are you someone like me who thinks HTML is the most interesting topic on the planet?

No?

Not surprising, really. Most people have other things to think about.

But even those among us – you! – who would rather think about other things have probably noticed a lot of headlines and blog posts that talk about HTML5. Maybe you’ve wondered if HTML5 is something important enough for you to start thinking about. Maybe you’ve noticed that WordPress themes are coming out in HTML5, such as these from WPMU, and you’ve thought about whether you should switch to a new theme on your blog. Maybe you’re worried that your current blog/web site will be out of date if you don’t make a move to HTML5.

This post is for the wonderers, the worriers, and those who are only marginally interested in HTML. I’ll do a little ‘splainin’ that may help you learn enough to make some decisions.

html5 logo

Fact One: HTML5 is still HTML

If you know a little about HTML already, everything you know is still good and still works. HTML5 is an evolutionary growth step, it’s not a completely new invention. HTML5 is backwards compatible. It works with whatever version of HTML or XHTML you already have on your web page. Here’s the kicker – you can take an existing web page and change it to HTML5 with just a few keystrokes.

Change the DOCTYPE to HTML5 and you’re suddenly using HTML5. For example, your existing DOCTYPE (it’s the first thing in the code on your page) might look something like this:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

If you replace that with the DOCTYPE for HTML5, your web page would still work. It would still look the same. Backwards compatible, remember? What’s the new DOCTYPE?

<!DOCTYPE html>

That all there is to it. Several other things are much simpler in HTML5, like links to scripts and stylesheets. Nice, eh?

Fact Two: Choose Your Own Syntax

What if you’ve been using XHTML – with all those forward slashes at the ends of tags like <br />? In HTML5, you can still use that type of syntax if you want it. Or you can do the plain old <br> minus the XHTML required forward slash. You can write HTML the way you like best. For example, you can capitalize tags if you want to, like this:

<IMG SRC=”myimage.jpg”>

You can use quotation marks or not. So you could do this:

<img src=myimage.jpg>

HTML5 can deal with all of it. Nothing will get broken and not work.

Fact Three: New HTML Elements

There are some new elements. Some are meant to make things more semantic. Most HTML tags are self-describing. This semantic self-description among HTML elements is a very good thing. You document makes more sense to both humans and machines if the correct tags are used to mark up the content as whatever it is semantically meant to be – for example a list or a heading.

Bloggers might really be interested in the new <article> element. Think of an article as a single unit, something you could pick up and move around. Like a blog post. Each post on your blog could be an <article> in HTML5. Inside that article there could be the new <header> element with the post title, and the new <footer> element with info like the author’s name, or permalinks, or comment links.

We’re used to thinking of pages only having one header and one footer, but in HTML5 other elements can have headers and footers when they make sense – and there’s an tag for that.

Fact Four: New Form Types

You might have noticed this implemented on your phone already, though most browsers aren’t doing it yet. There are some new input types for forms, for example email, website, and phone. When you use one of those types in a form field, you get a keyboard to match. For example, if you were asked to enter an email address in a form field that was type=”email” the keyboard shown might include an @ and a period. Other new form elements may help make it easier to pick a date or select from a range of numbers.

email keyboard

More? Yes, There’s More

There’s more. There’s always more. For example there are new <audio> and <video> elements, but using them is still a pain. There are lots of other new tags and form types I didn’t mention. And there are related technologies that make HTML5 look really cool, like CSS3.

While I didn’t tell you everything, I hope I did tell you enough to help you decide if you want to learn more, and to not be frightened if you want to use a blog theme or template that’s written in HTML5.

Cross-posted at BlogHer.