Weekly News Roundup – 22 March 2013

Posted by Design Reviver - Web Design Blog at 03-22-2013

ACAIFT09

The week is coming to an end and that means it is time for us to look back on the week that passed, the best design news, resources and other goodies. This week we look at wood patterns, beautiful WordPress designs, guide for using typography in responsive design, as well as some stunning app icons.

13 killer website galleries to inspire your designs

Website galleries, aka CSS galleries: they’re a great source of ideas, as well as keeping us abreast of the latest web design trends. We all have our go-to web design gallery for quick inspiration when the brief drops on your desk – but are there other sites you might not know about, that could be even more useful?

aww

Why User Experience Cannot Be Designed

lot of designers seem to be talking about user experience (UX) these days. We’re supposed to delight our users, even provide them with magic, so that they love our websites, apps and start-ups. User experience is a very blurry concept. Consequently, many people use the term incorrectly. Furthermore, many designers seem to have a firm (and often unrealistic) belief in how they can craft the user experience of their product. However, UX depends not only on how something is designed, but also other aspects. In this article, I will try to clarify why UX cannot be designed.

hassenzahls-model2

Five brands that reaped rewards after adopting responsive design

Responsive design is often touted as the future of web design based on little more than a vague sense that it makes websites more user-friendly and looks very cool.

o_neill-blog-full

Collection of Fresh and Professional GUI Sets

 

Every web designer is aware of the benefits of using pre-designed GUI sets, particularly when they are as comprehensive, as sophisticated, and as modern as the sets we have for you today. Some of the sets have been designed for the web, others for mobile apps, and some have even been created to help you design infographics.


uikit_01

 

15 Beautiful WordPress Themes for Photographers

When you’re a photographer looking for a WordPress theme for your blog, there’s one main thing you want it to do – put your photos front and centre. WordPress is a fantastic content management system for a lot of different things, but it does mean that standard themes won’t always cut it. Photography themes do a much better job of showcasing your portfolio, of stripping away everything that’s unnecessary so that it’s just the visitor and your iconic photographs.

07-photo

A Collection of Stunningly Detailed App Icons

The retina screens of the newer iPhone and iPad models have led to crisper, clearer and brighter screens filled with more details than before. One of the unexpected benefits of this is that app icons can also reveal more details. While some icons look great with a minimalist feel – incredibly detailed app icons now have more of a chance to shine.

01-icon

29 New Inspiring Responsive Web Designs

Everyone who is anyone is talking about responsive design these days — and everyone certainly has a strong opinion about it. But, whether you love it or hate it, responsive design is bound to go mainstream in 2013. Every business from Harvard to AOL are embracing responsive design as the wave of the future, and more websites are popping up on every device with an internet connection with conforming layouts.

142434149-730x485

Do bigger images mean improved conversion rates? Three case studies

Are your landing page or product page images big enough to get the best conversion rate that you can get? We’ve seen a wide variety of marketers testing image size these days, including B2B, ecommerce and media sites. I’m not talking about allowing your visitors to click to enlarge images. I’m talking about blowing up the size of your hero shot (the most important image on your page) so it’s much, much bigger.   Here are three examples from very different marketers to inspire you.

Skinnervalg1

 

Guide for Using Typography in Responsive Web Design

Responsive Web Design, often abbreviated as “RWD” has been generating hypes for two years, ever since Ethan Marcotte coined the term. Understanding RWD properly is important so let me just recap what it is and why is it necessary.

Designzzz-Responsive

Creative Ads Inspired by Fairy Tales

We see advertisements on a daily basis — television, newspaper ads, billboards, internet, and so on. Many such advertisements exhibit a great level of creativity, especially when it comes to themes related to fantasy. In this gallery, we have compiled some of the best creative ads that are inspired by fairy tales.

ACAIFT09

The New York Times redesigns

In the web-era, major news sources aren’t restricted to local readership. Whilst a city paper may feature some local news, its sports, national and international news coverage is just as likely to be read by someone on a different continent. In 2012, The New York Times (44.8m monthly readers) fell behind London’s Daily Mail (45.3m monthly readers) as the popular newspaper website in the world. Largely because, unlike many of its rivals — one of the most notable being The Boston Globe — the NYT has left its online offering firmly rooted in the 2000s (the last major revision to the NYT website was in 2006 and it felt dated then).

featured_nyt@wdd2x

 30 Awesome Free Wood Textures

Nature can be a great source of inspiration and creativity for everyone. A plethora of beautiful things are present around you, and all you have to do is to look at them. Thus, it is quite common nowadays to add natural textures and other elements to web/graphic designs. Natural things add a feel of life and viability to your designs; and also a look and feel of reality.

woodtexture-26

 

The post Weekly News Roundup – 22 March 2013 appeared first on Design Reviver - Web Design Blog.

Sharing Designs Using the Creative Cloud

Posted by Lee Brimelow at 03-21-2013

Ever since we released the Creative Cloud, it has been a challenge to help people understand what it is all about. I answered some of the most frequently asked questions in a previous post but one of the areas that I didn’t touch on is the advanced sharing capabilities for Adobe filetypes like Photoshop PSD and Illustrator AI files.

In the video above I show an example of sharing a Photoshop PSD file that allows people to toggle on and off individual layers and leave comments on the design. This saves an enormous amount of time for both the designer and the people viewing the files. Many people involved in creative projects, such as project managers, might not even have Photoshop installed and this feature enables them to easily interact with the PSD.

At the end I show how these interactive PSD features work not only on the desktop Creative Cloud site but also on your mobile devices.

I have shared the PSD file so you can check out these features for yourself. Go to this link in either your desktop browser or mobile device to check it out.

