Get found on the web

Quality Web Design for Small
to Medium Businesses in New Hampshire

Social media for creatives

Posted on by Portsmouth Media in Blog Leave a comment

An article I was reading about photoshop

href=”http://netdna.webdesignerdepot.com/uploads/2011/11/social.media_.thumb_.jpg”> class=”alignleft size-full wp-image-27740″ title=”social.media.thumb” src=”http://netdna.webdesignerdepot.com/uploads/2011/11/social.media_.thumb_.jpg” alt=”" width=”200″ height=”160″ />I’m amazed at companies, especially marketing firms, that stop their social media. It’s usually a blog that hasn’t been updated in a year or the proud display of fans numbering less than ten, eight of them being employees at that firm. What does that tell potential clients? It says that firm has no idea about social media. As someone who deals with social media on a daily basis, I see the value and I see the mistakes. It seems easy, in my mind, but I know it’s not or companies wouldn’t make so many mistakes.

Certainly social media has taken business by storm. People are still in a quandary about how it works, despite proven stats and ROI. Some companies do it on the cheap and some throw millions into it. It seems odd that so many people can’t see what social media is all about – being social!

When I hear someone say, “I don’t like Facebook,” I think, “enjoy the rest of the 20th century and I’ll catch up with you later…maybe!”

It is, of course, more serious than that. If you’re not keeping in touch with old friends and former coworkers, you are letting your network die and, as many articles keep pounding into our heads, your network is the most important way to get work. As with the occasional phone call to a close friend to see if they’re still alive, sharing some news and laughs and just showing them that you care, social media is the new phone call—it’s how we are social now. It’s important and cannot be ignored.

id=”more-27739″>

Your network

There are too many articles out there about the importance of having a strong network, so I won’t elaborate too much. Suffice it to say that if you aren’t keeping in touch with the people you know, you are losing valuable contacts. We all have friends that we forget to call every now and then. When we have a chance meeting with them in the street, it’s an awkward moment of lying about being “too busy” or “I was thinking about you the other day.” Admit that it happens to you, too. That relationship is weakened or broken either through the embarrassment of having been caught in not caring enough or using the age-old excuse.

The importance of Facebook connections, at least in my case with old friends and former coworkers is that I can continue to tease them and show I care in just a few minutes a day. I’m at my computer 18 hours a day, so why not use it to reach out? LinkedIn, while more business oriented is another important network but it goes beyond people we know or have known. As with Twitter, with whom do you connect?

Creatives tend to be drawn together in life and on social media. We follow other creatives, connect with them and spend an inordinate amount of time-sharing our work, dreams and disappointments. Misery does love company but how much time is spent on this commiseration as opposed to searching for solid business contacts?

When it comes to business, other designers aren’t the number one source of work for us as freelancers or referrals. The dark side of relying too much on connections with other designers is that they can sabotage others. People can be petty and the current financial and competitive environment is fierce. Learn to trust your own efforts!

While your trusted friends, whether designers or “normal” people, are great connections and should be treasured and nurtured, you need to seek out those who BUY your services.

class=”spacer_” />

Facebook

I’ve had friends who’ve used rel=”nofollow” href=”http://facebook.com” target=”_blank”>Facebook ads for their business. While FB demographics certainly make up business owners and executives, no one seems to have been successful using Facebook as a marketing tool. If you’re Coke or Toshiba, then Facebook fan pages will be a necessity but for the design business time is scarce for properly using social media, so use Facebook for keeping in touch with your friends and family. Taking time to update a FB fan page takes away from other social media channels that will be better for lead generation.

class=”spacer_” />

LinkedIn

rel=”nofollow” href=”http://linkedin.com” target=”_blank”>LinkedIn is a purely business site and douche bag hangout. After a while you’ll learn who is legitimate. Most people are there to do business networking. You will get a fair share of requests for free work and spam for energy drinks, real estate in Costa Rica and vitamin supplement pyramid schemes but you can also connect with some legitimate heavy hitters.

Build a list of a hundred dream clients. Search companies, identify the right people (not the CEO; try people who are in a position to book design projects) and build a list. Make sure you respond to every accepted connection with a personal note (via LinkedIn) to thank people for connecting with you and include your site URL for “more on me.”

LinkedIn has thousands of groups you can join and even more “questions” that you can answer for awards for “best answer.” Search for questions on marketing and answer how design helps marketing initiatives or advertising. Become an expert in the eyes and minds of possible leads who will need your services. There are some members of LinkedIn that like to give one-sentence answers that usually make no sense or don’t even address the question. They like to have the “most questions answered” title for all to see. Their reputations aren’t the best on the site so think quality and not quantity! Good, sound answers show others you are knowledgeable about your field. Building trust with prospects is an important step in gaining new clients.

