venerdì 31 agosto 2012

Only 9% Of Tech Blogs Implement Google Authorship Properly

 A study by Conductor shows only 9% of technology blogs have fully implemented the authorship, rel=author, attribute fully on their site. That is less than 1 out of every 10 blogs.

This is somewhat shocking because (1) these are technology blogs that should know about the feature and (2) it is shown to increase the click through rate from the Google search results to the web site. A higher click through rate leads to more ad impressions, which leads to more revenue for these technology blogs.
We’ve seen reports of authorship increasing click through rate by 30% to 150% or more. [...]

Dirty Markup · Tidy and Beautify your HTML, CSS, and JavaScript code

DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code. Just paste your code into the editor and press “clean”.

Read more...

CSS3 Please! The Cross-Browser CSS3 Rule Generator

Interactive CSS3 Rule Generator

Read more...

The Responsinator

The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices.

Read more...

giovedì 30 agosto 2012

Where Have The Users Gone? - TechCrunch

...But claiming that habits are the keys to success is a tall order. If people like me provide ready-made formulas and guidebooks on how to create habits, why isn't every company that alters user behavior succeeding? ...

http://m.techcrunch.com/2012/08/26/where-have-the-users-gone/

Towards A Retina Web | Smashing Coding

With the recent announcement and release of the Retina Macbook Pro, Apple has brought double-density screens to all of the product categories in its current lineup, significantly paving the way for the next wave of display standards. While the fourth-generation iPhone gave us a taste of the “non-Retina” Web in 2010, we had to wait for the third-generation iPad to fully realize how fuzzy and outdated our Web graphics and content images are. [...]

Read more


Guidelines For Mobile Web Development | Smashing Magazine


This overview features a hand-picked and organized selection of the most useful and popular Smashing Magazine’s articles related to design and development for mobile devices and published here over all the years. Read more

Restructuring Your Website and How to Minimize Traffic Loss | SEOmoz


This blog post will show you two examples of how to launch a new website:

  • Website 1 launches and loses 35% of organic traffic
  • Website 2 launches and loses 4% organic traffic
By following the process described below, you can feel confident in knowing your new website launch will be smooth.

Read more


mercoledì 29 agosto 2012

Beyond Wireframing: The Real-Life UX Design Process | Smashing UX Design

[...] What do real-life UX design processes actually look alike? Do we have time for every step in the process that we claim to be ideal? In this article, I’ll share a couple of insights about the real-life UX design process and speak from my own experience and research. [...]

Read more



Responsive Web Above The Fold | CSS-Tricks

Good article by Arley McBlain on the resurrection of "The Fold" thanks to Google analytics' "In-page" analytics : the resulting suggestion is to fine-tune website design in order to make sure people see what you want them to see... despite how they use (or misuse) their browser!
Very interesting

Read more


venerdì 24 agosto 2012

RobotKid

103% growth in traffic from smartphones since 2011


Read more...

Lean Canvas: Your Startup Blueprint

Business plans take too long to write, are seldom updated, and almost never read by others but documenting your hypotheses is key.

Lean Canvas solves this problem using a 1-page business model. Sign up now to create a business model that will be read by more people, be more easily updated, and let you focus on building your business - faster. 

Read more...


How to create an effective mobile, social campaign - Mobile Marketer - Social Media

This will help you tailor your application responses to the needs of the organisation,

Read more...


giovedì 23 agosto 2012

2012 SEO Industry Survey | SEOmoz

The data from SEOMoz biennial internet marketing industry survey is in.

Read more...

Lanyrd: the social conference directory

Conferences on all things web: the social conference directory and calendar by @lanyrd
Chose any filter you wish: topic, location, date... And see which of your connection is attending! Create your own guide (useful for teams!) and check for coverage, i.e. attendees's notes, sketches, photos, links, videos, recordings...
Very cool! ;)

Confernces in 2012...
Confernces in 2013...

Swarovski spans mobile, in-store for Fashion’s Night Out style competition - Luxury Daily - Mobile

“This program will distinguish Swarovski because it will allow us to reach consumers wherever they may be celebrating FNO,” Swarovski’s Mr. Ricci said.

