21
2011
Web Designer, Be Your Best Promoter
Have you ever had someone flirt with you and they did nothing but demean themselves the whole time? Did that make you attracted to them? Doubtful. Yet, this is how so many individuals seem to handle their business today. With the advent of social media, the Web has been overflooded with individuals claiming that they are experts at everything. It has become so rampant that whenever I come to see someone label themselves as an expert I immediately believe they are trying to pull a fast one on me.
Unfortunately, many times these people get business because there are people out there who really do believe that they are experts. How many great designers do you know out there who struggle to find clients, while the world’s worst Microsoft Frontpage jockey can’t keep client offers out of his inbox? I know some of you reading this are dying to get more clients or more users to the app you created. Obviously, to get more people you need to let more people know about you and that doesn’t happen unless you say something.
21
2011
The Do’s And Don’ts Of Infographic Design: Revisited
Editor’s Note: Last Friday, we published an article on the Do’s And Don’ts Of Infographic Design written by Amy Balliett which raised quite a discussion within the design community. Some readers agreed, some readers found examples contradictory, and some readers felt that there were some problems with the article which should be addressed in a further article. Nathan Yau was kind enough to write a counter piece arguing about the practices and examples presented within the original article. This article is his response to Amy’s article published a week ago. Please notice that the main point of this article is to show a different perspective at the points mentioned in the original article; it isn’t supposed to be a “corrected” guide to infographic design.
Smashing Magazine offered advice on the “Dos And Don’ts Of Infographic Design“, but they forgot to include the former. It’s as if I wrote a fake post and someone mistook it for a serious guide. Written by Amy Balliett, it seems to me that the post is basically about a couple of tips on how to create linkbait that doesn’t work. Or at least I hope it doesn’t. Many of the dos are actually dont’s, and judging by some of the comments that the article had received, it’s worth pointing out what’s what.
20
2011
How To Create Tabs On WordPress Settings Pages
Using tabs in a user interface can help you better organize content, so it’s only natural that WordPress themes that have a lot of options would benefit from tabs on their settings page. In this tutorial, you will learn how to create a tabbed settings page, and you’ll get to download a WordPress theme that implements the code.
To get a quick grasp of the tabs we’ll be creating, go to Appearance/Themes in the WordPress admin area. You will find two tabs there: “Manage Themes” and “Install Themes.” When you click on one, the content changes and the tab’s title is highlighted.
20
2011
Comprehensive Review Of Usability And User Experience Testing Tools
Usability and user experience testing is vital to creating a successful website, and only more so if it’s an e-commerce website, a complex app or another website for which there’s a definite ROI. And running your own user tests to find out how users are interacting with your website and where problems might arise is completely possible.
But using one of the many existing tools and services for user testing is a lot easier than creating your own. Free, freemium and premium tools are out there, with options for most budgets. The important thing is to find a tool or service that works for your website and then use it to gather real-world data on what works and what doesn’t, rather than relying purely on instinct or abstract theories.
19
2011
Optimizing Long Lists Of Yes/No Values With JavaScript
Very frequently in Web development (and programming in general), you need to store a long list of boolean values (yes/no, true/false, checked/unchecked… you get the idea) into something that accepts only strings. Maybe it’s because you want to store them in localStorage or in a cookie, or send them through the body of an HTTP request. I’ve needed to do this countless times.
The last time I stumbled on such a case wasn’t with my own code. It was when Christian Heilmann showed me his then new slide deck, with a cool feature where you could toggle the visibility of individual slides in and out of the presentation. On seeing it, I was impressed. Looking more closely, though, I realized that the checkbox states did not persist after the page reloaded. So, someone could spend a long time carefully tweaking their slides, only to accidentally hit F5 or crash their browser, and then — boom! — all their work would be lost. Christian told me that he was already working on storing the checkbox states in localStorage. Then, naturally, we endlessly debated the storage format. That debate inspired me to write this article, to explore the various approaches in depth.
19
2011
Free E-Commerce WordPress Theme: Balita
In this post we release yet another freebie: the Balita WordPress theme, a theme dedicated to shops that sell products for children. The theme was designed by Tokokoo and released exclusively for Smashing Magazine and its readers. As usual, the theme is absolutely free to use for both private and commerical projects.
Not many theme providers have produced e-commerce themes for baby and toddler products. For you who have been working in this particular market niche for some time or are about to start, this Balita e-commerce theme is a great opportunity for you. Using such bright and cheerful pantone colors that suit this clothes department (baby/toddler products), this Balita e-commerce theme will surely attract more and more customers to your online store.
18
2011
How To Build An Agile UX Team: The Culture
This is the first in a three-part series on how to build and grow successful user experience teams in agile environments. It covers challenges related to organization, hiring and integration that plague UX teams in these situations. The perspective is that of a team leader, but the tactics described can be applied to multiple levels in an organization.
Building any kind of agile team is a lengthy and challenging process. Building a user experience team within an agile organization challenges not only traditional design practices but typical design team dynamics. In this first part, we’ll look at the type of culture that would support a strong UX component in the agile process and how to structure the organization so that designers are most effective and are able to thrive.
17
2011
How Disregarding Design Limits The Power Of Content
It appears to be a reader’s market. More written content is freely available than ever before, accessible in just about every format you could imagine. If you want it on paper, you’ve got it. On screen? What size, friend? We can shrink, stretch and stitch it all together every which way because, really, we’re just talking about words here… Or are we?
As soon as I ask that question, several others quickly follow. Is content so flexible? Is content’s most basic unit the word? Or is it, perhaps, the message? In today’s reader’s market, what of the writers and the designers who make reading possible? And are we building tools that honor their work, too? These questions didn’t randomly pop into my head one day. Nor did a design problem get me thinking along these lines. It was while reading — for pleasure — that I noticed something was wrong.
17
2011
Getting Started With PHP Templating
In the early days of PHP applications, “spaghetti code” was a familiar sight. Fragments of PHP code were mixed in with HTML mark-up. There were no frameworks, so Web applications were just a bunch of source files. As the PHP language matured, developers started to think about the cleanliness and maintainability of their code. The model-view-controller (MVC) pattern was introduced.
MVC is a software architecture that allows for the separation of business logic from the user interface. In this architecture, the user sees and interacts with the view that, in the case of Web applications, is generated HTML code (along with JavaScript, CSS, images, etc.)
15
2011
Advanced Layout Templates In WordPress’ Content Editor
As a Web designer, I often find myself building WordPress-based websites that will ultimately be updated and maintained by clients who have little to no experience working with HTML. While the TinyMCE rich-text editor is great for giving Web content managers of any skill level the tools they need to easily style and publish their posts to a degree, creating anything beyond a single column of text with a few floated images generally requires at least a basic understanding of HTML.
This article shows you an easy-to-implement trick that enables even the least tech-savvy of clients to manage multi-column content layouts within the comfort of the WYSIWIG editor. And for you advanced users, it’s still a great way to standardize and streamline your content entry.



An article by