Groups allow you to create closer connections with prospective clients. Are you going to join the “Lovers of Joomla” site or the “Small Business Marketing Ideas” group? The latter is filled with people who need your services. The idea of marketing yourself is to reach out to prospective clients, not to be friends with other creatives. Leave that for local design group bitch sessions. The biggest mistake a creative makes is failing to network which, in its most simple state, is sales or selling yourself and your service. If you attended a college or university for the art program, you will have an alumni group that will contain members that were not art students and they have businesses that need design services. So, why not urge them to use a fellow graduate? Surely you talked to other people at that school… right?

Were you a member of a fraternity or sorority? Your brothers and sisters are no doubt members of a LinkedIn group. If not, then start a group. Starting a group puts you in charge and number one in the spotlight.

Here’s a handy href=”http://www.businessinsider.com/linkedin-boot-camp-basic-training-for-the-personal-marketer-2011-11″>infographic to get you started!

class=”spacer_” />

Twitter

I once explained what rel=”nofollow” href=”http://twitter.com” target=”_blank”>Twitter is to a client in very simple terms: It’s a billboard you pass at 70 miles per hour on the information highway!

For creatives, Twitter is only good for driving traffic to your site or blog. Twitter is also only as strong as your followers or ability to hashtag tweets to the right people. I know this sounds easy but it’s not.

Most people on Twitter follow back without thought. This may lead to quantity but not quality. Unfortunately, as with everything listed to this point, designers tend to huddle together and follow each other. Do you want your competition showing up on your follow list when a prospective client is checking out your Twitter profile?

As with LinkedIn, make your Twitter follow building the people you want to reach. While my “Speider” account follows creatives and design publications, I won’t follow back “daily deal sites,” “insurance agents,” “real estate agents” or “fitness and diet gurus.” For my design Twitter account, these are the prospects that get followed back because they buy design services. See how that works?