Big thanks to the great folks at HD Interactive for providing the PSD file used in the video.

25 Minimalist WordPress Themes

Posted by BittBox at 03-21-2013

Advertise here with BSA


1. Helios

MWTI 01

DEMO & DOWNLOAD

2. Chocolate WP

MWTI 02

DEMO & DOWNLOAD

3. ShowTime

MWTI 03

DEMO & DOWNLOAD

4. 8 Cells

MWTI 04

DEMO & DOWNLOAD

5. DK For Photography

MWTI 05

DEMO & DOWNLOAD

6. White Space

MWTI 06

DEMO & DOWNLOAD

7. WellFolio

MWTI 07

DEMO & DOWNLOAD

8. Minuscula

MWTI 08

DEMO & DOWNLOAD

9. Humble Shop

MWTI 09

DEMO & DOWNLOAD

10. Spacing

MWTI 10

DEMO & DOWNLOAD

11. Mistix

MWTI 11

DEMO & DOWNLOAD

12. Tree

MWTI 12

DEMO & DOWNLOAD

13. Crown

MWTI 13

DEMO & DOWNLOAD

14. Spaceship

MWTI 14

DEMO & DOWNLOAD

15. Hyperion

MWTI 15

DEMO & DOWNLOAD

16. Mini Site

MWTI 16

DEMO & DOWNLOAD

17. Juca

MWTI 17

DEMO & DOWNLOAD

18. Tesla

MWTI 18

DEMO & DOWNLOAD

19. Aeolus

MWTI 19

DEMO & DOWNLOAD

20. Clean Creative

MWTI 20

DEMO & DOWNLOAD

21. Garnish

MWTI 21

DEMO & DOWNLOAD

22. Mono Tone

MWTI 22

DEMO & DOWNLOAD

23. Peak

MWTI 23

DEMO & DOWNLOAD

24. Salutary

MWTI 24

DEMO & DOWNLOAD

25. Exotico

MWTI 25

DEMO & DOWNLOAD

20 Great fonts you should have in your collection.

Posted by Design Reviver - Web Design Blog at 03-20-2013

Screen Shot 2013-03-20 at 10.43.28 AM

Every good web designer knows that if there is one thing you can never have enough of then it’s Fonts! As some of you might know we are great fans of different wonky fonts, therefore we have collected 20 of the most interesting fonts currerntly available on the internet. Most of these fonts are free, however a few of them are for personal use only, with the option of purchase for professional use.

Redwood Creek

Screen Shot 2013-03-20 at 10.04.18 AM

Simple Print

Screen Shot 2013-03-20 at 10.08.25 AM

Chopin Script

Screen Shot 2013-03-20 at 10.11.51 AM

Angry Birds

Screen Shot 2013-03-20 at 10.20.34 AM

Optimus Princeps

Screen Shot 2013-03-20 at 10.12.06 AM

Waltograph

Screen Shot 2013-03-20 at 10.13.54 AMScreen Shot 2013-03-20 at 10.14.05 AM

Champagne & Limousines

Screen Shot 2013-03-20 at 10.12.20 AM

Pacifico

Screen Shot 2013-03-20 at 10.16.29 AM

Frankentype

Screen Shot 2013-03-20 at 10.17.58 AM

Flesh Wound

Screen Shot 2013-03-20 at 10.22.04 AM

Intaglio

Screen Shot 2013-03-20 at 10.23.54 AM

Prism

Screen Shot 2013-03-20 at 10.28.48 AM

CF I want to believe

Screen Shot 2013-03-20 at 10.30.38 AM

Abracadabrahocusspokuz

Screen Shot 2013-03-20 at 10.32.02 AM

 

Tartlers End

Screen Shot 2013-03-20 at 10.29.39 AM

Warpai

Screen Shot 2013-03-20 at 10.33.08 AM

Coburn

Screen Shot 2013-03-20 at 10.27.39 AM

Stripes

Screen Shot 2013-03-20 at 10.36.22 AM

CF Jack Story

Screen Shot 2013-03-20 at 10.36.36 AM

Crash Crash

Screen Shot 2013-03-20 at 10.36.48 AM

 

 

The post 20 Great fonts you should have in your collection. appeared first on Design Reviver - Web Design Blog.

First-Hand Advice: Practical Tips From Top WordPress Pros

Posted by Smashing Magazine Feed at 03-20-2013


  

Recently I shared with you some advice from the WordPress community to beginners. But what if starting out is already a dim memory? What if you’re already so immersed in the world of WordPress that you dream of Trac and you bore your partner with talk of your latest achievement with custom post types?

Below are some tips from WordPress pros from across the community. Many of the tips cover development, but there’s also advice on business, running your website and, of course, getting involved with the community.

Wordpress-start-image
Image: Phil Oakley

Tips For Developers

Use Everything WordPress Has To Offer

WordPress’ core can do a lot for you, without you having to write a bunch of code. WordPress is much more powerful when you make use of its APIs and built-in functionality. “If you use WordPress as your framework,” says Trent Lapinski, “it will enable you to focus on developing an innovative plugin or theme.”

Matty Cohen recommends always looking for and using functionality available within WordPress before creating a function from scratch. “Examples of this include, at the higher level, using the WordPress Settings API and, at the lower level, using the media_handle_upload() function to upload your files, rather than a custom upload routine.” Matty gives an example of this with his WooSlider plugin. In order to create a familiar and consistent experience for WooThemes users, he did the following:

  • He used the Settings API for the settings screen.
  • He added a tab to the “Upload/Insert Media” popup for creating shortcodes. This interface uses a combination of the Settings API, custom form-creation logic, and some custom JavaScript to create the HTML output and the shortcode.

