Archive for September, 2012

jQuery Socialist: One-Stop Shop for Social Media Stream Aggregation


  

Life can be easy. With the brand-new jQuery plugin Socialist you’re able to aggregate a plethora of streams stemming from different social networks into one, modern and elegant grid-based layout. If you haven’t been living under a stone lately, you’ll have a strong deja vu looking at Socialist’s default output. Yes, you’re right. It does look like Pinterest. If you’re not into Pinterest though, you can have Socialist display the various streams in plain old-school list view.

Socialist: Just Add Water Streams to an Array, they’ll automagically be beautified

As of the time of writing Socialist aggregates the streams of Facebook, Twitter, LinkedIn, Flickr, YouTube, Tumblr, Pinterest, Craigslist and Google+. But this is only half the truth as Socialist is able to process each and every RSS feed. This way sky is the limit. With Socialist you can have streams displayed separately or in any combination.

You’ll achieve this simply by defining an array of data, that represents the streams to be aggregated. After definition the array is invoked on any div container your site has to offer. Look at this example:

$(‘#mydiv’).socialist({
networks: [
{name:'facebook',id:'in1dotcom'},
{name:'tumblr',id:'in1blog'},
{name:'twitter',id:'in1_'},
{name:'pinterest',id:'potterybarn/Fall-Weddings-by-Pottery-Barn'},
{name:'youtube',id:'potterybarn'},
{name:'googleplus',id:'105588557807820541973/posts'},
{name:'rss',id:' http://feeds.feedburner.com/good/lbvp'}
],
maxResults:4
});

In this case, we would have the streams of Facebook, Tumblr, Twitter, Pinterest, YouTube and Google+ pulled together, accompanied by an RSS feed provided through Feedburner. The array networks, is responsible for the functionality. I believe the code to be more or less self-explanatory, don’t you?

We see one stream per row. Parameter name contains the source of the stream, e.g. Facebook, while id is equipped with the targeted account. Speaking of Facebook we pass the targeted profile, which of course need not be your own. Google+ still forces us to pass the cryptic number combination, they use to identify your account. If you’re pulling in RSS feeds, the id simply carries the feed url. The parameter maxResults lets you limit the number of to be called content items per stream. The above example contains a limitation to four items per stream. The parameter is completely optional and need not be used if you don’t want to limit the input.

A few more parameters exist. These for instance define which parts of the stream content shall be imported. Thus it is possible to have the grid show photos only and abandon all text or the other way round. You can define the size of the tiles or if don’t want any tiles at all. To guarantee for a consistent look you might want to set maximum lengths for headings or texts.

Socialist needs jQuery version 1.6 and up. It integrates the plugins Isotope and Cross Domain Ajax. Both of them need not be called separately. That way the following call is sufficient to set Socialist into effect:

<link href=”jquery.socialist.css” rel=”stylesheet” />
<script src=”jquery.socialist.js”></script>

Socialist is published under the MIT license, which means, it can be used free of charge in private as well as in commercial projects. As it frequently is, again it’s the Isotope plugin which limits Socialist to private use, as Isotope is free only for private and non-profit use. If you want to utilize Socialist in a commercial environment without paying for an Isotope license, you can still do so, but need to relinquish the grid view, as this is achieved by Isotope. The list view is not affected by this limitation.

Related links:


SQL for Dummies: Demystifying The WordPress Database


  

It’s only SQL, but we like it. This quote, slightly differently used by The Rolling Stones in 1974, is supposed to help you through the hard times. These will occur sooner or later. Unless you’re working with a flat-file CMS such as FlatPress, the database forms the most important part of the Content Management System. And this database can get corrupted, eeeek. WordPress, too, is no exception to this rule. WP uses its database to store and retrieve information as and when needed. The following article gives you a crash course knowledge of the WordPress data storage.

Digging Into WordPress

WordPress Database: Getting Started

An average user will probably never need to fiddle with the WordPress database. However, if you are planning to become an ‘expert’ of WordPress, you need to have a proper understanding of the database and its functioning. Furthermore, often database tweaks are required to customize WordPress and/or backup or restore a website. For instance, changing login credentials, or even removing a faulty plugin or theme that may have rendered your admin panel unstable — all of this can be performed by accessing the database. Therefore, it becomes obvious that the database is the most crucial component of your WordPress installation. In this article, we shall be taking a look at the WordPress database in detail.

Basically, we shall begin with an overview of the WP database — its structure, the major tables, taxonomies, and so on. We shall also be covering certain common queries to manage and optimize the database, in the later part of the article. Thus, all in all, this article shall not only help you get a bird’s eye view of your WP database and figure out what-lies-where, but also explain certain steps and methods that can help you keep your database functioning as smooth as a well-oiled machine.

Before going any further, it must be noted that you should tweak or modify your database only after you have made a proper backup, and you are aware of what you are doing.

Never forget: INCORRECTLY EDITING YOUR DATABASE CAN RENDER YOUR WEBSITE USELESS.

