Archive for August, 2010

Blogging For Web Designers: Editorial Calendars and Style Guides

Smashing-magazine-advertisement in Blogging For Web Designers: Editorial Calendars and Style GuidesSpacer in Blogging For Web Designers: Editorial Calendars and Style Guides
 in Blogging For Web Designers: Editorial Calendars and Style Guides  in Blogging For Web Designers: Editorial Calendars and Style Guides  in Blogging For Web Designers: Editorial Calendars and Style Guides

A few years ago, you might not have pointed out during a meeting with a potential client that you maintained a blog. Over time, though, blogs have evolved from the being a personal hobby to a serious work tool. In fact, today, web designers are supposed to know much more than just how to design and build websites. Customer’s expectations have increased, and unless you are in position to choose your favourite clients, meeting these expectations requires hard work.

Hence, it’s important to keep learning about the variety of design-related fields every single day — be it marketing, psychology, business, copywriting, publishing or blogging. This article doesn’t cover “traditional” web design discipline as we know it, but goes a bit beyond it, exploring various writing, blogging and online publishing strategies. Apart from that, we present some useful writing style guides that may help you educate your clients on their copy for their upcoming project.

Calendars in Blogging For Web Designers: Editorial Calendars and Style Guides
Image credit

Good news: you don’t have to reinvent the wheel every time you are about to start and run a blog. Many bloggers have already shared their best tips on how to run a blog efficiently. One of those tips is to set up an editorial agenda. Blogging may sound like a spontaneous activity, but it can also be planned. While this might sound obvious to professional bloggers, applying the idea to less regular posting schedules is not a bad idea. Some will benefit greatly from looking ahead. Writing and posting according to your inspiration is great creatively, but it doesn’t exactly make for consistent work. While planning can have its drawbacks, it does come with many positive effects.

Compiling a list of brilliant posts waiting to be published is not enough, though. Polishing the quality of the posts is important, too. Unfortunately, spelling is not the only thing to check. Style guides are useful to many people other than those who run newspapers and magazines, and certainly to bloggers. In reality, this is what it takes to conquer the world.

[By the way, did you know we have a free Email Newsletter? Subscribe now and get fresh short tips and tricks in your inbox!]

Editorial Calendar

An editorial calendar outlines the editorial content that is planned for the coming few weeks. Financially speaking, it can be useful for advertisers to know on which day to run a particular ad, but in this article we’ll consider only the benefits for you and your readers.

Creating discipline will change your relationship to your blog, and in visible ways. An editorial calendar will affect both your writers and your readers. The key is consistency. Calendars don’t have to be extensive to be efficient, even though newspapers and a few blogs have calendars that cover as much as an entire year.

Why Is It Useful?

From the writer’s point of view, a calendar has numerous advantages. First, seeing the long term encourages them to look at the big picture, an excellent habit. It also helps establish credibility because all your content will have to make sense in the context of that schedule.

Secondly, by knowing which articles will be published when, you are able to better plan your personal work schedule. If you want to write an upcoming article now, great. If not, you now know when you’ll have time. By exercising discipline, you are able to focus on the things that matter, which Jonathan Thomas calls a good blogging habit:

You’ll create a production state of mind, meaning that you’ll get in the habit of writing a post a day, or even writing them all in one day and scheduling them to post. This will make the creation process much easier to begin and end.

Why not exploit this window of opportunity by tackling some in-depth articles or developing an interview series? Imposing deadlines on yourself lets you organize research to support your writing or to contact experts for commentary. Planning ahead this way makes it easier to write features stories and to deliver higher-quality content to readers. It also helps you grow faster professionally.

A lot of it has to do with motivation. You have to recognize that finishing your posts on time while dealing with all of other tasks is do-able. Motivation is critical to writing more and planning content ahead. It’s a virtuous circle. Rather than juggling ideas for hundreds of post a week, you will focus on a few and actually work on them. Organizing content helps you to organize ideas, and by the end, you’ll likely end up with even more interesting ideas in the editorial plan.

Drawbacks

Of course, calendars do have their drawbacks, otherwise every single blog would be using one. The most obvious drawback is that sticking to the plan can be hard. Having a plan on paper is great, but what happens when your Thursday post isn’t ready? Readers won’t be pleased that you’ve broken the unspoken contract. You’ll want to think about who has access to the schedule. Keeping it mainly to yourself and revealing it only occasionally can be a good idea and can generate a little excitement.