Screenshot of WooSlider settings
WooSlider uses built-in WordPress functionality to make the user experience better.

Making use of everything WordPress has to offer results in less coding for you and a better overall experience for users. But those aren’t the only benefits. Amy Hendrix points out that the code you write will be future-proof. Writing your own scripts could eventually result in conflicts.

Use Hooks

Hooks are the means by which you hook into WordPress and add your own code without modifying core files. There are two types of hooks: actions and filters. Action hooks are places where you can insert and run code. Filters are used to manipulate output.

If you’re working with WordPress’ core and with plugins and themes, then you should be extending by making use of all of the hooks available. Adam Brown maintains a list of all of the hooks that have ever appeared in WordPress.

Implement Hooks

Create your own hooks. By implementing hooks in your plugins and themes, you create opportunities for other people to extend them and create add-ons. Shane Pearlman believes that by doing so, you “encourage plugin developers to make opportunities for the community to extend and also use them.”

Not only does this create opportunities for other developers, but you make life easier for yourself. “With a ‘well-hooked’ theme or plugin,” says Simon Wheatley, “you can make adjustments between clients, or between sites on a multisite setup, a lot more easily than by effectively forking your own code for every scenario.”

Write Secure Code

If you write plugins or themes, keeping the code secure is critical. How bad would you feel if your code was responsible for websites getting hacked? Brad Williams recommends learning how data validation pertains to WordPress. A detailed page on data validation can be found in the Codex; so, if you’re a developer, you have no excuse for writing insecure WordPress plugins and themes. Following the guidelines will ensure that your code is safe and secure from exploits and hacks. As Ryan Hellyer points out, “Having a beautiful website which does exactly what a client requires is great, but it’s not so great when it gets injected with spam links and is de-indexed from search engines!”

Follow Best Practices

Ryan Duff and Brad Williams highlight some best practices that developers should stick to:

  • Make sure the data that you’re passing is always being passed in the way it’s expected to. Setting a variable on an incorrect line could result in a trickle-down effect of error messages.
  • WordPress has coding standards, so stick to them. This will keep your code in a format that all WordPress developers will recognize, making bug tracking much easier!

Embrace the Code Base

Both Helen Hou-Sandi and Jake Goldman of 10up recommend that you spend time looking at the code base. As Jake points out, “Relying on the Codex and Google searches for solving unique problems with WordPress is like trying to tune a car’s performance without ever looking under the hood.” Rachel Baker also suggests looking at the change logs, and Silviu-Cristian Burcă points us to his advice in “How to Become a WordPress Guru.”

A good integrated development environment (IDE) for PHP — such as NetBeans, PhpStorm, phpDesigner or Vanilla Eclipse — will offer code auto-completion for WordPress functions and their arguments and will display documentation on functions inline. You’ll be able to easily jump to function and class declarations to study them. “Think the core code base is too scary?” asks Jake. “Pick a file in wp-includes and start reading — you might be surprised by how approachable it is, and how much you can learn.”

Looking at the code, as Helen adds, also increases the likelihood that you’ll find a way to contribute code to the WordPress project. You’ll also become familiar with plugins and themes, understand how people do things properly, and recognize when they get it wrong.

Share Your Code

It’s in the nature of code in an open-source project to be shared, forked and iterated on. If you’re working on solutions, then share them with the community. “Share and publish your solutions, as a plugin, widget or theme,” says Cátia Kitahara. “Not for every project, but with most of them, we end up with a solution that could be of use to many others. So, do it as a way of giving back to the community. I know it takes time to prepare something to be distributed through the repositories, but remember the time WordPress saves for us!”

You could put your code on GitHub, which Ben Balter recommends:

“GitHub’s got a very different culture, and the ability for anyone to submit a pull request is a real game changer. It really lowers the barrier to contribute, and democratizes the entire plugin authoring experience. As a bonus, use GitHub’s built-in wiki functionality to maintain your plugin’s documentation (especially FAQ), so that anyone, even non-technical users, can contribute.

Lastly, if you have plugin tests, integrate with Travis CI so that you can automatically test pull requests before merging. To help you get started, a handful of tools are out there, such as GitHub → WordPress.org deployment scripts and GitHub wiki → WordPress readme converters.”

Eric Mann points out that if you’ve built your project in isolation, then you’re likely missing out on different approaches. Sharing your code with people gives them the opportunity to point out how it can be improved. WordPress itself is built collaboratively and is the result of hundreds of minds looking at it from different perspectives. If you want your code to excel, you should be sharing it, too.

Use Custom Post Types

Taking advantage of custom post types for specific use cases is a great way to leverage WordPress. At the Theme Foundry, Drew Strojny has three custom post types: themes, stories and tutorials. This enables members of his team to quickly find and create content.

Drew recommends making custom post types even more flexible by adding custom meta data. This enables you to style your content and provides opportunities to reuse that meta data across your website. He provides the example of the meta data he uses with the “Story” post type in use on his “Customer Stories” page.

a screenshort of a theme foundry story
Theme Foundry uses custom post types to display customer stories.

Four pieces of meta data are collected: “Location,” “Site title,” “URL” and “Theme name.” These are outputted as part of the post itself. But the meta data can also be used to output the latest story for a theme on the product page itself.

Think of Your User

When you develop with WordPress, you’re usually producing something that will be used daily by the average WordPress user. So, the interface should fit their needs. Starting off with the user workflow and interface, while keeping code in mind, will make for a better experience for users. Helen Hou-Sandi points out the following:

“It is certainly harder to mold an interface to the unknown average user, but worth the effort. A user keeps coming back because they feel confident using your software, and the interface is a huge part of that comfort. Good code behind the scenes is good for the user, but unless they can see or feel the positive results, they may never know.”