wp-config.php And WP Database

When you open the wp-config.php file of your WordPress installation, you’ll notice that the database part contains lines that look something like this:

WordPress Database Details in wp-config.php

Most of the information contained here is self-explanatory — you have your MySQL username, password, hostname and so on. The character set is UTF-8, and you do not need to change it, but if your blog is in a language or script that requires special encoding, you’ll need to modify the character set.

Following that, if you scroll down the wp-config.php file, you will notice the value for the table prefix:

Table Prefix Details in wp-config.php

As you can judge from the comment in the file, you can keep multiple installations by giving each a unique table prefix. By default, it is set to wp_ However, of reasons of security, it makes good sense to change the table prefix from wp_ to some other prefix of your choice, so as to deter potential hackers from breaking into your database by guessing the table prefix.

The WP Database Structure

Given below is a screenshot of what a typical WordPress database looks like (using phpMyAdmin):

WordPress Database Structure

Taking wp-lockdown and wp_login_fails out of consideration, we have 11 tables in the entire database. Let’s retain taxonomy related tables for later discussion, and take a look at each of the remaining tables.

wp_commentmeta and wp_comments

Both of these tables contain data pertaining to comments. Comment-meta refers to meta data about each comment, such as the commenting user’s details, etc. In the admin panel, the corresponding relevant area is the Comments’ section.

wp_links

This table deals with the links, which can be accessed from the Links menu in the admin panel.

wp_postmeta

As the name suggests, this table contains meta data about posts and articles on your website. Often, certain plugins may add fields to this table. The relevant admin panel section is the Posts page.

wp_usermeta and wp_users

These two tables contain information about the user accounts associated with your WordPress website, and the meta data related to the same. The corresponding admin panel section is Users.

wp_posts

As with any blogging software, the core of a WordPress website consists of the posts and articles. The wp_posts table deals with posts. Plus, pages and even navigation menu items are stored in this table. Thus, the corresponding admin panel sections include Posts, Pages and Menus.

wp_options

WordPress stores its configuration settings in wp_options. Basically, all that you can do from the Settings section of the admin panel comes right to wp_options (along side certain settings and configuration tweaks from Appearance menu, such as Widgets).

Taxonomies and Terms

WordPress has three tables to handle custom taxonomies and terms: wp_terms, wp_term_relationship and wp_term_taxonomy.

So, what exactly is a ‘term’? Basically, WordPress treats ‘terms’ as entities — categories, tags, etc. are all ‘terms’. Thus, Uncategorized, the default category, is a ‘term’.

And where do all these terms go? Correct! Terms are stored in the wp_terms table.

Similarly, the wp_term_taxonomy table contains the taxonomies for the terms in wp_terms table. Basically, a taxonomy is a way to group things together. And lastly, the wp_term_relationship table relates a post, page or link with the associated terms in the wp_terms table.

So far, we have familiarized ourselves with the WordPress database structure, the tables contained in the WP database and the role of each table. Further theoretical information can be had from the WordPress Codex itself.

Working With The WP Database

We shall now turn our attention to performing some common tasks on the database. We will be by-passing tasks such as working with the SQL database, inserting and updating data, getting rows and columns, and other similar functions as these have been discussed on the internet a zillion times — you have the WordPress Codex, and you also have Smashing Magazine’s own version of it. Interactions with the database apart, let’s take a look at ways in which we can accomplish certain common admin-level tasks using the WordPress database, instead of admin panel.

Optimize the Database

As you work on your blog, your database transactions pile up overheads which can be a performance hog. To clear such overheads and optimize your database, use this query:

OPTIMIZE TABLE ‘wp_posts’;

Transfer Posts From One User to Another

If you wish to transfer posts and articles attributed to one user account to another account, you can use the following query (you’ll need the usernames of both the accounts):

UPDATE wp_posts SET post_author=NEW_AUTHOR_ID WHERE post_author=OLD_AUTHOR_ID;

Bulk Delete Comments

You can use this query to delete all unapproved comments.

DELETE FROM wp_comments WHERE comment_approved=’0’;

Disable All Plugins

Perhaps you’ve accidently activated too many plugins? Or maybe you wish to make certain changes to your website and would like to disable the plugins? You can use the following query to disable all the plugins on your WP website:

UPDATE wp_options SET option_value=’ ‘ WHERE option_name=’active_plugins’;

Disable Comments on Older Posts

If you wish to close comments on posts older than a specific date (say, May 5th 2012), use the following query:

UPDATE wp_posts SET comment_status=’closed’ WHERE post_date<’2012-05-05′ AND post_status=’publish’;

Change Username

If you wish to change the username of a given user (say, ‘abcdef’), use this query:

UPDATE wp_users SET user_login=’New-username’ WHERE user_login=’abcdef’;

Conclusion

With this, we come to the end of this article about the WordPress database. Just in case you do not wish to get your hands dirty, you can consider trying database management plugins such as WP-DBManager or WP-Optimize. In any case, whether you ever employ SQL queries or not, it always helps to know your way around the database.