When I add a new campaign to my site I worked on for a client, I tweet about that to this list. I will also hashtag (# symbol, such as #business branding #real estate advertising, etc.) to reach out to those who follow those interests.

href=”http://netdna.webdesignerdepot.com/uploads/2011/11/linktwit.gif”> class=”image-border” title=”linktwit” src=”http://netdna.webdesignerdepot.com/uploads/2011/11/linktwit.gif” alt=”" width=”615″ height=”575″ />

href=”http://netdna.webdesignerdepot.com/uploads/2011/11/linktwit.gif”>Both LinkedIn and Twitter have intuitive feedback that help you connect, join groups, hashtag to hot trends and see who is following you or viewing your profile. Use this information to connect with the right people!

class=”spacer_” />

Blogging

We are in a Googled world of information flying left and right. With sites like rel=”nofollow” href=”http://stumbleupon.com” target=”_blank”>Stumbleupon and rel=”nofollow” href=”http://digg.com” target=”_blank”>Digg, just to name two, and aggregators by the dozens, your blog will cross someone’s path at some point, either via a shared link, Facebook “like,” or just showing up in a search for some odd term. The key is to bring that person BACK to your blog again and again.

At my last full time job, people complained that I sent too many links every day. I would send out interesting product ideas or inspirational pieces to people in my department for the good of our company and business. Blogging wasn’t as popular as it is now (this was only seven or eight years ago, mind you) and I was receiving a weekly email blast from a design studio, which they called “The Hip-O-Meter.” It simply had three entries of interesting products or links, which weren’t even done by the studio. There was “Hip,” “Hipper” and “Hippest.” They followed it with a short blurb about something the studio had created as an ad for their services. Simple and brilliant. They touted that the e-newsletter, which was only type, went out to four thousand people. I was inspired but took it to the next level.

Taking all of the daily links I would send out, I created an e-newsletter with an embedded animated gif header, designed separators for each entry and drew together a dozen or so links of unique ads, products and other interesting stuff that would provide inspiration for our company business. Each Monday morning, the “Innovation Lounge,” as I called it, would go out to the department email list. Within a couple of months, it was going company wide solely through requests from different departments. The power of viral blogging that was shared by workers at this twenty-five thousand-person company and distribution grew. Workers even shared it with people outside the company.

When I was laid off from the company (that’s a whole other article in itself!), I branded my new freelance-self and started a similar blog, using Twitter, Stumbleupon, Yahoo and Google to drive traffic with links to the new entries, email blasts to former coworkers and other connections and created an opt-in list for new subscribers aside from those subscribing to the RSS feed. Thanks to the viral nature of the web, the blog garnered over seven hundred unique hits on days new content was published.

The downside was it took a LOT of time and research. When my branding changed (yet another article… which is actually out there on someone else’s blog), I abandoned the blog but every now and then I check the stats and it still gets between fifty and two-hundred hits per day due to the tags and images.

The key to this blog is that it was aimed at prospective clients. As with the “Hip-O-Meter,” it contained an ad for my services at the end of each entry. If I spotlighted vending machines, the ad focused on my studio’s ability to do work along that line and so on.

The mistake many designers make with their blogs is they focus on design issues and techniques that only appeal to other designers. Other designers do not buy your services, so it’s a waste of time. Focus your efforts on business and not fame among peers.

Blogging is a great way to reach prospects but very labor intensive. This is why many firms start to ignore their blogs – they don’t want to have an employee using their time to update the content or pay for someone to dedicate the time and effort. I have several clients that pay me to write blog posts for them. The big danger with a blog is having it show that it hasn’t been updated for months or over a year. It reflects badly on you and your company. Update it at least once a week, even if it’s just one little blurb. Ignore it and it is a blot on your company’s ability to keep up with marketing, which is not a good sign in our business.

class=”spacer_” />

Direct mail

Yes, what’s old is new again! I traded my blogging in for something less time-intensive but a little more expensive – direct mail. I created a “wish list” of one hundred dream clients (and about 100 other people with whom I wanted to keep in touch) and send out a greeting card format card with examples of work and a funny message. At first I sent out one a month for the first six months. After that it was one every three months. Due to costs, it’s about twice to three times a year now but I hear back from people how they “loved” the card and either show it to other people or it’s made the prominent place of being tacked to their bulletin board. Being in plain sight is one of the best advertisements as it reminds clients about you and other people will see it and take a look. Referrals from these cards have grown my mailing list.

Some figures on mailings are startling. The average person opens 14% – 28% of all email. 48% of all snail mail is opened but 98% of greeting cards are opened…and opened first! As with blogging and other social media, it’s important to balance time + effort + costs to equal a return on investment (ROI).

Fun images showing your work will get posted on people’s bulletin boards, so think of using interesting designs for direct mail pieces, like the ones below.

href=”http://netdna.webdesignerdepot.com/uploads/2011/11/gianthead.gif”> class=”image-border” title=”gianthead” src=”http://netdna.webdesignerdepot.com/uploads/2011/11/gianthead.gif” alt=”" width=”615″ height=”834″ />

href=”http://netdna.webdesignerdepot.com/uploads/2011/11/gianthead.gif”> href=”http://netdna.webdesignerdepot.com/uploads/2011/11/missiles.gif”> class=”image-border” title=”missiles” src=”http://netdna.webdesignerdepot.com/uploads/2011/11/missiles.gif” alt=”" width=”615″ height=”439″ />

href=”http://netdna.webdesignerdepot.com/uploads/2011/11/monkeypaw.gif”> class=”image-border” title=”monkeypaw” src=”http://netdna.webdesignerdepot.com/uploads/2011/11/monkeypaw.gif” alt=”" width=”615″ height=”924″ />

class=”spacer_” />

Face-to-face

Never forget the power of actually meeting people. This gets back to “your network” and you need to spend time building and replenishing that network.

It’s hard for creatives to properly network. First: we have to talk to people who are not other creatives. Second: we are strange, which adds to our creativity. If I had to make a list for creatives to follow in social networking situations, I would have the following important rules:

  • Listen more, talk less. The more you talk, the greater the chance you’ll say something strange and upset the people you want to impress.
  • Let your work do your talking for you! Why hand out a business card when you can hand our a set of images and let people faun over it? Don’t print up letter-sized promotional pieces as people like things they can just put in their pockets. Why not think “flash cards” and create a small set of images that are business card-sized to hand out?
  • Ask about the person you are meeting. People love to talk about themselves. Once they have finished talking about their business, one of the best answers I have ever heard in response to listening to someone who has just finished pontificating about what they do is, “I help businesses like yours!”
  • Don’t tell them too much. Give them the snappy answer mentioned above and then hand them your samples. Tell them you provide marketing services for business. Either they will nod and walk away or they will tell you about something they need. BINGO!
  • Don’t dress TOO creatively. A nice weird pair of shoes is a focal point. Purple Mohawks, studded leather jackets with tartan pants and jackboots are a bit much for the business crowd. Remove the piercings, hide the tattoos and look just like the people you are trying to reach. You aren’t “selling out,” you’re selling!

Two or three minutes per person and then move on. Most people have something called “the elevator speech.” It’s called that because you spend approximately thirty to sixty seconds in an elevator. If you had to turn to the person next to you and tell them what you do in that short time, what would you say? Practice it and keep it simple. It can be as simple as, “I design marketing and business solutions for businesses via web sites and graphic design.”

They ask you the inevitable question of, “how much does it cost?”

The answer has to be another question. “It depends on your needs.”

Some people believe that if you mention an hourly rate, it separates the truly interested people from the freeloaders and saves you time and effort. Unfortunately, when pitching creative services, it’s best to back up fees after the proposal has been made. It let’s people see the value and when pitching your work to any client, found through any social network, it’s important to show value.

class=”spacer_” />

In conclusion…

All of the avenues mentioned in this article are dovetailed to work together. One is not better than the others and some just may not be necessary for what you want to accomplish. Any small business needs to advertise, market, brand and reach out to prospective clients. Target your clients and go after them. The idea is to use what works best for your needs, keep at it and make everything count towards gaining clients and business. When you don’t have actual paying work, use the time to market yourself but use it wisely!

/>

Written by Speider Schneider. He is a former member of The Usual Gang of Idiots at MAD Magazine and has designed products for Disney/Pixar, Warner Bros., Harley-Davidson, ESPN, Mattel, DC and Marvel Comics, Cartoon Network and Nickelodeon among other notable companies. Speider is a former member of the board for the Graphic Artists Guild, co-chair of the GAG Professional Practices Committee and a former board member of the Society of Illustrators. Follow him on Twitter  rel=”nofollow” href=”http://www.twitter.com/speider”>@speider

What social media channels have you found effective for your business? Which ones are not effective? What do you think of the media outlets mentioned in this article?


/>
width=”100%” style=”border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;” height=”20″>
valign=”center”> href=”http://www.mightydeals.com/deal/launchlist.html?ref=inwidget”> face=”Arial” size=”3″ color=”#e64f32″>Launchlist PRO – Pre-Launch Website Testing – only width=”90″> href=”http://www.mightydeals.com/?ref=inwidget”> /> src=”http://mightydeals.com/web/images/widget-logo.png” height=”40″ width=”90″ border=”0″ /> />


href=”http://www.webdesignerdepot.com/2011/12/social-media-for-creatives/”>Source




Webdesigner Depot


Wanted: Session Ideas For SMX Social Media Marketing

Posted on by Portsmouth Media in Blog Leave a comment

An article I was reading about html5

We’re pleased to announce that we’re launching a new conference: SMX Social Media Marketing, debuting in Scottsdale, AZ on December 5-6, 2011. SMX Social Media Marketing is a two-day, tactic-rich conference that covers all key issues for getting the most out of social media networks,…



Please visit Search Engine Land for the full article.




Search Engine Land: News & Info About SEO, PPC, SEM, Search Engines & Search Marketing


Techniques For Gracefully Degrading Media Queries

Posted on by Portsmouth Media in Blog Leave a comment

An article I was reading about css3

Advertisement in Techniques For Gracefully Degrading Media Queries
 in Techniques For Gracefully Degrading Media Queries  in Techniques For Gracefully Degrading Media Queries  in Techniques For Gracefully Degrading Media Queries

Media queries are the third pillar in Ethan Marcotte’s implementation of responsive design. Without media queries, fluid layouts would struggle to adapt to the array of screen sizes on the hundreds of devices out there. Fluid layouts can appear cramped and unreadable on small mobile devices and too large and chunky on big widescreen displays. Media queries enable us to adapt typography to the size and resolution of the user’s device, making it a powerful tool for crafting the perfect reading experience.

CSS3 media queries, which include the browser width variable, are supported by most modern Web browsers. Mobile and desktop browsers that lack support will present a subpar experience to the user unless we step up and take action. I’ll outline some of techniques that developers can follow to address this problem.

Broken-Media-Queries in Techniques For Gracefully Degrading Media Queries

It Depends

If you’re looking for the more honest, truthful answer to pretty much any question on web design and usability, here it is: It depends.

Jeremy Keith

There is no one-size-fits-all fix. Each project has its own focus, requirements and audience. This article will hopefully help you make the best decision for your project by outlining the advantages and disadvantages of each solution.

Mobile First

Your chosen implementation of media queries will have a big effect on how you tackle this. Mobile-first responsive design is the process of building a mobile layout first, and then progressively modifying the layout as more screen space becomes available. This ensures that only the minimum required files are loaded, and it keeps the mobile solution lightweight. Mobile first has the advantage of providing a nice fallback for mobile devices that don’t support media queries, such as older BlackBerrys, Opera Mini and Windows Mobile devices. These devices simply see the most basic layout, with no extra work required of the developer. Ideal!

Technique 1: Do Nothing

Sometimes the lazy approach is the best approach. It keeps your code light and maintainable and reduces any needless processing on the client side. Some old browsers run Javascript like a dog, and old mobile phones struggle to run intensive Javascript. The proprietary non-Webkit browser in most BlackBerrys can take up to eight seconds just to parse the jQuery library. If your project has a long tail of users with low-powered mobile devices, then maybe a mobile-first approach is enough for you.

The elephant in the room is Internet Explorer for the desktop. With a mobile-first solution, large screens will display the content in one column, resulting in a painful reading experience for the user, way past the established maximum for comfort: 50 to 75 characters. It might be worth setting a max-width property in your main container and then upping that max-width in a media query.

#container {
 _width: 460px; /* Take that, IE6! */
 max-width: 460px;
}