Readers won’t be the only ones disappointed. In most cases, an editorial plan functions as a kind of pledge by the blogger to follow a better workflow. A calendar can certainly raise the bar, but it should be motivating and not too difficult to keep up with. This is why having reasonable deadlines is important. Even if you miss one, remember that stuff happens, and it’s not the end of the world.

Which brings us to the last point: flexibility. A calendar shouldn’t restrict a blog’s potential, especially if the blog has more content than it needs. If a great story comes along that is time-sensitive, so be it: calendars can and should be adjusted. Content trumps all else.

Getting Started

18 in Blogging For Web Designers: Editorial Calendars and Style Guides

  1. Sit down, take a sheet of paper and list the themes and topics you will be covering. Starting an editorial plan takes time. The more precise you are, the easier it will be to organize.
  2. Define your categories and tags.
    While simple to do, a few rules will make the process more efficient:

    • Use only as many categories as you really need—don’t overload them;
    • Make the labels short, unique, descriptive and reader-friendly;
    • Assign one category to a post, and then use tags for more description;
    • Use sub-categories only if you really need them.
  3. Balance both form and content.
    Mixing feature with shorter articles is good because it lightens your workload without sacrificing regularity, and also because it’s easier for readers to follow. Bear in mind that you have already defined your categories, and now is the time to figure out how to mix them. Keep in mind also that a diversity of content is always appreciated by readers.
  4. Determine your themes.
    Now you can spice things up by creating themes for the days or weeks. This has two benefits. First, it puts readers on a schedule. If they know what to expect and when, they will be more inclined to return. Secondly, it saves you from having to think of a theme or idea for each day. Here are some examples you could use:

    • Tutorial and how-to
    • Review
    • Short tips
    • Bookmarks round-ups
    • Ask the blogger, reader Q&A
    • Columns
    • Lists
    • Debates and polls
    • Features
    • Ongoing series
  5. Decide when to publish.
    Consider two things. First, when will you have time to write? If you’re behind schedule, on what day would you most likely have time to write a feature story? When will you be busy and have time to write only a short article? Secondly, some days are slower than others, so you might want to save your brilliant feature for the middle of the week. Here is an idea of what you could do:

    • Monday: short tutorial
      A helpful tutorial is a good start to the week.
    • Tuesday: feature
      Show the world your big story. It’s a good day for visibility.
    • Wednesday: tips
      A post that doesn’t take much time to write and prepare will be good for you in the middle of the week.
    • Thursday: review
      The weekend is coming, and if your work is not done, Thursday can be stressful. Time for a quick-and-dirty review.
    • Friday: list
      The weekend is here. Time for a list from which readers can quickly take what they need.
    • Saturday: poll
      Take advantage of the weekend to pose question to your readers.
    • Sunday: useful links
      You could post the links that you collected during the week.

Setting a Schedule

When you set up your schedule, be fair to yourself and realistic. Ask yourself honest questions. And always remember your goals: realistic objectives, diversity of content and forward-thinking.

  • How long ahead should I plan?
    Normal practice is about two weeks ahead.
  • How often should I post?
    It could be once or several times a day, a few times a week, whatever works for you.
  • How often should each category appear?
    Try to balance the categories so that the content is varied.
  • How to balance features and shorter articles?
    Depending on your blog’s purpose, you may want to publish a feature every day or every week.
  • Who does what and when?
    If you have multiple authors, make sure everyone knows what is expected.
  • How much quality content can I ensure?

171 in Blogging For Web Designers: Editorial Calendars and Style Guides

Whether your scheduling tool is as simple as an Excel sheet or as sophisticated as dedicated software, the important thing is that you feel comfortable with it. You can download a weekly spreadsheet template for 2010 for OpenOffice or Excel. Of course, creating your own calendar could work even better: just a few columns with succinct information. You could use the following headings:

  • ID or number,
  • Date of publication,
  • Title of post,
  • Category and/or tags,
  • Basic intro,
  • Description or main points,
  • Links and resources used.

Taking it a step further, by maintaining an SEO-friendly editorial calendar, you would be organizing the blogging process in a way that supports your SEO strategy.

Going Further

It makes sense to start blogging when you have at least a week of content ready, preferably more. And then you can’t rest on your laurels. Keep an eye on what’s coming up; you should constantly be collecting ideas in an efficient way. When are you most likely to think of great post topics? If in the morning, then wake up 10 minutes early to write down your ideas. Constantly searching for new topics is great, but writing them down is even better. If you make a habit of adding topics and basic points to your list, then you will be able to just pick one and write a post.