Got any database knowledge of your own? Feel free to share with us in the comments below!

(dpe)


Limited-Edition Posters Giveaway: Comment And Win!


  

Yesterday we described who we are, and today it’s your turn to tell us your story. Looking back at where we’ve come from and where we are today, we see that one principle has not changed a bit over the years, and it is one of the core elements of our work: that is, we’ll go as far as it takes to deliver value and substance to you, our dear reader.

Smashing Cat has already got into the party mood.
We’re celebrating our sixth anniversary. Apparently, the Smashing Cat has already got into the party mood.

We measure success not by traffic and not by the number of advertising spots sold, but by the amount of value an article provides you with. And to measure that, we quantify the attention an article receives and the overall feedback it gets in comments, blog posts and social channels. We listen to you, and we listen carefully. Our team reads through each and every email and tweet sent to us, and we also double-check comments that get marked as “spam� and approve the legitimate ones. Every meaningful comment contributes to the discussion and helps us further improve the quality of our content. And that’s a huge deal for us.

Leave A Comment!

But with such rigorous standards and high expectations, failing is very easy. Therefore, it’s crucial for us to learn how Smashing Magazine has helped you over the years, what you like and dislike and what you’d like to be different in future.

And since the greatness of a birthday party depends on how much the guests are into it, we kindly ask you to share your feedback, thoughts and ideas in the comments section. Where do you live? How well recognized is Smashing Magazine in your area and among the people you know? How has Smashing Magazine helped you in your career? What has been the most memorable article for you? Which author drives you nuts most often? What do you miss in Smashing Magazine? Whether you feel like replying to all of these questions or just to one, we are genuinely interested in hearing what’s on your mind, and we look forward to reading your answers:

The Prizes

Among all the commenters, we’ll raffle 30 sets of exclusive poster prints. Each set contains six prints of some of the best entries from our “Redesign the Web, Redesign the World� poster competition. The prints are limited editions and were printed especially for this giveaway. They would definitely look nice on your office or studio wall!

Redesign The Web - Redesign The World Poster Prints
Some of the best entries in the “Redesign the Web, Redesign the World� poster competition.

The Anniversary Schedule

As promised, we have prepared limited-edition prizes and special Smashing Book discounts. Please keep in mind that the event only runs for a limited time span (starting at midnight CET).

September 7 (Friday, tomorrow): 30% anniversary discount for printed books
Our print books are our editorial flagships. Well-respected experts in the industry contribute to our Smashing Books, delivering best practices and innovative techniques to the community. If you don’t have one yet, you should definitely not let this special pass you by. Get a 30% anniversary discount on all printed Smashing books for 48 hours, e.g.

This is a chance to add to your reference library or to surprise a colleague or your department with a great set of Smashing Books.

30% on all printed books

Special eBook Discounts

Be sure to keep up to date via the Smashing Newsletter as well.

We sincerely appreciate your time and support, and we look very much forward to your feedback!

(al) (il)


© Smashing Editorial for Smashing Magazine, 2012.


The Ultimate Collection of WordPress Social Network Plugins


  

Today we have put together an interesting collection of WordPress Social Network Plugins for you. These days, social networks have become a part of our everyday life. Social media is a wonderful medium to get your posts and information shared with millions of users. This is the reason why the majority of websites include social media sharing options in their websites. One of the effective ways is to include social media sharing options in your blog posts and let your readers share your piece of writing through different social media platforms. The more options you include, the better it is, at least to a certain extent. Therefore, we have compiled the most useful WordPress social network plugins collection for you. We hope that you will find this list useful.

Shareaholic

Shareaholic is a highly configurable plugin, that can be integrated with WordPress in order to add “sexy bookmarks� to your posts, pages, home page, category archive and RSS feed.

Screenshot

Sociable

With this plugin, you can easily add social media sharing buttons to your posts, pages and RSS feed. The plugin supports almost all popular social networks. You can choose from simple icons or buttons that display how many times your article has been shared.

Screenshot

WordPress Social Ring

WordPress Social Ring adds sharing buttons for Facebook, Twitter and Google+.

Screenshot

Social Toolbar

This puts a toolbar at the bottom of your website. Your latest tweet is displayed just above the toolbar, and on the right you’ll find buttons and counters for Facebook likes and retweets. On the left is a horizontal list of all of your social profiles (making this both a sharing and following plugin).In the settings you can modify the color scheme of the background, border and icons and set whether tweets link to your home page or to individual posts and pages.

Screenshot

WP Mingle

The simplest way to turn your standard WordPress website with a standard WordPress theme into a Social Network.

Screenshot

Facebook Like Box Widget

Facebook Like Box Widget is a social plugin that enables Facebook Page owners to attract and gain likes and recommendation comments from their own website. The Like Box Widget enables users to see how many users already like this page, which of their friends like it too, read recent posts from the page and like the page with one click, without needing to even visit it.