@media only screen and (width) { /* A quick and simple test for CSS3 media query support. */

#container {
  max-width: 1200px; /* Add the real maximum width here. */
 }

}

Do Nothing If…

  • Your core audience uses modern smartphones,
  • You are required to provide an acceptable experience to a long tail of feature-phone users,
  • The desktop is not a big part of your Web strategy.

Example: jQuery Mobile (“Any device that doesn’t support media queries will receive the basic C-grade experience”).

Technique 2: Conditional IE Style Sheets

Surprisingly, in researching this article, I found this to be the most popular technique in use on responsive websites. Instead of polyfilling support for media queries, you simply load an additional style sheet only for Internet Explorer. For mobile-first approaches, this usually entails loading a basic style sheet that sets up a multi-column layout for large screens. Jeremy Keith documents this approach in detail on his blog. He also adds a condition that doesn’t load the style sheet for mobile versions of IE. Crafty.

It’s a simple and effective technique for supporting Internet Explorer on the desktop, and it supports the mobile-first approach because it loads a light and appropriate linear layout for feature phones.

On the other hand, this technique could potentially degrade maintainability, requiring you to maintain a style sheet of duplicate content. It also adds another HTTP request for IE users, which should be avoided if possible.

I’m surprised that Jeremy Keith advocates this technique. The man who proclaimed on stage that user-agent sniffing is “the spawn of Satan” is using a solution aimed squarely at one browser. Bear in mind that this does not work with browsers that do not support CSS3 media queries. But it can be perfectly acceptable in situations where support for other legacy browsers is not required.