“We will be hosting parties at two of our New York boutiques, but the Instagram component will help us connect with Swarovski consumers across the country,” he said.

Read more...

Theory of Human (Mobile) Motivation: SXSW 2012 slides and audio | Kristofer Layon

@Klayon's slides on how to prioritize and manage improvements to web sites that help the mobile user experience.
A theory based on Maslow’s hierarchy of needs, a psychological theory that identifies the various levels of human needs.

Read more...

Separate Mobile Website Vs. Responsive Website | Smashing Mobile

[...] people are arriving to the mobile Web through more diverse channels than ever before. In addition to direct and referral traffic, candidates are using social networks, email campaigns, SMS campaigns, search and more. Because these activities are increasingly happening on mobile, creating Web experiences optimized for mobile makes even more sense for the candidates.[...]

Read more...

Plunk Tests the Usability of Your Mobile Designs

ZURB’s latest free app, Plunk, lets you test the usability of your mobile designs

Read more

mercoledì 22 agosto 2012

LukeW | Evolving E-commerce Checkout

Checkout is the lynchpin of e-commerce. It’s how customers buy and retailers get paid. Yet despite years of evolution, only a few changes have significantly impacted checkoutconversion online. Knowing what worked, what didn’t, and what might can help improve checkout forms today and reveal what the future of digital shopping could be tomorrow.

LukeW | Evolving E-commerce Checkout

Little Big Details

A website dedicated to beautiful examples of usability across the Web

http://littlebigdetails.com/

Little Printer | BERG Cloud

Connected to the Web, Little Printer has wide range of sources available to check on your behalf. We call them “publications”. Subscribe to your favourites and choose when you’d like them delivered. Right on time Little Printer gathers everything it needs to prepare a neat little personalised package, printed as soon as you press the button. You can get deliveries multiple times a day, but we find once or twice works best–like your very own morning or evening newspaper.

Little Printer | BERG Cloud


list of cellphones' screen resolution

martedì 21 agosto 2012

Infinite Scroll: The Web’s Slot Machine | Nir and Far


A few years ago, everyone was clicking. Today, we’re all scrolling. Twitter, Pinterest, Facebook, and as of this week, Instagram and Medium - it seems everyone is getting on the infinite scroll bus. What is it about this magical design pattern that has so many consumer web companies using it?

Infinite Scroll: The Web’s Slot Machine | Nir and Far


9 Businesses Using Pinterest Contests to Drive Traffic and Exposure | Social Media Examiner

Are you using Pinterest to market your business?

Running contests on Pinterest is a great way to expose your brand to a

large audience, attract new followers and engage with your existing

follower base.



http://www.socialmediaexaminer.com/pinterest-contest/

lunedì 20 agosto 2012

14 Funny Brands You Can't Help But Follow in Social Media

There are quite a few factors that go into what makes a brand "followable" in social media. Think about it from the follower's perspective -- why do you choose to 'like' or follow certain brands on social networks like Facebook and Twitter? It could be because they share valuable, educational content that appeals to your interests and needs. Or it could be that they give you access to exclusive deals, coupons, or other promotions. Or maybe they're just ridiculously funny.

Read more: http://blog.hubspot.com/blog/tabid/6307/bid/33488/14-Funny-Brands-You-Can-t-Help-But-Follow-in-Social-Media.aspx#ixzz245Q8awH7

How to enhance hyperlocal targeting to find who’s behind that mobile ad impression - Mobile Marketer - Columns

By Ken Barbieri
With the heavy proliferation of mobile devices, marketers are increasingly looking to taking advantage of location based services (LBS)—and, more specifically, hyperlocal mobile technologies—as a means for targeting and attracting the attention of the ever-elusive, on-the-go customer.  [...]



Designing For Device Orientation: From Portrait To Landscape

Designing For Device Orientation: From Portrait To Landscape

[...] However, designing for device orientation brings various challenges and requires careful thinking. The experience must be as unobtrusive and transparent as possible, and we must understand the context of use for this functionality. [...]