Screenshot

Add Link to Facebook

Automatically add links to posts or pages that are being published to your Facebook wall, pages or groups. Its simple one time configuration goes as set it and forget it. The way links appear on Facebook can be customized.

Screenshot

TweetView-Widget

Add a widget to your sidebar to show your latest tweets.

Screenshot

The Google+ plugin

The WPMU DEV Google+ Plugin lets you add a +1 button to your website so that people can tell the world how awesome they think you are. It integrates with Google+ Posts and Pages so that people can easily add you to their G+ Circles.

Screenshot

Google Plus Badge Direct Connect

Google+ badge allows visitors to directly connect with and promote your brand on Google+ from your website. Now you can add a Google+ badge to help your visitors find and engage with you on the new social network by the search giant.

Screenshot

Pinterest “Pin It” Button

Add a Pinterest “Pin It” Button to your site to let your visitors easily pin your awesome content!

Screenshot

Digg Digg

Your all-in-one share-buttons plugin. Add a floating bar with share buttons to your blog. Just like Mashable!

Screenshot

GetSocial

With this tool, you can add a vertical sharing box to your website that supports Twitter, Facebook, Google+ (and Google Buzz), StumbleUpon, Digg and Blend.

Screenshot

ShareThis

ShareThis is the most popular and most widely used sharing solution on the web. It allows Facebook users to share and like your content. This plugin also supports Google+. You can change the order of icons from settings.

Screenshot

Socialize

Provides an easy way to selectively add actionable social bookmarks to your posts content or below the post in a call-to-action box.

Screenshot

Slick Social Share Buttons

This tool allows you to add a sharing button to your website that supports Twitter, Facebook, Google+, LinkedIn, StumbleUpon, Digg, Google Buzz and Pinterest. The menu can also be slide out.

Screenshot

AddThis

Another amazing solution for making your blog more sharable is the plugin from AddThis. Similar to ShareThis, but slightly less focused on design, it gives you a great solution to have trackable buttons on your page. A big plus for AddThis is that it also includes automatic translation in over 70 languages. So if you have a large number of different people from different countries visiting your site, this might be helpful.

Screenshot

Sharebar

Sharebar adds a dynamic and fully customizable vertical box to the left of a blog post that contains links/buttons to popular social networking sites.

Screenshot

Follow Me Social Media WordPress Plugin

The Follow Me widget allows you to display links to all your social media profiles in one, easy-to-access button or window.

Screenshot

Lifestream

Lifestream is a plugin built on top of the WordPress platform. It allows you to effortlessly integrate your social network activity across the web with your blog. It actually transforms your blog to a lifestream, which has it stand out from the rest of the crowd a little.

Screenshot

Meet your commenters

When someone comments on your blog and writes a comment with his/her URL, they are leaving more information than you might think. This WordPress plugin displays web pages and profiles of those users in the dashboard, so you can add them as friends if you are in the same social network. You will be able to know the profiles of your visitors in social networks like Flickr, Twitter, Facebook and so on. Downsides are that the info is not reliable as the users can easily claim to be owner of a certain profile by using a meta-tag. In some countries data-protection laws might prohibit this kind of data-mining.

Screenshot

Social Homes

A WordPress plugin which adds a sidebar widget containing a subtle list of all your social homes as linked favicons.

Screenshot

BuddyPress

It is a WordPress plugin that contains all the features that you had expected from WordPress. It turns your blog into a social network hub and can greatly enhance your blogging experience.

Screenshot

Social Media Page Plugin

The Social Media Page WordPress plugin will add a list of links to your social media profiles on a page or post of your choice. This plugin also creates a widget that will display your social media profiles in the side bar of your site.

Screenshot

Share Buttons by Lockerz

You can choose from more than 100 different social media sites such as Facebook and Google+ with the help of this button.

Screenshot

InsiteBar Plugin for WordPress

A very useful plugin for WordPress that allows users to search the website via Google and also translates the website content into more than a dozen languages if needed. Furthermore, it also comes with a text-to-speech feature.

Screenshot

Jetpack

Jetpack is a WordPress plugin that supercharges your self-hosted WordPress site with the awesome cloud power of WordPress.com. The plugin supports Google+, Facebook, Twitter, LinkedIn, StumbleUpon, Digg and Reddit.

Screenshot

Social Media Counters

Add social media counters to your blog so users can share your content and see how many others have shared. This useful plugin shows sharing buttons for Twitter, Facebook, StumbleUpon, Digg, Google+, LinkedIn and AddThis.

Screenshot

Social Media Widget

The Social Media Widget is a simple sidebar widget that allows users to input their social media website profile URLs and other subscription options. It will then show an icon on the sidebar to that social media site and more. Social network platforms are opened in a separate browser window.

Screenshot

Social Media Tabs

Social Media Tabs allows you to add a tabbed box that will show the latest entries from your Twitter, Facebook, Google+, RSS and YouTube feeds.

Screenshot

Most Shared Posts