Use Conditional IE Comments If…

  • You are using a mobile-first workflow;
  • Your media queries are simple enough to include in a single style sheet;
  • Desktop Internet Explorer requires a multi-column layout, at the expense of speed;
  • You do not have to support a long tail of legacy desktop browsers.

Example: Huffduffer, a mobile-first approach with an additional column for screen widths over 480 pixels.

Bonus example: Designing With Data by Five Simple Steps. I love these guys.

Technique 3: Circumvent Media Query Conditions

The Opera Developer Blog published an article in 2007 detailing the safe usage of media queries. It helped pave the way for CSS3 media query usage by presenting research on the correct way to write them, a way that prevents browsers from applying the containing CSS when they do not understand a media query.

… Browsers like IE.

But what if, with a mobile-first approach, that’s exactly what we do want? What if we were to write our media queries so that the containing CSS gets applied by IE unconditionally. We could then have our full desktop layout without any additional style sheets to load or maintain.

@media screen, all and (min-width: 300px) {
	div {
		background: blue;
	}
}

As the blog post states:

Now it is no longer the case that IE does not apply the contents of the query. It now doesn’t understand the second part (all and), so it ignores that and happily applies the contents of the query…

Circumvent Media Query Conditions If…

  • You are only required to support modern smartphones,
  • You are building mobile first and require a desktop layout in IE,
  • Loading time and maintainability must be kept to a minimum.

Technique 4: Respond.js

Scott Jehl’s lightweight polyfill Respond.js offers a leg up for browsers that do not support CSS3 media queries. It can be compressed down to as little as 1 KB, and it parses CSS files fast, without needing any additional libraries.

JavaScript reliance aside, Respond.js appears to be a solid solution for full support of media queries. However, the small file size and speed come at a cost. Respond.js was never meant to be a full-featured solution. Its purpose is to provide the bare minimum for responsive layouts to work.

It supports only the min-width and max-width queries, so it’s not the right solution if you are looking at using device-width, device-height, orientation, aspect-ratio, color, monochrome or resolution. Some good use cases here are not supported, one being the detection of high-resolution devices such as the iPhone 4 and non-color devices such as the Kindle.

Respond.js does not support em-based queries, which makes impossible any decent support for font-size user preferences (even more important on a small screen than on a desktop). Products like Readability and Reeder validate this desire among users to control and refine the reading experience. Em-based media queries will become only more important as we head towards a content-first approach to Web design, so they are worth considering.

There are a lot of small bumps and caveats with Respond.js. I recommend browsing the read-me text and the issue queue before settling on it for you project.

Use Respond.js If…

  • Desktop support is your primary concern,
  • You are querying only the width and height of the browser,
  • You don’t want to query the width by ems,
  • You have no problem with non-JavaScript users seeing an unoptimized page.

Example: Aaron Weyenberg, a desktop-centric website with a basic layout.

Technique 5: CSS3-MediaQueries-js

CSS3-MediaQueries-js picks up where Respond.js leaves off. It supports the full range of media queries introduced in CSS3. The “everything and the kitchen sink” approach is great for a developer’s peace of mind. Simply drop it in, and tick the “IE support” box.

But there are significant downsides to consider: this script is not fast; it parses CSS much slower than Respond.js; and it weighs in at a hefty 15 KB.

Pro Tip 1

Let’s be responsible and load this file only if the browser doesn’t actually support CSS3 media queries. Otherwise, you’re wasting good time and data. You can use Yepnope to load the 15 KB file if it detects that media queries are not available.

Here’s a modification of a Yepnope function that I wrote for Modernizr’s media query test. Yepnope now comes bundled with Modernizr.