http://uxdesign.smashingmagazine.com/2012/08/10/designing-device-orientation-portrait-landscape/

Agile Marketing - Whiteboard Friday

Posted: 09 Aug 2012 08:03 PM PDT
Posted by Jonathon Colman
Howdy, SEOmoz fans! In today's video, we'll explore the nifty, nefarious world on Agile Marketing, which I talked about at MozCon a few weeks ago. We'll take a look at four key principles of Agile Marketing and talk about how you can use them to hack your organization to deliver more value to your customers more often by breaking down barriers and removing impediments to your progress.
The strengths of Agile are that it focuses on bringing customers into our marketing and development efforts; it focuses on interaction with your colleagues by building cross-functional teams; it pushes us to always stay in motion by prioritizing delivery to our users and customers above all other concerns; and it follows a strong, iterative "Build-Measure-Learn" cycle, just like Eric Ries talks about in The Lean Startup.
You know how fast things change in the world of SEO and inbound marketing - Google published 52 changes to their algorithm last April and another 39 changes in May. Agile methodologies can help you respond and react to those changes so that you can stay on top of new opportunities.
Enjoy, and I'd love to see your comments below! I'll be jumping in to answer your questions as they come up.

Read more [...]

Fwd: Made to Measure - CSS-Tricks


Posted: 10 Aug 2012 09:45 AM PDT
Allen Tan:
So if static templates are too limiting, but per-piece art direction is too costly, how else can we make scalable, sustainable digital publications that are beautiful and accessible? To find a middle path, we can take a cue from the art of the tailor.
I totally agree that the future of good design on digital publishing is somewhere in that middle ground. Art direction "lite", perhaps. And maybe with a bit of automation.
Direct Link to ArticlePermalink
Made to Measure is a post from CSS-Tricks
Posted: 10 Aug 2012 08:08 AM PDT
As we wrap up our recent poll on ordering CSS properties, it brings up the larger issue of CSS style guides. Ordering properties is just one choice you have to make that makes up a complete styling strategy. Naming is a part of it. Sectioning is a part of it. Commenting, indentation, overall file structure... it all makes up a complete CSS style guide.
Let's round up some existing ones.

But first... Not Pattern Libraries.

I love pattern libraries. Think Twitter Bootstrap or GEL. I think they are a fantastic way to work particularly in large sites and web apps. This post isn't about those. We'll do a roundup of those some time, because I think that would be valuable too. This is about style guides for CSS itself.


The List

I'll list some excerpts from each that I like below.

GitHub


GitHub CSS Style Guide →
As a rule of thumb, don't nest further than 3 levels deep. If you find yourself going further, think about reorganizing your rules (either the specificity needed, or the layout of the nesting).
Unit-less line-height is preferred because it does not inherit a percentage value of its parent element, but instead is based on a multiplier of the font-size.

Google


Use ID and class names that are as short as possible but as long as necessary.
E.g. #nav not #navigation, .author not .atr
Do not concatenate words and abbreviations in selectors by any characters (including none at all) other than hyphens, in order to improve understanding and scannability.
E.g. .demo-image not .demoimage or .demo_image

Idiomatic CSS


Nicolas Gallagher's Idiomatic CSS →
Configure your editor to "show invisibles". This will allow you to eliminate end of line whitespace, eliminate unintended blank line whitespace, and avoid polluting commits.
Long, comma-separated property values - such as collections of gradients or shadows - can be arranged across multiple lines in an effort to improve readability and produce more useful diffs.
Use separate files (concatenated by a build step) to help break up code for distinct components.

CSS Wizardry


Harry Robert's CSS Style →
I have a blanket-ban on IDs in CSS. There is literally no point in them, and they only ever cause harm.
This section heading is also prepended with a $. This is so that—when I do a find for a section—I actually do a find for $MAIN and not MAIN.
In situations where it would be useful for a developer to know exactly how a chunk of CSS applies to some HTML, I often include a snippet of HTML in a CSS comment.

Smashing Magazine


Vitaly Friedman's "Improving Code Readability With CSS Styleguides" →
For large projects or large development team it is also useful to have a brief update log.
For better overview of your code you might consider using one-liners for brief fragments of code.