With this plugin, you can display your most shared posts on Facebook, Twitter, Google+ and LinkedIn.

Screenshot

Social Metrics

Social Metrics is a Social Media Analytics tool you can use to track your WordPress blog performance on popular social networking websites and services.

Screenshot

This rounds up our collection of social network plugins for WordPress. Did we miss out on anything? Leave your comments below.

(dpe)


A Look Inside Smashing Magazine: We Celebrate Our Sixth Anniversary


  

Today is the day when it all started — the day when this little website launched back in 2006. We are celebrating our six-year anniversary party, and you, being the ones who made the website possible and kept us going, are our special guests. We couldn’t possibly have a party without you!

But who are we? Who are the people working behind the scenes to make Smashing Magazine truly smashing? Today we’d like to publish something rather different. Being chummy as we are, we’d like to give you a peek behind the scenes — a little insight into how we work, who we are, where we live and where we come from. It will be quite a ride, so get yourself a beverage, make yourself comfortable and set a few minutes aside.

Smashing Magazine is Getting 6 Years Old!

How We Work And Tinker: Slow Is Good

So far, you have seen only one side of our little publication. Articles get published, and you, dear reader, take care of the rest: promoting the article throughout your social channels and sharing it with colleagues offline. Sometimes an article instigates new discussions on and beyond Smashing Magazine, while sometimes one doesn’t quite manage to spark the conversation we had anticipated. But in either case, at that very moment when the article gets published, we are absolutely confident that it is delivering value to you.

All of Smashing Magazine’s articles have to have a certain… signature, a certain something that justifies their reason for existing online. That “something� has to pass the judgement of our editorial team, which never compromises its strongly held values. However, finding that signature isn’t easy. In fact, the route that an article has to take until that “Publish� button gets clicked is usually quite long. So how exactly does it work? We’re glad you asked.

Smashing Parrot

Smashing Magazine's Photos
We love animals in the office. And the office itself looks a bit like a jungle. Apart from the shiny, clean work spaces of course. Image credit: Ana Flašker.

The Editorial Process

Five years ago we established our “Publishing Policy,â€� a sacred set of editorial principles that we adhere to for every single article published on Smashing Magazine. We always protect your interests, dear reader, and ensure that the content published always merits your attention. We never publish any sponsored articles or hidden advertisements. We don’t participate in affiliate marketing. We don’t accept guest posts, and we don’t work with bloggers. Our lovely advertisers and sponsors have no influence on our content whatsoever. Everyone who contributes to an article published on Smashing Magazine (be they an author, reviewer, editor, proofreader, etc.) gets paid for their work — whether they want to be or not. Also, we never accept “freeâ€� articles, and we always require that contributors send us an actual invoice — “forgettingâ€� to submit one is unacceptable.

These rules help us guarantee a fertile environment in which useful, high-quality articles can be born. Our authors are usually quite surprised by the attention that every single draft gets. We don’t set any deadlines for our authors, and we never push them to deliver an article by a particular date. We never shy away from sending critical or challenging feedback, and we take time to do proper research and quality control to ensure that an article delivers the value that we strive for. In fact, before an article gets published, it has to stand the judgement of at least two independent experts from our experts panel — a board of over 120 invited professionals from the Web design community who submit their feedback anonymously and who also get paid for their time and effort.

Up To Date Across Time Zones
Working across time zones. We’re working with authors, editors and proofreaders from the different parts of the globe. Skype calls require us to know exactly what time it is in different time zones. Image credit: Marc Thiele.

That’s the reason why articles usually take time — and the process in general is slow and time-consuming. Most articles go through three to four rounds of revisions, which is why our new authors have a high dropout rate. Being slow enables us to focus and tinker — to work on the little details that make the article feel right.

Working With Authors

Sure, some authors don’t like the process — justifiably so. We are certainly not always a pleasure to work with, but we don’t have to be — what we do have to be is confident that we can stand behind every single article published in the magazine. And we don’t try to hunt down as many articles or as many authors as possible. In fact, we always publish the most valuable articles first — even if other articles have been waiting in the queue for months. Now, if that doesn’t make an author angry, what would?

Other authors feel grateful that we help them develop their ideas and techniques as the article progresses. We always do our best to take our authors out of their comfort zone; to challenge them, to make them think differently about their craft and their process. We don’t make it easy: we question the status quo and we obsess over all of the little details such as image captions and image credits and sources and front page images and links to related resources. Every single bit of it takes time and effort, but it’s worth it. We are not perfectionists, but we do try to make sure that everything is as it should be.

At The Workplace
The focus of our work is high quality content. It’s no wonder some things keep getting lost around the office. Image credit: Marc Thiele.

Our (Simple) Tools

How do we manage it all? Well, it’s not as difficult as it sounds. We don’t use any sophisticated tools; we prefer to work with simple tools — some of them we developed ourselves as creative weekend projects. For every article, we follow our custom editorial guide, which was thoroughly developed for the magazine as well as for our eBooks and printed books. We have developed a style and tone guide as well, which clearly states what is important to us, what our values and principles are, and what we pay attention to in terms of copywriting, customer service, code and visual design. And we tend to use quite a few checklists as well.