yepnope({
test : Modernizr.mq('@media only screen and (width)'),
yep  : '',
nope : 'css3-mediaqueries.js',
});

If you don’t require support for non-IE devices, then replace the Yepnope function with a much lighter conditional comment.

<!--[if (lt IE 9) & (!IEMobile)]>
 <script src="css3-mediaqueries.js"></script>
 <![endif]-->

Pro Tip 2

If you are building for mobile first, then adding a min-device-width condition to the Yepnope query is definitely worthwhile. This will prevent the hefty 15 KB file from loading on small screens that will never use it. Win!

Use CSS3-MediaQueries-js If…

  • You are using advanced media queries, beyond simple pixel-width conditions;
  • You are happy to take that 15 KB loading hit;
  • Your audience doesn’t include a long tail of feature-phone users.

Example: Hicksdesign uses complex media queries beyond simple width and height.

In Conclusion

Responsive design is still a new way of thinking. Media Queries are a great tool to enhance the experience of browsing a web site on multiple devices and it’s a great idea to consider devices that do no support them. We would be dreaming if we expected an easy solution from day one but at least we have a range of options in front of us that allow us to find the best solution for the problem at hand.

It’s important to bear in mind that context is key, a well informed decision will always yield better results instead of quickly choosing the most popular solution.

(al)


© Lewis Nyman for Smashing Magazine, 2011.

Smashing Magazine Feed


Why Search Marketers Are The Future Media Planners

Posted on by Portsmouth Media in Blog Leave a comment

An article I was reading about html5

Chalk and cheese? Oil and water? Facebook users and MySpace users? Just how different are search marketers and display advertisers? Just three years ago, these two groups of people would be completely segmented, often sitting at opposite ends of an agency office, rarely collaborating on projects…



Please visit Search Engine Land for the full article.




Search Engine Land: News & Info About SEO, PPC, SEM, Search Engines & Search Marketing


Why typography is the Web’s greatest media format

Posted on by Portsmouth Media in Blog Leave a comment

An article I was reading about photoshop

href=’http://rss.buysellads.com/click.php?z=1259940&k=75e07a75487088b1694a6868e9c95d21&a=23304&c=568929659′ target=’_blank’> src=’http://rss.buysellads.com/img.php?z=1259940&k=75e07a75487088b1694a6868e9c95d21&a=23304&c=568929659′ border=’0′ alt=” />

href=’http://buysellads.com/buy/sitedetails/pubkey/75e07a75487088b1694a6868e9c95d21/zone/1259940′ target=’_blank’>Advertise here with BSA

/>

class=”alignleft size-full wp-image-23319″ src=”http://netdna.webdesignerdepot.com/uploads/2011/05/typography.jpg” alt=”" width=”200″ height=”160″ />Typography is defined as the style, arrangement, or appearance of typeset matter. A look around your surroundings will reveal how much typography has influenced the world. But does it matter, particularly with the likes of YouTube, Flickr, and other forms of media growing so rapidly?

It doesn’t have depth, color, motion. It doesn’t generate feelings or emotions. It provides us with information; line after line of monotonous information. It’s text!

The YouTubes, Vimeos, Flickrs, and Instagrams of today’s generation feed those who want to forget about typography. They want information with visual and audible cues. As one would expect, gobs of text doesn’t exactly inspire them.

But the Web is still young. Things are growing at a rapid pace, much faster than before. We could, in a large part, thank Internet Explorer 6′s demise for this progression. Now we have the freedom to run wild, explore our creativity, and make typography something that does more than present information.

Will we take advantage of this rare opportunity? id=”more-23304″>

Time is of the essence

Remember back to a time before there was broadband. Remember how impressive it was to see big blobs of information after clicking on this thing called a “webpage.” Sure, there wasn’t much in the way of images, sparkly graphics, or video — and also not much in the way of distraction, either — but there was a great sense of appreciation to be had; this is a new world of information, and it’s all accessible with the tap of a fingertip. Sure, it might have taken a bit longer than it does today, but when all was said and done, we were all floating on cloud nine.

That was then.

It no longer has the same magical feel that it once had. I know that I take it for granted. Maybe we all do. We expect images, videos, and visual feedback. We want things to gracefully fade in and out. We want to see the subject matter, in as many pixels as our screens will allow. And we want to see video, just in case the point wasn’t made clear the first time (bonus points if you include cute kittens).

We expect more than we did back then — rightfully so; this is 2011, and we have the technologies available to us as developers and consumers to enjoy information and new and inspiring ways.

href=”http://mattt.me”> class=”alignnone size-full wp-image-23310″ src=”http://netdna.webdesignerdepot.com/uploads/2011/05/matt.me_.jpg” alt=”" width=”615″ height=”320″ />Beautiful typography stands out throughout href=”http://mattt.me/”>Mattt Thompson‘s personal website.