Andrea Rennick takes this even further, suggesting that “every so often, spend some time with a new user. It will open your eyes to the things you take for granted.” If you go to WordPress events, talk to novice users of your plugin to find out how they interact with it. If you run a WordPress business, spend some time with your newest members to see how they are getting on with your product. This sort of feedback is invaluable.

Provide Support

It’s not for punishment that new Automattic employees spend three weeks providing support, and that each team does a week of support every year. It keeps the people who write the code close to the people who use the product. It’s easy for developers to work in a bubble and forget about the users they are developing for. Stop seeing support as a chore; see it as an opportunity to stay in touch with the people who use WordPress. Andrea Rennick says this:

“I heartily believe everyone should spend a bit of time doing support, just to remember what it’s like being a new user. It can also open your eyes to potential issues in the software, in the UX, and just give a better sense of people’s expectations and assumptions.”

Even if you’re in the enviable position of employing supporters to do most of the work, as long as you write code or create products for WordPress, take some time to answer support threads and to stay in touch with your users.

Tools

Developers have recommended a number of tools.

Use the Developer Tools plugin from Automattic to eliminate all notices, especially deprecated notices. You’ll see a performance boost on websites that get a lot of traffic. Vid Luther points out that you slow down your side by 20 milliseconds for every notice your code throws out, and 40 milliseconds for every deprecated notice your code throws out. “Even if you have error reporting turned off,” says Vid, “it’s still shitty code.”

Timothy Wood recommends using SublimeText2 as your development IDE. It’s cross-platform, lightweight and fast, and it improves code. “The goal of a good developer,” says Timothy, “is to be efficient in the code and to spend time using thought instead of (brute) code force.” He keeps a list of SublimeText2 add-ons that he finds useful.

Managing Your Website

Keep Your Website Secure

Keeping your WordPress website secure is important. I wrote about this a few months ago, highlighting the types of attacks that a website could come under. The little guys aren’t the only ones who get hit; huge websites are susceptible, too. Here are Dre Armeda’s top tips for keeping your website secure:

  1. Don’t leave outdated software on your server, including old installations that you no longer use. If it’s not in use, remove it. If it’s outdated and you need it, update it.
  2. Limit access. Not everyone needs to be an admin, and not everyone needs FTP or SSH access. Give folks enough access to do their job, nothing more. When they are done, remove access. This should include every account on the server that has access ranging from WordPress to the server.
  3. Managing passwords is key. Using 12345 is not a good idea. Use different passwords for your accounts, and use a lot of characters, including numbers, symbols and both cases. Using a password manager where possible is also wise.

You’re going to feel stupid if you work professionally with WordPress and you get hacked. “This applies to everyone,” says Dre, “and I think it is even more important for WordPress pros. You don’t want to be in a position where you’re hacked or infected with malware because you weren’t taking care of the common sense basics. Be a pro, be a leader. Minimize the risk of security issues for you and your users.”

Back Up Your Website

Good backup practices are really important. What if your website is hacked or your server fails? Syed Balkhi recommends not simply relying on regular database backups either. Without all of your other data, such as images and plugins, your backup is incomplete. Syed recommends a service such as VaultPress or BackupBuddy. As Collis Ta’eed points out, you should “test regularly, and make sure you do a decent verification to ensure the backup is actually, completely, fully there and working. You don’t want to find out your backup wasn’t working… on the day you need it.”

Running Your Business

Collaborate in Business

Kim Gjerstad points out that the WordPress economy is a bit of a gold rush right now. People are rushing in, setting up businesses and making money. People assume that they should keep ideas to themselves, otherwise people will steal them. In reality, once you start to scale your business, you should start collaborating. The only way to do this is to start talking to other developers and business people. “Nobody’s really going to steal your ideas,” says Kim. “It takes a year to two years to become profitable in many start-ups, so it’s not like your idea is going to be stolen overnight. Go find the right people; talk to the right people.”

Similar advice comes from Josh Strebel, who recommends collaborating regularly, but choosing your partners carefully.

“It is good practice to collaborate as often as possible to avoid the duplication of effort and gain a wider audience for your wares. However, be diligent about who you choose to hitch your wagon to. Not all partnerships are in the best interest of both parties from a public relations or economic viewpoint.”

Know Your Mobile Audience

More and more people are using portable devices to access the Internet. So, we can’t just build websites for big screens anymore. Isaac Keyet is the lead for the WordPress.org Mobile Group. He says:

“We constantly hear how important mobile is, and how people are using their portable devices more and more to access the Internet. But just how this happens varies widely from continent to continent, country to country. If you want to target developing countries, a responsive theme or app may not be enough — you may have to consider a very basic layout and/or a mobile site to gain full traction.

Other parts of this world do not speak English at all. If your site is not translated correctly, you’ll miss out. It’s a global world and mobile devices have democratized people’s ability to access the Internet.”

Reduce Support Load

In addition to providing support, make an effort to reduce your support load. To do this Frederick Townes recommends consistency. “Cultivating success,” he says, “is the result of countless small (and sometimes large) victories that occur in aggregate and culminate in some outcome.”

By reducing your support load, you can spend more time creating value for customers. Frederick suggests the following ways to achieve this:

  • Create secure, well-documented and reliable code.
  • Pick the right tools for the job.
  • Remember that users don’t read manuals, so design usable interfaces with pointers, tooltips and captions.
  • Localize wherever possible.
  • Make FAQs and canned responses available.
  • Iterate on feature requests.
  • Nurture advocates who love your project and who will help others and figure out how to get new advocates.

Find a Niche