We group our Google spreadsheets together, which we all use to coordinate the workload. All editors and proofreaders share these spreadsheets to coordinate the status of upcoming and published articles. Experts receive articles for review via email along with a short questionnaire, and their rating is added to the spreadsheet as well. All email accounts are set on IMAP to allow for quick access when away from the office. Occasionally we’ll take an hour or two on the weekend to handle the most important tasks and to make sure that our authors, customers and readers don’t have to wait too long for a reply.

We use Dropbox for public data such as our templates and style guide, and we use our own “Smashbox� for private data. The Smashing Email Newsletter is written and edited in-house, and we use MailChimp to send out the emails to our dear subscribers. We have developed custom tools to make it easier for us to write, coordinate, edit, proofread and produce email newsletters, but we follow a thorough editorial procedure here as well. The magazine itself still runs on (heavily customized) WordPress; our advertising is managed by OpenX; and for our Smashing Shop we use Magento.

A Workplace At Smashing Magazine
A workspace in the Smashing Magazine’s main office. It’s good to have a break sometimes. Image credit: Marc Thiele.

Each of us work on two displays, some of us on Windows, others on Mac. For editing work (especially for all those em and en dashes, email addresses and common text snippets), we use TextExpander (Mac), Alfred (Mac) and PhraseExpress (Win). When working on articles, we find we have to split our desktops into multiple areas, so inevitably we use tools such as SizeUp to arrange application windows evenly across the available space (we can, for example, split a desktop between two windows with a quick keyboard shortcut).

In fact, don’t be surprised if you visit our office and stumble upon printed cheat sheets with weird characters and abbreviations throughout the office. Notes are often taken with iA Writer, and to-do notes are managed in simple plain-text to-do.txt files. Images and screenshots are created using SnagIt and InstantShot. Coding is often done in Aptana and Sublime Text 2, while design sketches often happen on paper or in the browser. Most of us use Chrome and Firefox as our primary browsers.

When working remotely, we usually use Skype for internal meetings and communication. However, we tend to avoid phone calls and Skype conferences. Rather, we love email fiercely. Being a passive medium, email gives us time to think, to research and to provide meaningful, thorough feedback.

We try to avoid distractions. Choosing an office space where avoiding distractions is easy was, therefore, the right decision for our small enterprise.

Smashing Magazine: Made In Germany

No, our office isn’t located in the UK or the US. As some of you already know (although many of you don’t), we have lived and worked in Germany from the day the website went live. We worked remotely from each other in the beginning; today, we live and work in Freiburg im Breisgau, a beautiful small city on the western edge of the Black Forest, in the border triangle of Germany, France and Switzerland. Freiburg is known for its medieval buildings and Mediterranean flair, but it also has a renowned university. From our office, we enjoy a very nice view of a lot of big trees, beautiful church steeples, and forests and green hills. The city is one of the sunniest and warmest in Germany — surely a good reason to enjoy a cool German beer now and then.

Schlossberg Beer Garden in Freiburg
A beer garden in Freiburg. Enjoying a cool beer on a sunny day. Image credit: Benediktv.

Admittedly, not much happens in Freiburg in terms of Web design or development meetups. The area isn’t a particularly large hub for creatives, which might at first sound like a huge disadvantage for a company such as ours. And it certainly is when it comes to finding designers and developers to work with or organizing a conference. But it turns out to have one major advantage as well.

If all you need is passion, devotion, technology and good people, why not choose a beautiful and pleasant location for your office? Having an office in a city with a peaceful atmosphere, where there are no frequent meetups or large conferences, actually turned out healthy for us. It helps us avoid distractions and focus instead on the quality of our work and minding our own business. And when it comes to networking, travelling from Freiburg — located in the heart of Europe — to major conferences and events hasn’t been a problem, especially because quite a lot of editing work is done offline — on trains, planes and even ships, where Internet connectivity is not available.

Southwest View From Our Office
Yes, this is Freiburg. A sunset view from our office. No Photoshop in use.

Environment Around Freiburg
Another side of Freiburg. The nature of the Black Forest is all around us.

While a major part of our work requires being available online, over the years we’ve learned to appreciate the distinct appeal of being offline. A lot of planning, editing and design work is deliberately done offline — in sketchbooks with pencils, with sticky notes and doodles, sometimes with large headphones on. Especially when writing feedback for articles and discussing ideas, finding a calm area is often helpful. In fact, we don’t have fixed working hours or times when everyone must be in the office: we care that things get done, and we care that things get done properly. Sometimes they are done on the go, in the office or in a coffee shop.

The Smashing Team: A Melting Pot

Looking back at our team in these last years, we can’t help but wonder how such different people have ended up working together, arm in arm, in a small German town, supporting an international online English-language publication.