ThinkUp


ThinkUp CSS Style Guide →
If the value of the width or height is 0, do not specify units.
Comments that refer to selector blocks should be on a separate line immediately before the block to which they refer.

WordPress


WordPress CSS Coding Standards →
Add two blank lines between sections and one blank line between blocks in a section.
Broad selectors allow us to be efficient, yet can have adverse consequences if not tested. Location-specific selectors can save us time, but will quickly lead to a cluttered stylesheet. Exercise your best judgement.
Magic Numbers are unlucky. These are numbers that are used as quick fixes on a one-off basis. Example: .box { margin-top: 37px }.

More?

Does your organization maintain and use a public style guide? Post it!
CSS Style Guides is a post from CSS-Tricks

Facebook non è il best-of-the-web per gli adolescenti, pare

Facebook, The 'Teenage Version Of Email'
After five years on Facebook, Maxine Guttmann, 15, just isn't that into it.

She visits Facebook less frequently than ever -- mostly to instant message with friends -- and while she updates her Tumblr blog daily, it's been "weeks" since she's shared on Facebook. [...]
http://www.huffingtonpost.com/2012/08/14/facebook-teenage-email_n_1777169.html?utm_campaign=081512&utm_medium=email&utm_source=Alert-technology&utm_content=FullStory

mercoledì 8 agosto 2012

Why You Need Website Strategy Before You Start Your Website Design

You should expect your website to generate the leads you need to grow your business. Here are the key components of a website strategy for you to consider before you start redoing your website.

Why You Need Website Strategy Before You Start Your Website Design


venerdì 3 agosto 2012

How to create an effective QR code campaign - Mobile Marketer - Software and technology

Nowadays, marketers are placing QR codes on everything – billboards, print ads and bus shelters. However, many companies are crippling their campaigns with simple mistakes instead of focusing on a clear objective and providing added value.

How to create an effective QR code campaign - Mobile Marketer - Software and technology


50 Ways To Seduce Your Web Visitors With Persuasive Landing Pages

You’ve worked so hard…
You see your traffic go up, and up, and up.
But sometimes you wonder…
Why are so many web visitors bouncing?
How could you increase your conversion rates?
It may sound difficult, but it really isn’t.
You’re about to learn how to make each element of your landing page more enticing. And make your conversion rates go up. And celebrate your business growing.
Ready?

50 Ways To Seduce Your Web Visitors With Persuasive Landing Pages


Gold, Silver or Bronze: Does Your Search Engine Optimization Win?

Do you know what medal your Search Engine Optimization efforts would be awarded if there was an Olympic event for SEO? Today, search engine optimization must be an integrated part of your marketing strategy. Since search is now much more social- and content- oriented, the medal your SEO would score might surprise you.



Gold, Silver or Bronze: Does Your Search Engine Optimization Win?



50 Ways To Seduce Your Web Visitors With Persuasive Landing Pages


50 Ways To Seduce Your Web Visitors With Persuasive Landing Pages
http://blog.kissmetrics.com/seduce-your-web-visitors/


The Insidiousness Of 'Sharing' (And Why We 'Share' Online)

New media scholar Dr. Nicholas A. John set out understand what's so special about "share." Analyzing how the terminology used by the web's 44 most popular and significant social networking sites has evolved since the early 2000s, he argued in an article for the journal New Media Society that web firms are exploiting the embedded morality of the word "sharing" to encourage users to reveal more about themselves and also to better conceal the commercial relationships that keep these data barons in business. [...]
http://www.huffingtonpost.com/bianca-bosker/the-insidiousness-of-sharing-why-we-share_b_1728550.html?utm_campaign=080112&utm_medium=email&utm_source=Alert-technology&utm_content=FullStory

mercoledì 1 agosto 2012

22 Top Blogging Tools Loved by the Pros

Do you blog? Looking for exciting new tools to simplify the blogging experience? If so, keep reading. We decided to get the scoop on today's hottest blogging tools. We asked 22 pros to share their favorite new finds. Here they are…

http://www.socialmediaexaminer.com/22-top-blogging-tools/