A little of strategy goes a long way. Even if you have a lot of content and ideas, don’t rush. Save some back-up posts for busy weeks. There are times when you will be relieved to have content ready to publish so that you can focus on other work. This is what Kian Ann calls a “buffer” in his article “6 Steps to Consistent Blogging.” Another reason not to publish all of your content at once is the difference in traffic it would make. How would publishing two articles a day instead of one change traffic flow? How much will it cost you? Is it worth it?

Google-analytics-event-tracking-large in Blogging For Web Designers: Editorial Calendars and Style Guides

As with all else, constantly looking to your users for feedback is critical. Find out if they’re happy with the frequency and quality of your content, and adjust to them accordingly. If you have many readers, you could use a tool such as Twitter or a polling service.

You could go even further by including in your calendar a way to keep old posts alive. ProBlogger has an excellent “5 Tips for Getting Readers Viewing Your Old Blog Posts” video on this issue. The advice includes creating a “best of” or “popular posts” section, linking related content as well as updating and reposting old content. You could also see out opportunities in the offline world. A lot of events are probably happening in your field. If you’re interested, you could easily find ready-to-write subjects and prepare first-hand news reports.

UI And Editorial Style Guides

Purpose

As emphasized, consistency is one of the strongest assets a blog can have, which is why style guides are so helpful. Style guidelines created for a particular organization are called “house style.” On the Web, their main purpose is to ensure consistency across websites by standardizing design and content. Other advantages are that they facilitate group collaboration and are useful for training new members on a product team.

Beyond imposing proper grammar and spelling, an editorial style guide sets the voice and tone of the content. If you are the only writer on your blog, you might think that your voice is always the same… but don’t be so sure. If you run a blog with multiple authors, a style guide is all the more important.

An interface style guide is helpful for documenting a website’s design and informing clients and content editors of branding guidelines, including rules for typography, color and images. Development standards are no less important: the style guide for them keeps development smooth and efficient, and it often accompanies the design style guide.

2010-03-29 18 02 00 in Blogging For Web Designers: Editorial Calendars and Style Guides

Resources

Here is a list of online style guides that can be used as a starting point.

A List Apart: Style Guide
A great example of a short but efficient style guide, covering such things as tone of voice, punctuation and CSS style.

2010-03-26 18 58 17 in Blogging For Web Designers: Editorial Calendars and Style Guides

NYPL: Style Guide
This style guide for the New York Public Library explains the mark-up and design requirements for all Web projects of branch libraries, along with various standards and best practices.

2010-03-26 18 59 48 in Blogging For Web Designers: Editorial Calendars and Style Guides

The Guardian style guide
A detailed A–Z online edition of the style guide used by writers at The Guardian, Observer and guardian.co.uk.

2010-03-11 12 25 531 in Blogging For Web Designers: Editorial Calendars and Style Guides

Web Style Guide
This guide to Web publishing and writing style by Patrick J. Lynch and Sarah Horton is available with complete text and illustrations online. It is a comprehensive guide to issues affecting website designers, including a complete chapter on “Editorial Style.”

2010-03-11 12 17 161 in Blogging For Web Designers: Editorial Calendars and Style Guides

Princeton Web Editorial Style Guide
The Web Editorial Style Guide was created by Princeton’s Office of Communications as a quick reference tool to help the school’s communicators follow a style that is consistent and appropriate to websites. The guide follows conventions outlined in the Associated Press Stylebook, but there are exceptions specific to the university. Short but efficient.

2010-03-11 12 26 241 in Blogging For Web Designers: Editorial Calendars and Style Guides

BBC News Styleguide
This page links to BBC’s policies, standards and guidelines and is intended primarily for those undertaking or wishing to undertake work for the BBC as content providers.

2010-03-25 10 44 52 in Blogging For Web Designers: Editorial Calendars and Style Guides

The Times Style and Usage Guide
This version of The Times Style and Usage Guide (published in book form in January 2003) provides writers and sub-editors with a quick reference to contentious points of grammar and spelling and guides them through specialized areas where confusions have arisen in the past. The alphabetical list has been augmented by seven specialist sections on the armed forces, the arts, the churches, the courts, politics, sport and titles.

 in Blogging For Web Designers: Editorial Calendars and Style Guides

The Chicago Manual of Style (not free)
Excerpts and the full text is available online by subscription. The CMS is published in hardcover and online. The online edition includes searchable text of the 15th edition, with features such as tools for editors, a citation guide summary, and searchable access to a Q&A in which University of Chicago Press editors answer readers’ style questions. An annual subscription is required for access to the manual.

2010-03-11 12 18 001 in Blogging For Web Designers: Editorial Calendars and Style Guides

AP Stylebook (not free)
Excerpts and the full text is available online by subscription and in print.