Only a few of us actually come from Germany. But we all ended up in one or another German city at some point, only moving to Freiburg later on. What started as a random experiment of two like-minded individuals in 2006 has become a company consisting of 16 people in the Freiburg office and hundreds of authors, editors, reviewers, proofreaders and illustrators worldwide. In preparing this very article, we were surprised to recall the many exciting experiences that so many of us have shared before joining the Smashing team. We usually don’t get the opportunity to reflect like this in the fuss and busyness of our daily work, but when a birthday comes along, it’s a good idea to pay a little closer attention to the birthday kid.

Inge Emmler (Support Manager) Sven Lennartz (CEO) Richard Utner (Support Manager) Eugenia Hermann (Office Manager) Vitaly Friedman (CEO & Editor-In-Chief) Iris Lješnjanin (Senior Editor) Jan Constantin (Junior Editor) Robin Schulz (Web Developer) Esther Arends (Editorial Team) Melanie Lang (Trainee) Talita Telma-Stöckle (eBook Manager) Stephan Poppe (Public Relations & Marketing) Andrew Rogerson (Marketing Assistant)
Our team in Freiburg (from top left to right): Inge, Sven, Richard, Eugenia, Vitaly, Iris, Jan, Robin, Esther, Melanie, Talita, Stephan, Andrew.

In the office in Freiburg, we are all shaped by countless moments, encounters and feelings, and each of us carries a suitcase full of experiences. The people behind Smashing Magazine have many different nationalities and religions and have all kinds of educational, professional and cultural backgrounds. Germany is just one of the countries we come from. (You might want to look closer at the people around you, too — you’d be surprised.)

Some of the Places We Were Born

  • Malaysia
  • Slovenia
  • Brazil
  • Canada
  • Germany
  • Belarus
  • Kazakhstan
  • The US

Some of the Places We Grew Up

  • Egypt
  • Indonesia
  • United Arab Emirates
  • Sudan
  • The US
  • Brazil
  • Germany

Smashing Magazine's Photos
Andrew Rogerson (on the left) is a Brazilian born in Canada; Stephan Poppe (on the right) grew up in Egypt and Indonesia. Both are working together in the eBooks/Marketing team at our office.

Some of the Places We’ve Lived and Worked

  • Tanzania
  • Fiji
  • Australia
  • The US
  • New Zealand
  • The Netherlands

Some of the Languages We Speak

  • English
  • German
  • Russian
  • Dutch
  • Polish
  • Portuguese
  • Bosnian
  • Arabic
  • French
  • Indonesian
  • Serbo-Croatian
  • Spanish

Some of our Areas of Study and Degrees

  • Computer science
  • Mathematics
  • Media and communications
  • Historical anthropology
  • Industrial management
  • Law
  • Cognitive sciences
  • Chemistry
  • History
  • Radiology
  • Spectacle optics
  • Philosophy, Politics and Economics
  • International business
  • Anglistics
  • Project management
  • Russian Studies
  • Architecture
  • Islamic studies
  • American Studies

Smashing Magazine's Photos
Inge Emmler, the head of our support team. In the past, she used to teach women to sew with a sewing machine in Nigeria.

More or Less Ordinary Things We Did Before Coming to Smashing Magazine

  • Rounding up funds to build a middle school in East Africa
  • Counting animals in Tanzania’s national parks for the WWF
  • Teaching women to sew with a sewing machine in Nigeria
  • Delivering the Sun newspaper in Toronto
  • Working in a scuba-diving shop in the US
  • Selling water filters on the streets of Sao Paulo
  • Working in a hotel on Copacabana Beach in Rio de Janeiro
  • Teleselling benches for the Pope’s visit in Freiburg
  • Working as a motorhome rental agent in Calgary
  • Driving tractors and marking lambs in New Zealand
  • Working in parliament in Berlin
  • Working with disabled children and elderly in Freiburg
  • Working at the Hard Rock Cafe in Paris
  • Driving people around in a rickshaw in Amsterdam
  • Cleaning airplanes in Dortmund
  • Working as a barista at Lindt Cafe in Sydney
  • Running a mobile breakfast service on a scooter in Freiburg
  • Selling auto parts in a car dealership in Freiburg
  • Working as a stablehand in a competition yard

Some of Our More Unusual Experiences

  • Hitching a ride on a local fisherman’s boat out to a reef break in Indonesia and then having to paddle back to shore on our surfboards for about an hour because, halfway there, the vessel turned into a bathtub and the fisherman told us to get off the boat so that it wouldn’t sink.
  • Working as a night owl, writing an 800-page book in the parents’ kitchen while the rest of the world was asleep.
  • Scuba diving in the Great Barrier Reef.

The Smashing Cat: Our Mascot

Some of you have met him already, the Smashing Cat, our adorable fellow who made his first appearance back in 2009 on the back cover of the Smashing Book 1. Being humble and modest, the Smashing Cat has lived calmly in the Smashing office most of the time, but it has also toured the world, visiting some of our readers out there. In fact, even a year after having said good-bye to us, he sends us a postcard every now and then from somewhere in the world! If you’d like to have this adorable little fellow as well, get him now before another owner grabs him!