Andrew Norcross points out that WordPress has a lot of venues for people to use their skill set. Expand your own skills, while maintaining a strong focus. This could be in themes, plugins, front-end design, support, writing, etc. You could focus on developing with a particular framework, such as Genesis, or with the products of a particular theme shop, such as WooThemes. As Christine Rondeau puts it:

“Saying you build WordPress sites is like saying you build houses. It’s simply not clear enough, and you need to drill down and be really clear about your niche. It’s also important that your niche brings you joy; otherwise, there’s no point.”

Educate Your Clients

Mika Epstein notes that one of the most common reasons she hears people give for why they can’t do the right thing is, “My client doesn’t want it.” Her reply is, “It’s time to educate your clients.” Don’t let your clients force you into making bad choices. Remember that you are the expert — that is why they are paying you.

Mika has two recommendations for dealing with clients in this situation:

  • Educate them on why what they’re doing is bad.
  • Make it easier for them to do the right thing for themselves.

By educating them and creating the right tools, you make it easier for them to avoid link scams, SEO black hats and other bad practices. This makes the Web better for everyone.

Get Involved In The Community

Whether you’re a beginner or a pro, getting involved in the community is a great way to hone your skills. Mason James suggests getting involved with Trac. If something doesn’t work, report it! The more feedback is provided, the quicker the software will progress.

Communicate with other members of the community. Pippin Williamson says that he loves a lot of different software, but most of them are just pieces of software, “whereas WordPress is a piece of software that keeps me involved with dozens (or hundreds) of the best people I’ve ever met. It’s this involvement that makes my usage and development work in WordPress so fulfilling.”

Paul Gibbs notes that he has become a better developer because he has worked with the people who build the software. He recommends taking every opportunity to meet new people, to collaborate on projects and to talk to your audience and customers.

“WordPress,” says Paul, “gives you a sandbox in which to build your dreams.”

Contribute

Once you become involved in the community, look at ways to contribute back to it. Marko Heijnen says that the learning curve is big and that you’ll learn a lot from others. You’ll also become more tightly integrated in the community. “WordPress has a great karma currency,” says Tammie Lister. “From contributing to passing on what you learn, you’ll reap the rewards.”

Konstantin Obenland points out that there are plenty of ways to get involved in WordPress. You don’t just have to get involved with core — you could contribute to the Theme Review Team, for instance, where you’ll enhance your knowledge of best practices. Konstantin Kovshenin says:

“Get involved. Follow WordPress development, read the trac, follow changesets, follow weekly dev chats. Study the core contributor handbook, help with beta testing, help reproduce trac issues, submit a patch, write a unit test, go to a WordPress event (meetups, WordCamps, etc.), organize a WordPress event, spread the word and knowledge, blog about your experiences.”

Learn

“You’re never too smart to learn,” says Andy Stratton. “In fact, the smartest people don’t know everything; they just know when to ask questions and learn.” WordPress is vast, and there is always more to learn. Andy suggests making a list of things you want to learn in one month, two months, six months and twelve months. “Speak at a WordCamp, build a custom widget, work with the HTTP API, create custom rewrite rules, etc. At least every three months, you should be able to say you’ve accomplished or learned something new.”

Do Peer Review

“Peer review is one of the best things you can do for your development workflow,” says Japh Thomson. Ask a trusted friend or colleague to look over your plugin, theme or functionality. Japh outlines the ways that this helps:

  1. Your reviewer could remind you of any best practices that you might not have been aware of or had forgotten about during the development process.
  2. Your reviewer could also let you know about a better approach that you hadn’t thought of.
  3. Your development will benefit just from your knowing that someone else is looking at your code!

Japh adds:

“If you think this is something that those holding the purse strings might consider an unnecessary expense, consider integrating it with other parts of the process — such as documentation, where the reviewer creates documentation as they review, and also knowledge sharing, so that at least one other developer on your team knows and understands the code you’ve written (you know, the whole “bus factor”).”

Be Open to Criticism

Whoever you are, whatever profession you’re in, taking criticism can be hard — especially if you’ve worked really hard on something and someone points out its flaws and tells you that you’re doing it wrong. Yet the nature of an open-source community is for people to take what you’ve done and improve upon it. Kailey Lampert talks about this from the perspective of a developer:

“We can get to be really proud of code we’ve put a lot of time into. And we love it when someone agrees that our code is clever and clean. But believe it or not, sometimes we make mistakes, and people notice. It can be almost heartbreaking to hear someone tell you all the ways you could have made your code better. It may be tempting to never release code again for fear of being embarrassed, but with that attitude, how can we grow? Be humble, take the advice, learn from it, and make new mistakes next time.”

Read the News

There are a lot of ways to stay up to date on what’s happening with WordPress. Mike Little recommends subscribing to the Make WordPress.org blogs, and even the Trac mailing list. “Keep an eye on them, and learn what is coming up,” he says. “It may affect the work you are doing now, and certainly will in the future. If you are still writing the same code now that you were writing a year ago, you are out of date.”

By following other WordPress developers on Twitter and GitHub, you’ll find scripts and tools that others have written. Jared Atchison has developed his own set of tools but finds that the tools others share often do it better. George Stephanis and Kurt Payne have some great suggestions on places you can tap into to get information:

Staying up to date on WordPress will help you improve over time.

Dougal Campbell has this to say:

“If you stay isolated and develop in a vacuum, you are going to miss out on all sorts of useful discoveries. I try to keep myself on top of things, and I can’t tell you how many times I’ve seen a blog post or tweet that made me say, “I didn’t know about that function!””