2010-03-11 12 31 391 in Blogging For Web Designers: Editorial Calendars and Style Guides

Setting Your Own Rules

  1. Going through a few respected style guides is only a start, because each blog should establish its own rules. Defining them might take a while but is worth it in the end. Style guide not only maintain consistency but reflect an identity. So, this is the time to remind yourself or your writers of what you generally expect:
    • What is your blog’s purpose?
    • Should the writing exhibit any particular style?
    • Are there any sentences or expressions you don’t want to be used?
    • How specific should a post be? Who should it target?
    • Do you allow personal remarks? How formal should the writing be?
  2. An editorial style guide should reflect the blog’s writing style, and a good way to be precise is to look at your old posts and compare them to your current writing:
    • What has changed?
    • Which do you like better?
  3. A user interface style guide includes mostly formatting elements but can include pretty much anything else:
    • How will you deal with images? How will you cite them? At what size should they be displayed?
    • How long should titles be? How will you capitalize them?
    • How long should posts be? How should the content look?
    • How will you format links? How will you display quotes and photo credits? What terms and copyright licences should photos be used under?
    • Should author bios follow a particular format?

For more resources on creating a style guide, see a nice example of a personalized style guide on Writing an Interface Style Guide, and read some tips on avoiding problems in “Guidance on Style Guides,” by the Society for Technical Communication.

Conclusion

Editorial calendars and style guides are only guidelines. They are great for ensuring consistency, but they have to evolve with your objectives and should not constrain your workflow. Update them to fit your needs.

We would love some feedback from you. Do you use calendars and style guides or think they’re too much of a headache? If you have followed them in the past, did you have to adjust them? How so? Please share your tips and advice with us and readers.

Further Resources

Templates

  • 2010 Blog Editorial Calendar Template
    The worksheets are broken down by week for all of 2010, including one at-a-glance worksheet broken down by topic. There is also a worksheet for each month for more detailed information like category, target URL and keywords.
  • User Interface Style Guides
    Some useful links to style guides followed by large websites, corporations and news agencies. Also discusses editorial guidelines, quality guidelines and online standards.
  • AARP Bulletin: Style Guide
    A set of images on Flickr about one style guide redesign.

Plug-Ins

  • ScribeFire Blog Editor
    ScribeFire is a full-featured blog editor that integrates with your browser and lets you easily post to your blog.
  • WP editorial calendar
    This editorial calendar lets WordPress administrators and editors manage dates for multiple posts at once. You’ll see all of your posts in a calendar view, and can arrange them via an easy drag-and-drop interface.
  • SEO Blogger: Optimize Your Posts as You Write
    SEO Blogger lets you find the most sought-after keywords for your subject without ever leaving the blog editing screen.

Further Reading

(al)


© Jessica Bordeau for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: , , , , , , ,


Promoting Yourself To… GASP!… Live People!

Advertisement in Promoting Yourself To... GASP!... Live People!
 in Promoting Yourself To... GASP!... Live People!  in Promoting Yourself To... GASP!... Live People!  in Promoting Yourself To... GASP!... Live People!

By Speider Schneider

A friend of mine started an organization named “Creative Connect,� a twice a month get-together for anyone in the creative field. He said it was to, “get people away from their computers and to get them talking at least twice a month.� Mostly designers, programmers, illustrators and photographers with a spattering of marketing and management types show up and it’s something I look forward to attending in the light of day. Twice a month I gnaw through my own leg to escape the shackles of my computer and speak with real people…live…in person. It’s important to deal with the real world from time to time.


Techno in Promoting Yourself To... GASP!... Live People!

Get away from technology and join other <GASP!> humans.

Socialization Skills Are Slowly Eroding From Our Interactions

Like home-schooled kids who will wither in the real world from lack of the socialization skills of dealing with different personalities, many of us have lost our ability to deal face to face with people. Manners, knowing what NOT to say and general pleasantries like bathing tend to slip away quietly with our profession. It’s not just freelancers. Not long ago I was at a clients and my contact awkwardly excused that I not be shown the designer/programmer department because, as she put it, “it’s a little stinky in there.� Yikes!

Even at these events I see some of the same odd behavior in my peers. Maybe it’s better for some people to just stay behind their keyboard. Socialization is important for any animal on this planet yet only we and the birds tweet. Have you ever asked yourself why they use rats for group socialization experiments? Because they are so close in genetics and behavior as human account executives.