Designers and developers are producing content for a new age of consumerism. Those consumers don’t have all day to sift through information. There is too much of it. We know that. What we spent hours doing a decade ago, they spend mere minutes, if they can even last that long. They want information, and they want it now, and they want it in easily digestible formats that will get them in and out in the fastest way possible. If this means writing something in three pages that normally required three hundred, then so be it. They don’t have time to watch 10 minute long YouTube videos — they want it in a single minute.

In the battle for attention, the “TL;DR” is the admission that the battle has been lost. Yes, this ADHD-filled world is going to take its toll on the Web. It’s going to get a whole lot worse before it gets any better.

So who has time for text? We have audio and video at our disposal. It can present information much faster than text could. Indeed, whoever said that a picture is worth a thousand words was not lying; people these days prefer it that way.

But what if there was a way to regain their attention using nothing more than typography?

class=”spacer_” />

Typography’s resurgence

Thanks to a growing number of improvements in Web typography, we might not have to worry about the fate of the written word. Instead of diminishing the value of typography, we are seeing a resurgence in it. Interest in typography, especially from Web designers, has skyrocketed. The tools used to render typographical elements are improving — from enhancements introduced and continually developing with CSS3 to JavaScript tools like href=”http://letteringjs.com/”>Lettering.js and href=”http://jquery.com/”>jQuery. It is now feasible to create a webpages that look beautiful by using nothing more than a little vision, creativity, code, and typographical know how.

CSS3 has introduced a fair share of flair for typographers. A number of new properties have enabled them to radically expand their usage of typographical elements: transform, transition, column, text-shadow, rotate, and blur properties are just to name a few. The @font-face property, in particular, has also done plenty for Web designers that services like href=”http://typekit.com/”>TypeKit are now solely geared towards supplying Web designers with beautiful, Web-ready fonts, something that wasn’t even possible a few years ago.

href=”http://designingmonsters.com/”> class=”alignnone size-full wp-image-23312″ src=”http://netdna.webdesignerdepot.com/uploads/2011/05/monsters.jpg” alt=”" width=”615″ height=”444″ /> href=”http://designingmonsters.com/”>Designing Monsters uses CSS3 to create bold, eye-catching typography.

JavaScript is also contributing to typography’s resurgence. Lettering.js, in particular, is one of a few tools that have been produced to aid in the creation of beautiful typography on the Web. A JavaScript library called jQuery, which is arguably one of the most discussed on the Web these days, is also stirring things up. JavaScript doesn’t have all of the limitations that CSS3 has, particularly when it comes to the Web browser support; it isn’t perfect, but it gives Web designers more abilities to expand their typographical ambitions.

All of this has culminated into a plethora of typographical experiments that look beautiful in native Web browsing environments (if the given browsers support CSS3 and JavaScript); however, many of these impressive experiments lack consistency throughout the browser market. Some experiments result in variances in different browsers, others won’t render at all.

Unfortunately, this leads to questions as to whether or not all of CSS3′s latest features are ready for the primetime. Sure, Web developers will freely explore their creativity on personal websites; however, exploring these advanced features on a site that receives thousands to millions of hits on a daily basis is risky without planning for the worst case scenarios.

There is plenty of optimism, though. It just might take awhile before we see something like href=”http://nicolasgallagher.com/css-typography-experiment/”>this, href=”http://simurai.com/post/861975259/css3-tilt-shift-text”>this, href=”http://houkedekwant.com/v-for-vendetta-typography-with-html5-css3″>this, or even href=”http://www.paulrhayes.com/2010-09/3d-css-cube-ii-touch-gestures-click-and-drag/”>this appearing on your everyday webpage.

class=”spacer_” />

The future

There are many questions about the Web’s future. What impacts will the rise of video have on media consumption. What impact will the drastic increase in media being presented to users have (and will those consuming it be able to manage)? What will the transition to mobile devices bring? How will the open Web compete with application platforms like iOS and Android?

href=”http://lostworldsfairs.com/eldorado/”> class=”alignnone size-full wp-image-23315″ src=”http://netdna.webdesignerdepot.com/uploads/2011/05/world_s-fairs.jpg” alt=”" width=”615″ height=”384″ /> href=”http://lostworldsfairs.com/eldorado/”>Naz Hamid utilizes the latest techniques to create a stunning typographical experience.

But the question about whether text/typography will be relevant in the future, that is simple: text is one of the best ways to present information. Web typography will continue to make advances that will ensure that the look of text on the websites will remain fresh and beautiful as ever. Also, the way we perceive text will adapt to these improvements.

Embrace all of the various media formats, but remember that typography is still the most important type of media that exists on the Web today. It was there when it started, it’s here now, and it will continue to be for the distant future. So be sure to explore ways to continually maximize its beauty and usefulness.

class=”spacer_” />