In addition to keeping up with what’s happening on WordPress, Chris Wallace stresses the importance of keeping up with new plugins. You need to know whether the plugins you use do what they do best. You never know when a new plugin will appear that surpasses all of its competitors.

Do What Makes You Happy

If you work with WordPress, then you’re probably in the happy position of being inundated with work. There is great demand for people with WordPress expertise, so make sure to get paid to do what you like doing. Market yourself to the types of clients who will provide you with work that makes you happy. Boone Gorges talks about his experience:

“I’m passionate about education and academic institutions, and about building free social software that helps these kinds of organizations do their work better. So, first of all, I market myself to educational institutions, and tend to turn down most work outside of that area.

Then, I only take on projects that either will become standalone free software projects or will contribute back to a project like BuddyPress. This strategy helps me to make the most of my time, since I’m getting paid to do work that, in many cases, I would eventually have done in my free time.”

Find clients in the field that you’re passionate about. In the end, you’ll be happier, and you’ll do work that you find rewarding.

Some Final Tips

Below are some final tips that didn’t quite fit elsewhere.

Seisuke Kuraishi says:

“Do ego searching. In most cases, people won’t come directly to you to tell you the problem with your plugin or theme.”

Daniel Dvorkin says:

“Performance and ability to scale shouldn’t come after the fact. It’s a mentality you should have while developing. If you’re planning to make your code public, always assume that your code already needs to scale.”

Mark Jaquith says:

“If you get a lot of comments, enable and learn the keyboard shortcuts for moderating comments. (This is a per-user option, so set this in your profile.) This will save you a lot of time!”

Magnus Jepson says:

“Use a child theme when customizing a theme, and keep the parent theme updated, along with WordPress and all of your plugins. Minimize the number of plugins you have activated, and delete any inactive plugins for security reasons.”

Got your own tips? Let us know in the comments!

(al)


© Siobhan McKeown for Smashing Magazine, 2013.

Free Texture Tuesday: Black and White Bark

Posted by BittBox at 03-19-2013

Advertise here with BSA







A Case Study: The Art Of Storytelling Around An App

Posted by Smashing Magazine Feed at 03-19-2013


  

Every app tells a story. Apps like Pandora tell the story of music; apps like Tip N Split tell a story of a calculator; and apps like Temperature tell the story of weather. Then we have storybook apps like Alice for the iPad, which literally tell stories!

The story of the cluttered app market is well known! Biz Report recently reported that the number of app downloads is estimated to reach 56 billion in 2013. And the San Francisco Chronicle has just reported that over 700,000 apps are for sale in the iTunes Store. Getting noticed is a major concern for app developers, and getting noticed sometimes requires not only a breakthrough app, but a compelling story.

For any app developer, conveying an app’s story at launch is critical. And just as important as promoting the story of your app is developing a story around the app that promotes the app’s story, that helps the app to stand out on digital store shelves, and that differentiates the app from its competitors.

To that end, what follows is a story about storytelling for a storybook app!

A-House-JPG-2_800
“The House That Went on Strike” and her troops.

The Big Brands And Storytelling

Storytelling has been described as a method of explaining a series of events through narrative. Storytelling is used by marketers as a tool to entertain or to establish an emotional connection; it can be employed to illustrate a concept, to steer an argument and to encourage consumer loyalty. “The digital age equals a commitment to storytelling,” explains Marian Salzman, Havas PR North America CEO and author of the annual trend-spotting book What’s Next: What to Expect in 2013. “As such, brands are always looking to create stories around their products as a way to relate more personally to the consumer and, at the same time, capture the attention of the media. Storytelling was a trend in 2012, and will continue to be on the upswing in 2013.”

Indeed, this year’s Super Bowl advertisements and viral videos reinforced the focus on storytelling by brands. Taco Bell told a tale of seniors gone wild, a group of elderly partiers who escape their beds and hit the pools and bars one evening, ending their night by eating at Taco Bell. The spot tied the brand to youthfulness. Volkswagen’s clever use of famous YouTube “anger” stars dancing in a field to “Come On Get Happy” — the theme to ’70s sitcom The Partridge Family — tied the brand to the emotive story of happiness.

Taking a page from the major brands’ use of storytelling and applying it to the release of its book app, Jumping Pages sought ways to tell the story of “The House That Went on Strike.” And as the team did with its first production, “David and Goliath” (hopefully you read about that in “The Art of Launching an App”), it set out to provide backstories that support the house’s strike and to provide promotional opportunities for storytelling.

The House That Went On Strike

It all began one day while filmmaker and founder of Jumping Pages, Rania Ajami, was juggling her job, two kids and her home — and the home unfortunately seemed to be losing out. “One day, I just felt like I couldn’t keep up and, feeling unappreciated, threatened to go on strike. Then, as I looked around my own home, it occurred to me that with the TV blaring, lights burning, washer and dryer continually spinning, a kitchen resembling a 24-hour diner — maybe the house wanted to strike, too, and that’s when the idea for the story struck!”

Thus, “The House That Went on Strike” was born. The rhyming tale of an errant family that repents after its neglected house and appliances go on strike became a critical hit. MyMac called the story the “epitome of interactive books.” The ultimate critic in the book industry, Kirkus, hailed the book app as “a lesson… delivered in a blend of equally lively sound, art and animation.” And the storytelling that the team generated to promote the book provided a myriad of media stories. The book app was positively featured in political, publishing and home stories in newspapers, magazines and websites around the US. But achieving these results wasn’t easy. The process was well thought out.

Building Stories

As all app developers know, the production process follows a formula, and it’s no different when adapting a book into an app. The Jumping Pages team began the production route for “House” by writing a story about how a home would lead her troops (i.e. her appliances) on a strike to teach the residing family a lesson. The script was then transformed into a sequence of panels for the iPad, with each panel containing interactive and animated scenes that directly related to the story.