Socialization is a big part of freelancing and a staff position. On most staff jobs, you will be forced to watch a “sexual harassment video.� No, it’s not instructional on how to BE harassing. It’s a film made in 1972 and is like 1970s porn without the sex or funky guitar rift music. It is VERY important coworkers understand that even saying, “hello!� to a coworker of the opposite sex can be considered harassment if that person feels threatened by your tone. The lesson on a staff position is to stay locked in your cubicle, never meet anyone’s gaze, speak to anyone or answer any e-mail with more than, “I understand.�

If you are freelance, from e-mails to the telephone to client meetings to meeting that client, you need your A-game and proper socialization skills. Personally, people think I’m a great networker. I have a large group of quality connections on LinkedIn, keep close with valued connections I’ve made over the years (including my art school teachers) and I am very good at meeting new people at industry events and networking opportunities.

AAAAAH! People!

By now you’re asking yourself, “isn’t it better to have a site with great SEO?� Advertising yourself means being everywhere you can be. Print, online and out there in person. People, or “your network� as people refer to it, is your business and life foundation. During the past few years of a recessed economy and massive job losses, all information on the subject of finding work pinpointed turning to one’s network. That’s called “whom you know� and it can be more important that “what you know.�

Not connected enough? Start with online sites like LinkedIn and find local groups and other local professionals. With a short and professional introduction, most people will connect with you. Ask these connections to meet for coffee or just to show your portfolio. There’s no death penalty for asking and the most they can do is…get ready for this horror…say “no!� Some people feel bad about hearing no, so they never ask a question that might have that answer. I say it’s a 50% chance either way and if they say no, well, guess it’s another birthday present I won’t be getting.

By the same token, if I make eye contact with someone at a get-together, I offer my hand, exchange pleasantries, a business card and enough chat time that I don’t seem like a “vulture� (someone who runs around a room collecting business cards for the purpose of spamming later or some odd psychological need to have the world’s record number of business cards). I have actually made some very solid connections over the years by meeting people.

You Sm8 in Promoting Yourself To... GASP!... Live People!

Follow eye contact with light banter –”Weren’t you with DeNiro at Cannes last season?”

If you can leave a networking event with three solid leads, statistics say one might actually lead to work and that is how it is done. Unless you run an online store of your services, we need to meet our future clients and trust the face time will leave them with the impression of confidence and trust.

Be Remembered for Yourself and Not Some Freaky Gimmick

I’ve seen some strange acts at networking events. The guy who was the “Marketing Wizard,� dressed in full robes and staff. “Dumbledork� looked more like the evil Emperor Palpatine but I remember him. I wouldn’t suggest the same for the “Web Spiderman� or “Design Vader.�

Axeman Sm7 in Promoting Yourself To... GASP!... Live People!

Grandpa wore this to EVERY meeting. He made it work!

Oddities Sm7 in Promoting Yourself To... GASP!... Live People!

Sometimes it’s not a costume, so always pretend everything is going to be okay…okay…okay…

Some other cute ideas I might leave behind is…

Accidentally have your shirt open to show a Superman Logo shirt underneath and say, “oops! I guess the secret’s out.”

Ask in a trembling voice, “you wouldn’t happen to have any anti-depressants with you?”

Keep looking around nervously and ask if the person has seen any KGB agents around.

Wear tin foil on your shoes and tell people that they keep you safe from government mind experiments.

Tell people how great it is to finally be left out of your box for a couple of hours.

Ask if your pants fly is open and comment that it should be because you’re urinating.

Repeat “you have business?” over and over in broken English with an unidentifiable accent until the person walks away.

Do nothing but quote lines from “Caddyshack.”

Make a raspberry noise every time you take a step.

Listen intently to someone tell you what he or she do and then shake like you have a chill while hugging yourself and say “I’m going to need to take a long shower after hearing that!”

Tell people you work for a certain government agency and your official title is “cleaner.”

Say you’re an undertaker and then look the person up and down and comment how they would fit in a “number 6.”

Send thank you notes and end with a statement that you may be pregnant (whether you’re a man or woman) and believe they are the father (whether it’s a man or woman).

Let’s just focus on the worldwide accepted forms of pleasant communication…

A bow or handshake. Firm and friendly. Keep in mind the hand is attached to an arm and not a pump handle. I’ve had my arm almost ripped from the socket by a very large man and I’m larger than average. Clasp firmly and a small shake or two. Lighter for women and turned slightly so the back of their hand is slightly up as if you would kiss it…but DON’T!

Look the person right in the eye while you are speaking to them. Looking around at others or at their chest, harumpf, is disrespectful. You do get two seconds to glance at their nametag but that’s it. Back to the eyes. If you are speaking with two people, meet each one’s gaze evenly as you switch back and forth.

