Getting Started with the Indieweb – Part 1

A segment of a social network

I’ve lately, if you’ve been paying attention to this website, gotten started with a movement called the Indieweb movement. To remind you from last time I mentioned it, the ideas of the movement are:

  • Your content is yours
  • You are better connected
  • You are in control

So, I figured it would be a good idea to write a simple tutorial in case you want to join on this. If you visit the indiewebcamp site, there is a wealth of information. But it seems overwhelming to some. This is my version of things, where I focus on it from the perspective of a non-techie typ. A large portion of the indieweb is about markup. Basically, marking up the elements of your site so they can interoperate with other sites.

  1. Get your own domain name and web hosting. If you want to own your content, you need to rent a place to put it.
  2. Put Up a Site. Will cover more of this. I use WordPress as a platform, which is very simple to set up.
  3. Add Links on the Site to Your Social Network Profiles and Links on your Social Network Profiles to Your Site. These should be marked up with a property called rel-me. This allows you to effectively say that Facebook you, or Twitter you is the same person as your new site, and vice versa. Both have to point to each other to avoid spoofing.
  4. Put up a Bio/About Page – Good to tell people who you are.
  5. Start publishing. What is the point of a worrying about some of this other stuff if you have nothing there.

The above doesn’t get into all the markup I mentioned. This is staking your claim for your little piece of the web. Next, I’ll get into the ‘cooler’ stuff. I’m really enjoying getting involved in this.

This site is running WordPress, which is used by roughly 20% of websites. A lot of the functionality I mentioned, as well as what I’ll be talking about on this in the future, can be put into WordPress using plugins. This includes things like syndicating content to other sites and importing content from those locations. It has given me an excuse to start developing and redeveloping code to support this.

So, some of those who follow me may find me being a bit more techie than normal.

 

Reposted https://www.youtube.com/watch?v=h80l4XIPJC4 (youtube.com)
In 1964, Bob Dylan wrote My Back Pages as one of the last songs he composed for “Another Side of Bob Dylan.” The original version was not as popular as the one above, recorded by the Byrds three years later.

The song has been stuck in my head today. With the song, Dylan comments on what he once accepted and now doubts, and to a degree, celebrates where he is now.

Memories

I imported all of my old Livejournal posts from a decade ago into WordPress to store them and purge them from Livejournal. Also appears I accidentally autoposted some of them to Twitter and Facebook. I’ve deleted them, but many of you may have seen them.

Something of a stupid mistake. Many of them were private at the time, and were supposed to come unpublished into the system for review. But, it is also evidence of how I’ve matured over the years, I suppose. You come to the realization of how you felt at different times in your life, which is why I moved the old entries in the first place.

It reminds me of why my sharing on the internet is so limited. Once you say something, you can’t unsay it, or delete it.

Design Obsession

One of the essential principles of the Indieweb is selfdogfooding: Using your own creations on your own personal site. Those who have been following this effort see I continue to make changes. But, what is interesting as I work on design is how the little details can drive you crazy. It is surprisingly challenging.

 

statustest

This is an example of a standard status update on the site. The blue icon is the comment icon, and next to it, linked to same, is the number of responses. I can’t help thinking that I don’t need both. But the rest of the line has an icon and information: Status and the Status Icon, the Time and a Time Icon, the Shared Icon with the icons of the sites I syndicated the post to.

If you look at this, which I classify as an article, not a status update, some of that information migrates to the top.

I also wanted to add a business card like area in the sidebar.

card

This is not a finished feature…but I’m innovating in public. I spent a lot of time on the other site, but this part is just temporary. You can see the icons that indicate places I syndicate copies of these posts to. I really like the look of those icons, however, they don’t quite fit on the full version on the site. It looks fine if it is on a phone(Yes, the site scales for mobile. Try it.)

Then we get to the profile box. The picture is too big. I probably need a new profile picture anyway, but I’m usually behind the camera, not in front of it. We’ll see what else I can do with this. I’ve been looking at other sites and how people do these sidebar bios.

There actually has to be a picture of me on the front page of the site, much as I don’t really want it, for syndication purposes. The photo is used as an icon for the link should anything I say be replied to elsewhere.

There will likely be more exploratory posts like this. So, here I am, worrying about the smallest detail. No wonder designers boast about chamfered edges and all sort of things users don’t normally focus on. I’ve never heard anyone say…”I see you picked Helvetica as your font. Great choice.”

More on exploring this to come. Feel free to comment on whether you want to hear about it or not. You can comment on the site or over on any of the syndicated networks. It will come back.

 

I’ve Joined the Indieweb Movement

Those of you following me on various networks may have noticed a flurry of different types of posts coming through. Taking a moment to explain this.

I recently learned about the Indieweb movement. Their philosophy is based on the idea that you publish on your own site and syndicate elsewhere. This matches up with the philosophy I currently have.

This site, david.shanske.com, has been here for a while, not doing much, and I’ve decided to try and adopt the Indieweb concept and use it as a place to distribute to all of the various social networks. I also want to get into sharing more, and am making an effort to add content/value.

I’m still working on the formatting a bit. So, there will be some changes to site appearance as I play with the site appearance and organization.

The site currently offers multiple different types of content:

  • Articles – longer form content
  • Notes – Notes are short content, and I’ve divided them into some types.
    • Status Updates – much like what you would expect on Facebook/Twitter
    • Photos/Images – Sharing photos
    • Links – sharing a link to a website/story

I am thinking about adding some more types as needed. The types are designed to have different display formats, which is why you would see some experimenting each time I post something, as I’m still trying to get it right. I do like to tinker and changes may come.

So, please pardon our appearance. Under Construction…permanently.