With the prose and plans for each panel in place, the company’s graphic artist, Walter Krudop, added the wonderful images, and the production team completed the visual, aural, musical, animated and interactive components. The next step was to choose a narrator. The team wanted a celebrated mom, one who had a background as a leader, because calling a strike would require the heft of an authority figure.

It’s easy for creative developers to fall into the trap of insisting on a trained actor to read their story. Naturally, you want the quality of the narration to match the quality of the app and the story. Yet a trained actor might not draw attention to your app or have the background to storytell around the app. Therefore, just as designing, coding and building an application take some creativity, so does selecting a voice for the app. For “The House That Went on Strike”, Jumping Pages rocked the house with its selection.

Pat Schroeder John Casey
John Casey with Congresswoman Pat Schroeder during the recording of “The House That Went on Strike.”

Former congresswoman Pat Schroeder is not only a member of the National Women’s Hall of Fame, but is a former presidential candidate, the first mother to serve on the US House Armed Services Committee, and the former CEO of the Association of American Publishers. Schroeder was literally a “house mom,” and her memoir, 24 Years of House Work… And the Place Is Still a Mess, was a complementary metaphor for the Jumping Pages story.

She was the perfect choice not only because of her background, but because she excels in narration and has since received numerous plaudits for her work. Finally, she helped to provide multiple storytelling tracks.

In The News

One way to storytell is to find something in the news that relates to a component of your app. By anyone’s standard, members of the US House of Representatives didn’t get along too well in 2012, and its low approval ratings and ongoing negative headlines bore that out. As a former member of this esteemed body, Schroeder had firsthand experience dealing with that rancorous House. In fact, she had suggested that one way to get the representative body to work together was to call for a House strike.

Using that angle, prominent political publications in the US, including the National Journal and Roll Call, wrote articles about Schroeder’s narration of the app and how its message could help the US House become more orderly. As Roll Call reports:

“Schroeder said she used to dream of leading her colleagues on a strike against “the messy House” they created and hopes that the house in this story will inspire Congress to take similar action. “They oughta strike,” she said about Congress’ ongoing fights in the Roll Call article.”

Effect On The Industry

As book app developers know, the market is exploding. Some book apps are quite fancy, with a lot of interactivity, animation, and even videos and games embedded within. “The House That Went on Strike” contains interactivity, sounds and animation that relate directly to the story. And that is the difference. It’s a storybook first, and it’s important for this story to be told.

After leaving the House of Representatives, Pat served for over 10 years as the head of the Association of American Publishers, representing the top publishers in the US. Thus, she provided an authoritative voice about books and was recognized as a leader in the publishing industry. Furthermore, she could lend a stamp of approval about a book app, particularly one targeted at children.

While most parents have to weigh the pros and cons of downloading a book for their kids on an iPad, Pat could offer reassurance that the app was just fine for kids, provided that it was a storybook first and that any additional components of the app tied directly to the story. Consequently, she penned a blog post in the Huffington Post’s books section titled “A House Grandma’s iPad Story,” which spoke at length about her experience working on “The House That Went on Strike” and offered insight into how books should be produced for the mobile format (it’s even perhaps a must-read for developers who produce kids content for the mobile platform).

Furthermore, Pat’s experience in the industry helped the app get featured in Publisher’s Weekly, the bible of the publishing industry.

Teaching A Lesson

Most stories have a lesson, and indeed most apps do, too. “The House That Went on Strike” provided a lesson not only for kids, but for their parents: treat your home with respect. And while newspapers, magazines and blogs about the home traditionally feature decorating and “fashion” tips, the Jumping Pages team worked to create a story angle about how the app could help families come together to take care of their home.

The result was a nationally syndicated newspaper column by prominent home columnist Marnie Jameson, which appeared in over 30 newspapers in the US, including the San Jose Mercury News (the newspaper of Silicon Valley), the Denver Post and the Orlando Sentinel. The headlines from across the country, chosen by editors of the papers, ranged from “House on Strike: All Must Pitch In” to “Pat Schroeder Narrates a Book on Keeping the Home Tidy” to, appropriately enough, “The House That Went on Strike.” The story even made Marnie’s year-end “Lessons Learned in 2012.”

House 4
The “House” teaches a lesson!

Media Success

Indeed, the “The House That Went on Strike” was a lesson in successful storytelling. The app generated dozens of media stories about several storytelling themes. The book app, and the slew of publicity around it, helped Jumping Pages secure work for a soon-to-be-released animal app for kids by a prominent animal expert, and a groundbreaking app for kids related to the entertainment industry. In addition, the company plans a sequel to ride the success of the original “House” production.

Storytelling is fun for kids, adults and the media, and it can be fun for app developers, too. When promoting your app, remember that it’s not always about the final product, but perhaps rather about something indirectly related to it. The best brands sell to you by telling stories around their products. Similarly, “The House That Went on Strike” became a media darling and a hit on the strength of its heartwarming storytelling. As a media success story, the “House” cleaned house!

Four Tips On Storytelling

Deciding on the story for your app will require some careful thought and creativity. The first rule of thumb is to find a story that will resonate with a very specific niche audience, and then determine the optimal time to launch the app along with the story.

For example, the app KillsWitch, which makes it easy to entirely eliminate your ex’s presence from your Facebook timeline, was launched this past Valentine’s Day. Why? Simple: the developers created a story about all of the lonely and scorned lovers who seek revenge for their plight on the day traditionally celebrated for love. The app’s story had a clear demographic in mind, and it allowed the media to take an opposing angle for stories around the holiday.