Watch your language; don’t discuss politics, religion or sex. Never, ever speak about another company or person unless you are speaking well of them.

If you haven’t heard about the “60 second elevator speech� (the amount of time you have to tell someone traveling in an elevator with you all about your business), then you need to create one. After 60 seconds, apparently the retention and attention drop. Think about what makes you special in the industry. Don’t say, “I’m a graphic/web designer.� Tell them you “create visual solutions for business marketing and promotion with a personal touch.� Don’t wink or raise your eyebrows afterward because it’ll give a perfectly good tagline a dirty connotation.

Be clean in speech, dress, personally and check your breath often. I can remember meeting someone with so much cat hair all over himself; I ended up getting it all over me just by standing downwind. The cat litter in his portfolio was pretty much the deal breaker on me not making fun of this guy for the rest of existence.

After three or four minutes of light banter, tell the person or persons that it was nice to meet them, wish them luck and the hope that you will see them in the future and excuse yourself. Corner someone for more than five minutes at a networking event and you are going to be remembered as someone to forget.

Make sure you have a business card or appropriate sample card. I’m always surprised at how many people say, “I didn’t bring any of my cards.� If that’s the case, then don’t expect me to remember you.

Check yourself in a mirror often, especially if there is food being served. Nothing like a loose chive on your front tooth to earn a nickname that is counterproductive to you getting business.

A great way to meet people is to stand by the door to the parking lot towards the end of the event. Everyone has to go by you. Same rules apply as before but speed it up a little.

Small slip-ups with happen from time to time when humans interact. If your initial handshake isn’t quite right…you know…when one person grasps too soon and gets only fingers? Ask for a redo on it and the humor will make the other person feel light and grateful instead of creeped out by a limp fish handshake.

If you are speaking and a small bit of spittle lands on the other person’s face, it is permissible to reach out with a napkin and wipe it off. That is more appreciated than trying to ignore it because you both know what happened and whom did what. If it lands in their mouth, do not attempt to wipe it out or suck it out – just cut your losses and run, hoping you haven’t given them your name.

Spitting Sm5 in Promoting Yourself To... GASP!... Live People!

Poet, Dr. Maya Angelou wrote, “I’ve learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.â€�

Be your charming self, smile a lot and make people feel good about meeting you. Follow up with a thank you e-mail or note and give it a week before sending promotional material. There’s promotion and then there’s stalking.


Academica: Free WordPress 3.0+ Theme For Educational Websites

Smashing-magazine-advertisement in Academica: Free WordPress 3.0+ Theme For Educational WebsitesSpacer in Academica: Free WordPress 3.0+ Theme For Educational Websites
 in Academica: Free WordPress 3.0+ Theme For Educational Websites  in Academica: Free WordPress 3.0+ Theme For Educational Websites  in Academica: Free WordPress 3.0+ Theme For Educational Websites

In this post we release a yet another freebie: Academica WordPress Theme, a free WordPress theme designed specifically for educational websites such as universities, schools etc. It’s a flexible and versatile free theme that can be easily customized and branded for any university, academy or non-profit organization. The theme is designed by ProudThemes and released for Smashing Magazine and its readers. As usual, the theme is free to use in private and commerical projects.

University-550px in Academica: Free WordPress 3.0+ Theme For Educational Websites

Download the theme for free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Academia in Academica: Free WordPress 3.0+ Theme For Educational Websites

If you want to be informed when an update to Academica theme will be released, consider signing up with ProudThemes (free).

Features

  • The theme was developed for WordPress 3.0 (compatible with 3.0.1)
  • Modern, three-column clean design
  • Setting up Academica Theme is easy and takes just a few seconds. The theme can be uploaded directly from the Dashboard > Appearance > Themes page. No need to edit any files — everything can be done from the Theme Options page.
  • 5 built-in icons to share and link to your profiles on Twitter, Flickr, Facebook, LinkedIn and Youtube
  • The theme allows enabling/disabling of a jQuery-based content slider on the homepage for showing your photos
  • Academica Theme uses a jQuery-based drop-down menu with a fade-in effect
  • 9 sidebars (widget areas) and 3 custom widgets developed for this theme
  • 3 custom page templates and 2 custom post templates
  • Dynamic image resizing (TimThumb script)
  • Support for Custom Menus (WordPress 3.0+).

Screenshots

Navigation in Academica: Free WordPress 3.0+ Theme For Educational Websites
Drop-down navigation menu. See live demo.