Smashing Cat In Freiburg
The Smashing Cat takes a day off in our home city of Freiburg.

Smashing Cat In Singapore
The Smashing Cat has been to Singapore as well.

It’s Just The Beginning

The last six years have flown by. We’ve published over 1,700 articles by over 890 authors, most of them peer reviewed by 120 expert reviewers. We’ve gone through a total of over 6,000 drafts, many of which never made it to the final stage. We’ve received over 750,000 (non-spam) emails over the years and have put in plenty of editing hours to make sure that every article feels as smashing as it should.

But we’re just getting warmed up. We have big plans, and we are hungry to experiment — just as we were six years ago. We want to make a difference, and we want to keep providing value to each and every one for you. Our commitment to delivering quality work to the design community is what brings us back to the office every single day, and it is what keeps us excited about the future of Smashing Magazine.

Our stellar authors deserve credit for taking time to share their ideas and experiences with you, our dear reader. Working with such remarkable, talented, hard-working and friendly people has been a genuine privilege. Only when you find yourself developing an idea for an article with an author at 3:00 in the morning do you realize what remarkable qualities our authors and the design community in general have. Thank you.

Francisco InchausteTom GiannattasioMichel BozgounovJeff StarrDerek AllardAlexander CharcharKeir Whitaker Kieran MastertonAndrew LoboJohn von BergenRicardo Gimenes
Our editors and proofreaders (from top left to right): Francisco Inchauste, Tom Giannattasio, Michel Bozgounov, Jeff Starr, Derek Allard, Alexander Charchar, Keir Whitaker, Kieran Masterton, Andrew Lobo, John von Bergen. Last but not least, our illustrator Ricardo Gimenes.

Our fantastic editors also deserve credit for following and helping to establish these values in the various sections of Smashing Magazine. Francisco Inchauste takes care of the UX design section; Tom Giannattasio helps us out with Photoshop articles; Michel Bozgounov hunts down articles about Fireworks; Jeff Starr handles articles dealing with WordPress; and Derek Allard prepares mobile-related articles. In the past, we’ve worked with Alexander Charchar, Keir Whitaker and Kieran Masterton as well, and we’d like to sincerely thank all of them for the fantastic work they do. Thank you.

Our thorough proofreaders, Andrew Lobo and John von Bergen, have to be applauded for their meticulous work in ensuring that every article conforms to the strict 16-page style guide. Editing all of those commas, dashes, typos and unclear sentences and getting everything into shape isn’t easy with articles that often require vast technical knowledge. We know that from experience. Thank you.

Thank You To Our Team!

Of course, Smashing Magazine wouldn’t be possible without the tremendous team of dedicated people who are ready to work day and night to make sure that Smashing Magazine remains strong and valuable.

Thank you:

  • Iris, for those occasional bulletproof editing night shifts;
  • Inge, for making our customers happy (and for the one and only cheesecake!);
  • Robin, for lengthy coding sessions in the mornings, at nights and on the weekends;
  • Talita, for pushing the pixels to make our eBooks just right;
  • Stephan, for spreading the word about our brand and our values worldwide;
  • Andrew, for your creative energy, which is present everywhere in the office;
  • Eugenia, for keeping us from descending into creativity chaos and for paying our invoices swiftly;
  • Lisa, for helping us to get things on time and well-organized;
  • Richard, for always being helpful to our customers and readers;
  • Christiane, for all the research on our articles and the tweets since the very first day;
  • Ursula, for helping us manage the flood of emails;
  • Ricardo, for your beautiful illustrations and your unique fantastic style;
  • Michael and your team, for managing the advertising spots on the magazine;
  • Elja, for building all of the editorial tools that we use (and for those desktop wallpaper posts!);
  • Sweta, for collecting article ideas and making sure that all articles validate;
  • Sven, for your valuable strategic input and your vision for the future.

Also, thank you to:

  • Our dear trainees, Jessica, Katrin, Luca, Ana, Melanie, for your hungry curiosity and your unique perspectives;
  • Our understanding advertisers and sponsors, who help us cover our costs;
  • All of the fantastic designers and developers who have worked with us meticulously over all these years.

It’s All Your Fault!

The reason why this website exists and why this article is even being published is because you, dear reader, keep coming back to Smashing Magazine and recommending us to your friends and colleagues. Having such a large audience, we are fully aware of our responsibilities to the design community, and we’ll make sure to stay true to our values and principles in future. Six years ago today was the day it all started. Today is also your day because you’ve made it all possible, and for that we are eternally grateful to each of you.

Smashing Magazine's Photos

A huge thank you to you for being so helpful, engaging and supportive, and for staying with us all this time.

It means the world to us.

Cheers, everyone! Here’s to the next six years!

(al)


© Vitaly Friedman for Smashing Magazine, 2012.


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