Written exclusively for WDD by rel=”nofollow” href=”http://www.onlyjames.com/”>James Mowery. He is a passionate technology journalist and entrepreneur who has written for various top-tier publications like Mashable and CMSWire. Follow him on Twitter: rel=”nofollow” href=”http://www.twitter.com/jmowery”>@JMowery.


If you find an exclusive RSS freebie on this feed or on the live WDD website, please use the following code to download it: O1Rs1S


/>
width=”100%” style=”border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;” height=”20″>
valign=”center”> href=”http://mightydeals.com/deal/wpwebhost.html?ref=inwidget”> face=”Arial” size=”3″ color=”#e64f32″>WordPress hosting for a full year for only width=”90″> href=”http://www.mightydeals.com/?ref=inwidget”> /> src=”http://mightydeals.com/web/images/widget-logo.png” height=”40″ width=”90″ border=”0″ /> />


href=”http://www.webdesignerdepot.com/2011/06/why-typography-rules/”>Source




Webdesigner Depot


Facebook Rockstar System. Dominate Social Media Video Series.

Posted on by Portsmouth Media in Blog Leave a comment

Facebook Rockstar System. Dominate Social Media Video Series.
Facebook Rockstar System is a full 8 video course that covers all aspects of getting hoards of traffic from Facebook. As a bonus, my complete 22 video Social Media Traffic System is included. No stone is left unturned. Learn the skills top marketers use.
Facebook Rockstar System. Dominate Social Media Video Series.

Bet On Sports With My Sure-Money System and Win 97% Of Your Bets!
Brand new 21-min sales video added for 2011 that’s skyrocketing conversions by over 300%! Affiliates earn 0 per sale! PhD Grad reveals the 97% win-rate sports betting systems used to amass mountains of unthinkable fortunes for just 5 minutes a day!
Bet On Sports With My Sure-Money System and Win 97% Of Your Bets!


Coastal Vacations Leads Coastal Premium Leads Coastal Movie Leads Cutting Edge Media mlm Part 2

Posted on by Portsmouth Media in Blog Leave a comment

Coastal Vacations was served a lawsuit by Florida State Officials during the Coastal Vacations Training Seminar Convention at the Gaylord Palm Resort in Orlando, Florida. Posted: for all Coastal. Posted: For All Coastal Vacations Directors Worldwide and Board of Directors. Subject: Breaking News on Coastal Vacations Lawsuit. Category: Corrupt Companies – Income Opportunities with Lawsuits. Charges: NB Management / Coastal Vacations for Unfair and Deceptive Trade Practice. Scot Chatron has quit Coastal Vacations and joined Resorts360. Visit Scot Chatron’s website at: ScotChatron-HomeTravelBusiness.com Jeff Mills has quit Coastal Vacations and joined Resorts360. Visit Jeff Mill’s website at: Resorts360Closers.com Dean Marino has quit Coastal Vacations and joined Mor Vacations. Visit Dean Marino’s website at: MorVacationsAmerica.com Matt & Catherine Willis has quit Coastal Vacations and joined Mor Vacations. Visit Matt and Catherine Willis’s website at: Mor-Vacations.com Maria Porter has quit Coastal Vacations and joined Platinum One Destinations. Visit Maria Porter’s website at: 1000DollarChecks.com Jay Napier has quit Coastal Vacations and joined Mor Vacations. Visit Jay Napier’s website at: HavingFunVacations.com Hoyt Farmer has quit Coastal Vacations and joined Resorts 360. Visit Hoyt Farmer’s website at: Resorts360SalesCenter.com ________________________________ The following is general type of information you will find on MLM leads websites that is used to promote the


Expanding a Digital Content Management System: for the Growing Digital Media Enterprise (NAB Executive Technology Briefings) Reviews

Posted on by Portsmouth Media in Blog 1 Comment

Expanding a Digital Content Management System: for the Growing Digital Media Enterprise (NAB Executive Technology Briefings)

Building large integrated content management systems is a daunting task and there is little guidance for the implementation process for the mid-level manager. There are thousands of home grown or old standalone systems in need of upgrading and expanding to keep up with the growing challenge of digital media. This book allows the non-technical executive to understand the key concepts and issues. It covers the technical process and business aspects of expanding a system.

Rating: (out of 1 reviews)

List Price: $ 48.95

Price: $ 38.45


Creating Content Management Systems in Java (Charles River Media Programming)

Posted on by Portsmouth Media in Blog 3 Comments

Creating Content Management Systems in Java (Charles River Media Programming)

In today’s fast-paced, information-packed world, it’s critical for businesses to organize and manipulate the data gathered from customers, sales, and product responses, etc. into usable information. Content Management Systems (CMS) can do this for your business easily and efficiently. There are several commercial systems available, but customizing one for your specific needs is usually necessary based on your data. Creating Content Management Systems in Java teaches you how to develop an open so

Rating: (out of 3 reviews)

List Price: $ 49.95

Price: $ 7.40

Related Content Management Systems Products