Content in Academica: Free WordPress 3.0+ Theme For Educational Websites
Content blocks in the sidebar, defined with a custom widget. See live demo.

News in Academica: Free WordPress 3.0+ Theme For Educational Websites
News archive page. See live demo

Comments in Academica: Free WordPress 3.0+ Theme For Educational Websites
Comments area with threaded comments (“reply”-functionality). See live demo.

Behind the design process

As always, here are some insights from the designers:

“Most theme developers create a lot of magazine and portfolio themes for WordPress, however the education niche is mostly ignored. We decided to do something about it, and create a flexible and versatile free theme that can be easily customized and branded for any university/academy or non-profit organization. Of course, the theme can be used in other niches as well, no restrictions or whatsoever. After reviewing a ton of web-sites of educational institutions, our eyes fell on the web-site of Massey University of New Zealand. With a rather general layout and color palette, we decided to make the navigation and all styling pure-CSS, without any gradients, so that the theme can be customized much faster and easier.”

Thank you for your great work, guys. We appreciate your work, your time and your contributions to the design community.


© Smashing Editorial for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: , , ,


Ten Years

I’m about to head out on a little vacation, but I realized this Wednesday marks ten years of archives here at SimpleBits. Actually, there were a few other domains that came before simplebits.com (robotcom.com and cederholm.org). I’d actually been publishing short, frequent updates for a few years prior to 2000, either by updating a .html file by hand or using a hobbled together home-grown CMS built with PHP and Perl. Those old posts are long gone, but there’s about to be 10 years of archives still preserved here and that’s rather dumbfounding when I stop and think about it.

It’s likely dumbfounding because the last 10 years also happen to have been the most eventful I’ve ever had. They’ve been both terrifying and wonderful; educational and exciting; important and enlightening. I’m doubtful a majority of that shows up in the archives here. I was busy learning about the web, and that was mostly what was talked about in hypertext. Over the last decade, getting married, having kids, buying a house and other big life events mingled with starting a business or three, writing some books and traveling to parts of the world I never imagined visiting to talk about web design. I have an enormous amount to be thankful for.

Looking ahead, I wonder if I’ll look back at the next 10 years as being this dynamic. I hope so, but it’ll undoubtedly be different. Either way, I thank you very much for reading this tiny little corner of the web, and encouraging the (now) infrequent ramblings and bits.


40+ Elegant Free CSS/(X)HTML Templates from 2010

Advertisement in 40+ Elegant Free CSS/(X)HTML Templates from 2010
 in 40+ Elegant Free CSS/(X)HTML Templates from 2010  in 40+ Elegant Free CSS/(X)HTML Templates from 2010  in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Today we present some useful free CSS/(X)HTML templates which are available for free download and use. You may want to consider using them for your next projects or build upon them, creating more advanced themes from these basic templates.


Free CSS/(X)HTML Templates

Blue Jeans (Demo | Download)
Stand out from the crowd with this cool, free template for a portfolio website based on blue jeans texture.

Blue-jeans in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Portfolio (Demo | Download)
An HTML 5 and CSS based website template suitable for businesses. It has a jQuery slide show in the home page header for displaying your latest work, featured contents or can also be used to tell your visitor what your web site is all about.

Portfolio in 40+ Elegant Free CSS/(X)HTML Templates from 2010

High Five (Demo | Download)
It can be useful if you need to show case your work / portfolio. Most of the style elements are in the CSS including styles for Blog, Comment Template etc.

High-five in 40+ Elegant Free CSS/(X)HTML Templates from 2010

AppCloud (Demo | Download)
It has been designed with tones of blue, white and a bit grey to point out the gadgets and provide more usability that you can obtain information you need faster and more easily. You can display all gadgets you are selling.

Appcloud in 40+ Elegant Free CSS/(X)HTML Templates from 2010

RS 18 (Demo | Download)
This blue colored well designed template can be used by people doing business.

Business-portfolio in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Dandoot (Demo | Download)
It has been designed so that it is suitable mostly for major/indie music recording companies, bands, musicians, music products affiliates, music event organizers or simply online music stores.

Dangndoot in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Bamboo (Demo | Download)
This template will go extrremly well with suitable Blogs, Small Websites etc.

Bamboo in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Acallia (Demo | Download)
A smart template, it can be used by service sector industries and persons like event management compnies or graphic designer firm.

Acallia in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Reinvent (Demo | Download)
It features a narrow, one column layout with minimum graphics, clean and legible typography.

Reinvent in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Alexx C (Demo | Download)
This template gels well with person/firm in service sector.

Alexx in 40+ Elegant Free CSS/(X)HTML Templates from 2010