Here are some other tips to keep in mind when crafting your app’s story:

  1. Emotional component
    Does your app capture memories (Instagram) or make you happy (Emoticon App) or sad (Crying Translator)? Find the emotion that best matches your app, and find a reason for a niche audience to laugh or cry about it. Will your app make people cry? Create a story about grown men crying, and launch it on World Smile Day.
  2. Newsworthiness
    If something is making the news, grab hold of it. Speaking of which, seasonal stories are always a good hook — for example, the Boating Weather app is tied to spring, and the TanningBooth app gives you a “tan” in winter. In addition, marking an anniversary is always a great way to keep your story newsworthy; for example, Jaeger-LeCoultre’s app marks the brand’s 180th anniversary in 2013, and the financial app Wonga Bazaar launched on the 25th anniversary of Black Monday.
  3. Industry effect
    An app can have an impact on the industry it was created for — and some crazy stories can be woven to grab that industry’s attention. Was Vine’s story about pornography?
  4. Lessons learned
    Does your app provide insight, have a special message or raise awareness? Climate Mobile provides information and lessons about global warming, particularly relevant this year as the subject gains traction. Does your app promote a lesson in thriftiness, like ExpenseTracker; a smart launch at the start of the holiday shopping season might appeal to stingy dads.

(al)


© John Casey for Smashing Magazine, 2013.

Budget Suggestions for Hiring Logo Design Company

Posted by Design Reviver - Web Design Blog at 03-18-2013

building-budget-transparency

No business owner wants their logo or marketing materials to appear like an amateur has put them together. When a potential customer goes to compare to like companies, the one that appears more knowledgeable and appealing will often win them over. Attractive marketing materials are essential since they are often the first impression a person has of a company or business.

Unfortunately, hiring a talented graphic designer involves quite a bit of money. Many budgets cannot bend their budgets to accommodate this type of service. So, how does a company ensure they are not only hiring the right designer, but that they are getting them at the best possible price?

Shop Around

Do not feel like you have to sign a contract with the first graphic designer you come across. Look around. Don’t be afraid to do cost comparisons. Bring these findings with you when you meet new designers. Not everyone will be willing to budge on their price but perhaps a designer you just love will agree to bridge the gap here or there. You have to negotiate. Perhaps they are firm on their estimate but are willing to throw something extra in. Or there is  a package deal with services you weren’t going to purchase but the bundle cost is too good to pass up. As in anything else, the best way to save money is to spend the time beforehand doing prep work.

Knowledge

Knowing what you are looking for and what you want beforehand will save you not only time, but also money. The more proofs, edits and redesigns you require to get the desired final product – the more you will pay a designer for their work. Take some time to do some research on design, recent trends in design and to really map out what you are seeking for your logo or marketing material. Coming to a designer with a plan with make proceedings go so much easier, thus saving you money.

Experience

Often those who want the best designers have the money to back up their wish. However, not every company can afford to hire the most skilled, most experienced or most wanted designer on the market. If you are working on a budget, your dreams of having a top notch designer may seem out of reach. However, you can find a great and talented designer without having to take out a second line of credit. Once you get past having to have the right ‘name’ behind your work, you can focus on upcoming designers who have loads of talent. These new designers may not have the experience or notoriety, but they can still produce stellar work that will grab the attention of your client base. It will require research to find the right designer, but it will be worth it in the end.

Protection

As a business owner, you need to protect yourself. Look for a designer or company that has been around for a while. Check their feedback rating at places like the Better Business Bureau. Ask your local Chamber of Commerce if they have heard anything about the company. Do an online search to see if there is anyone online talking about the designer, their work or their design firm. If you cannot find anything doing this research, ask the designer about insurance. A serious graphic designer will carry some type of liability insurance. Having insurance is a strong indication that the designer is serious about what they do.

Combine Services

Many companies offer in-house design services as part of their packages and deals. Instead of first seeking out a graphic design, considering choosing your printing company first and ask them to add on design services. Often this arrangement will save you money since the printing company is seeking first and foremost to acquire your printing needs and is offering design as an added bonus.

There are multiple ways to save costs when it comes to procuring a graphic designer for your needs. Doing the necessary research beforehand will go far when it comes to saving money and sparing your budget. Avoid rushing into making a decision and don’t be scared to negotiate. These techniques will ensure that you trim unnecessary fat from the cost of design and get the marketing pieces you are hoping for.

The post Budget Suggestions for Hiring Logo Design Company appeared first on Design Reviver - Web Design Blog.

FYI Monday: Daily Dishonesty Typography Project by Lauren Hom

Posted by Fudgegraphics | for lovers at 03-18-2013

This post is part of the For Your Inspiration Monday series showcasing the most inspiring designs out there. Each week a new artist or design style will be presented in order to get your creative juices flowing for the upcoming week. I hope you enjoy the series.

Lauren Hom is a graphic designer and illustrator based in New York City. Today I want to focus on one of her personal projects: Daily Dishonesty. This is where Lauren gives lovely little lies a nice typographic treatment. When I first came across this I couldn’t help but smile. I hope this will brighten up your day. For more lovely typography inspiration got to dailydishonesty.com and check out Lauren’s portfolio.

Daily Dishonesty Typography by Lauren Hom

Daily Dishonesty Typography by Lauren Hom

Daily Dishonesty Typography by Lauren Hom

Daily Dishonesty Typography by Lauren Hom

Daily Dishonesty Typography by Lauren Hom

Daily Dishonesty Typography by Lauren Hom

Daily Dishonesty Typography by Lauren Hom

Freebie Friday: 6 Simple Treeline Brushes

Posted by BittBox at 03-15-2013

Advertise here with BSA








Download .ZIP