RealOne (Demo | Download)
This template is created keeping in mind property selling/buying sites and its quite neet.

Realone in 40+ Elegant Free CSS/(X)HTML Templates from 2010

The Radio Station (Demo | Download)
As the name suggest, this can be used by FM or radio stations.

Radio in 40+ Elegant Free CSS/(X)HTML Templates from 2010

CSS Heaven 1 (Demo | Download)
This template can be used for some design or lifestyle related website and it gives a contemporary look.

Cssheaven in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Turrion (Demo | Download)
A blue colored template, it tends to give all the necessary information to clients at one go.

Turrion in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Zen Design (Demo | Download)
This template can be used for websites with loads of information or which issuing articles/tutorials on regular basis.

Design-zen in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Urban Gear (Demo | Download)
Great free html template for on-line shop dedicated to the urban fashion industry. Remove the slider area and use this template as a start point for your on line business.

Urban in 40+ Elegant Free CSS/(X)HTML Templates from 2010

ubly (Demo | Download)
This format is most suitable for blogs related web sites.

Ubly in 40+ Elegant Free CSS/(X)HTML Templates from 2010

beSMART (Demo | Download)
Simple corporate CSS/XHTML template ready to meet wide range of requirements for effective on line performance.

Besmart in 40+ Elegant Free CSS/(X)HTML Templates from 2010

CSS Heaven 2 (Demo | Download)
CSS Heaven 2 is a free CSS Template suitable for small business websites and blogs

Cssheaven2 in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Easy Slide (Demo | Download)
Easy Slide is a simple but cool css template based on the famous Coda Slider.

Easy-slide in 40+ Elegant Free CSS/(X)HTML Templates from 2010

StudioClick (Demo | Download)
Studio Click is a simple, well-structured portfolio theme that focuses on one thing: gorgeous photos, screenshots, and content. It displays works easily and stylishly using large images of your products.

Studioclick in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Bizgroup (Demo | Download)
Simple corporate CSS/XHTML template ready to meet wide range of requirements for effective on line performance.

Bizgroup in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Photo Pro (Demo | Download)
Photo Pro is a simple css template for portfolios and photo sites and it’s very easy to edit.

Photo-pro in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Treasure hunters (Demo | Download)
This facinating template can be used by blogs and or some stock photo sites.

Treasure in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Shop Around (Demo | Download)
Great free html template for on-line shop. Use it as a start point for your on line business.

Shop in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Free Nova Studio (Demo | Download)
The Blog page features a simple blog design, easy on the eyes, allowing you to express your thoughts freely and in a stylish way!

Nova in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Mondays (Demo | Download)
This template gives us a break from usual design and cn be used by service industries providing 24*7 supprts.

Mondays in 40+ Elegant Free CSS/(X)HTML Templates from 2010

OWMX 1 (Demo | Download)
Color of this template is easy on eyes and is stylish.

Owmx in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Simple Solution (Demo | Download)
This template can be used by business sites and it is very attractive.

Simple-solution in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Classic Luxury (Demo | Download)
It is clean and has a lot of whitespace and nice typography. The code is well-organized and uses standards-based HTML and CSS.

Classic-luxury in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Outliers (Demo | Download)
This template can be best used to showcase your idea and ideation process.

Outliers in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Portfolio Template (Demo | Download)
This is a clean and professional looking template for small portfolios or business sites. Very easy to edit if you have a basic understanding of html and css.

Portfolio-template in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Market Leader (Demo | Download)
It can be used to showcase the reasons to prospective clients to choose you.

Market-leader in 40+ Elegant Free CSS/(X)HTML Templates from 2010

clean-white (Demo | Download)
This is a simple but beautiful css template with lots of whitespace and a professional look. Perfect as a frontpage for small businesses or photographers.

Clean-white in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Ninja Assassin (Demo | Download)
Impress visitors to your site with a high-quality one-page portfolio site inspired by the Japanese ninja culture.

Ninja-assassin in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Kelontong (Demo | Download)
You can use use Kelontong WordPress e-commerce theme to modify your store and sell more of your products.

Kelontong in 40+ Elegant Free CSS/(X)HTML Templates from 2010

Small Business (Demo | Download)
This is suitable for small scale business websites that don’t need a lot of pages.

Business in 40+ Elegant Free CSS/(X)HTML Templates from 2010

RS 19 (Demo | Download)
Its a attractive template using combination of white & bright colors and css techniques like Box Shadows and text shadows.

Ramblingsoul in 40+ Elegant Free CSS/(X)HTML Templates from 2010


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress