Monday, February 29, 2016

jQuery contextMenu plugin & Polyfill

The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Unlike implementations as a beautiful site’s or trendskitchens’ this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, contextMenu doesn’t need to bind itself to triggering objects. This allows injecting and removing triggers without having to re-initialize or update contextMenu.

The post jQuery contextMenu plugin & Polyfill appeared first on jQuery Rain.


by Admin via jQuery Rain

Notifier : jQuery plugin to Push Notifications

notifier is a simple jQuery plugin to push notifications on a webpage either at a specified time or at a button click ( or even a part of a button function). Decide for yourself when you required to push a notification. You can even push your advertising columns as notifications.

Features:

  • You can push text, images, or advertising columns as notifications in your website
  • You can specify when the notification should appear, whether on a button click or after a specified time
  • The plugin allows you to define the color of your notification bar

The post Notifier : jQuery plugin to Push Notifications appeared first on jQuery Rain.


by Admin via jQuery Rain

Facebook as a Blog Platform? Well, Maybe Not So Much

Is Facebook the right tool for becoming successful blogger? 5 reasons why it is not

Are you familiar with the “new” Facebook Notes? If not, you may want to have a look at it. Like other social media platforms, Facebook is doing its best to stay relevant by offering new and improved features. Quite a while back, it launched the first version of Facebook Notes, and it was pretty much a “bomb.” Now, the re-constituted version lets bloggers, especially those involved in content marketing, have a platform for posts. Links to those posts are provided by posting a “teaser” to the post on a business status update, so that a reader can then click through to the actual article which is held on the site. The goal is to extend your reach even further. This feature may be beneficial to Facebook, but how beneficial is it to you and exactly how good is this blogging platform? Here are 5 concerns that you may want to consider before you embrace Facebook Notes in 2016.

How “Notes” are Created
To create a post, you simply click on the “write a note” link, and you will be taken to an interface that looks very much like other blogging tools you are already using on your website business blog. You can add a photo for the “cover,” a snappy title, and then begin to write your post. There are some formatting options, you can add more photos and images, and you can insert numbers, bullet points and headings.

The Drawbacks

1. Tools are Limited

While the tools you have on “Notes” may be adequate for much of your blogging, there are several things you cannot do. You cannot change formats in very basic ways. For example, you cannot alter the alignment of text, you cannot indent, and you cannot change the font type or colors within the post itself. This is a big drawback, especially for bloggers and content marketers who change typography and colors often to provide more visual appeal.

2. No Video or Plugins

This is a huge drawback, but maybe that will change in the future. We already know that adding videos to a post will increase the probability of sharing by 3-4X; and projections are that 74% of Internet traffic will be video by 2017. Bloggers must have platforms that support video if their posts are going to be viewed. If Facebook intends to make its “Notes” viable, this option will have to be added for sure.

As to plugins, one of the best features of platforms like WordPress is the plugins. There are no plug-ins for Facebook Notes, and you are thus seriously limited.

3. No Analytics

This is perhaps one of the biggest problems. Content marketers must have access to analytics in order to make decisions about time and money spent and to re-assess where, when, and what in regards to their blogging. While it is free, of course, to post on Facebook Notes, there is still an expenditure of time. Without analytics to determine effectiveness, content marketers are unlikely to see “Notes” as worth their time and effort. Having clear and up-to-date information on blog traffic is just critical. And, a post on Facebook Notes will lack permalinks, something that may impact SEO negatively.

4. Blog Posts Cannot be Monetized

A lot of bloggers monetize their platforms with paid advertising or many of the other options to make money with a blog. If these options are not available, there is certainly no incentive to use Facebook Notes as a platform.

5. Your Content “Belongs” to Facebook

In essence, you are “renting” from Facebook when you use its “Notes” feature. The content you produce can make Facebook more valuable, but not necessarily make you more valuable. Bloggers clearly see that they can build their own “houses” through other blogging platforms and use Facebook, along with other social media, as “outposts” to drive people to their own sites. This point is this: there may be a lot in it for Facebook, but what’s in it for you?

There is certainly a lot of buzz about Facebook Notes, since it re-constituted the old Notes. And it does represent an effort on the part of Facebook to serve the small business community better. And, if you are new to blogging, this platform can give you plenty of practice before you launch your own blog. You can become familiar with just the basics and then, when comfortable, launch and continue to learn about all of the other features offered by the platform you have chosen.

No one is going to dump his/her blog for Facebook Notes to be sure. But it would behoove Facebook to look for ways to make its platform far more appealing than it is right now. The “powers that be” at Facebook are no fools – they understand these drawbacks just as much as we amateurs do. Chances are, they are working on enhancements right now that will give Facebook Notes far greater appeal, especially as a content marketing option for small businesses.

Is Facebook the right tool for becoming successful blogger? 5 reasons why it is not

About author:
Ben Brychta - MBA student from San Jose, CA. He is big movie classics fan and loves to share his opinion on different thing happening in the spheres of the film industry, blogging and lifestyle. You can contact him through his Twitter or LinkedIn.

by Guest Author via Digital Information World

UX Mastery Podcast #10: Design Decisions with Tom Greever

Matt chats with Tom Greever—designer and UX Director at Bitovi, and author of the latest O’Reilly title Articulating Design Decisions: Communicate with Stakeholders, Keep Your Sanity, and Deliver the Best User Experience. Tom answers some questions submitted by the UX Mastery community, and discusses how defending your design decisions can sometimes be more important that the design itself.


You can listen to this episode directly in your browser—just click the “play” button:

Download this Episode

You can also download this episode as a standalone MP3 file. Here’s the link:

If you enjoyed this episode, be sure to subscribe to the podcast.


Transcript

Matt: Welcome to the UX Mastery Podcast. My name is Matt Magain and my guest today is Tom Greever, author of the book Articulating Design Decisions. Welcome, Tom.

Tom: Thanks, Matt. It’s a pleasure to be here.

Matt: Why don’t we start with you telling us a bit about yourself and your journey to where you are today?

Tom: Yeah, sure. Well, I’m a designer and I have been my whole career, and started out in web design in a corporate setting and corporate environment. I’ve had a bunch of different jobs throughout the years. Now I am the UX Director at Bitovi. Bitovi is a frontend design and engineering consulting company. We help other companies design and build web applications and we’re fortunate enough to work with a bunch of big clients like Wal-Mart and T Mobile and kind of help them solve some really tough problems whether it’s design or engineering. I love what I do. I love solving problems with design and as you noted, I recently wrote a book called Articulating Design Decisions which is very much about, well honestly in some ways, it’s a little bit about me and career and sort of how I got to the place that I’m at now in UX. I think that I’ve realized that explaining design decisions to stakeholders or clients on a project is maybe more important than the designs that I create and it has taken me many, many years to realise the power and the importance of that. I’ve tried to distill all of my thoughts and advice for people about communicating design into the book.

Matt: That’s a really pretty big call to say that communicating the design is sometimes more important than the design itself. That’s a big call. I imagine you’ve—and I haven’t read the book, but perhaps you’ve captured them in there—you’ve encountered some hurdles and made some mistakes and learned along the way the hard way?

Tom: Oh yeah, absolutely. It actually doesn’t take a whole lot to make the case that the way you talk about your designs is more important than the designs themselves. Sometimes people tend to say things like, “Oh well, good design should speak for itself, right?” That could be kind of a comment. Good UX should be like a joke—if you have to explain it then it’s not very good, but the reality is that if we don’t have the skills necessary to convince the people who oversee our projects that our design solutions are the right solutions, then they are not going to agree with us, and they will change our design decisions for us. They will override those decisions or—in a worst case scenario—our designs will never even see the light of day. Even if I think I have the best possible design solution, what good is it if I can’t even put it into production? If the world never gets to see it, then it’s absolutely useless.

That’s why I would say that the ability to talk about design with people and convince them that you’re right is more important than the designs themselves. We see this—you see this—all the time. There are maybe what we would consider subpar designs or applications or user experiences out there that probably don’t deserve to be the #1 bestselling application. We could probably think of a dozen different examples right now of websites or apps that we think are just terrible but are the most popular ones out there. Well, I think that perhaps proves the point even more. It’s far more important that you’re able to convince someone that this is the right thing to do, rather than this is what you believe to be the best solution, because what wins in the marketplace is not necessarily the best design solution. A well-spoken but incorrect sales person in your meeting is much more likely to get their way if you are unable to defend those choices.

Matt: Interesting. Okay so for today’s chat, we put the call out to the UX Mastery community that we were chatting to Tom and we’ve got a few questions from our members of the community. So I’m going to read the first one out. The first question comes from jmarie673. It’s pretty long. I’ll read the whole thing out. It goes like this:

Question: Tom, I would love any advice you have on how to handle a HiPPO. [Matt: I’m guessing she’s referring to the acronym Highest Paid Person’s Opinion and in this case, it’s the chief engineer.] This person often stonewalls in the face of design logic. To clarify, often when I’m presenting designs, he might say something along the lines of, “This is not good. Change it!” When I offer solid reasons as to why it should not be changed to what he wants, he’ll leave reason behind in order to continue defending his point of view and resort to statements such as, “Your reasons don’t make sense. You are wrong” or “I don’t care. That’s not the way it should be done.” I already have my ringers who try to give me as much support as possible and help me when he stonewalls, but because he originally built and designed the product and he is quite attached to his work, it still continues to happen and it’s not helpful in terms of coming away from meetings with sound and actionable items. Any advice on additional tactics I might employ when faced with a stonewall or perhaps some ways to prevent the stonewalling from happening at all? Thank you.

Tom: So this is a very difficult situation for sure. That term HiPPO, it’s funny because I only came across that term just very recently and I would say that maybe one of the first things we need to do is stop calling these people HiPPOs. Even though I get the acronym and what it means and it’s kind of an amusing way to refer to people that we encounter in these situations, I think that this is part of our problem is that we view these people negatively. I’m going to say we don’t have justification for having a negative view of these kinds of situations because it’s absolutely frustrating, but I think we have to do our best to remain positive and to see these people in the best possible light. We have to believe the best about them and not assume the worst. Anyway, let me get to the question. I think when you have a person who holds the keys to the project and especially if they are the person that built it or designed it originally, then they can be very defensive. I mean, we could be defensive about our own solutions that we offer too and so I think it’s understandable that that person would be kind of defensive and not open to change.

The key here though I think is to remember to keep your wits about you. I always recommend practicing a couple of different things to get yourself in the right frame of mind before you even go in these situations. One of those things is to remember that this person is in control of the project. We have to learn to let go of that control, it’s not us. I think if we can let go of that and allow things to flow and recognise that this person holds the keys to our future, then we would be in a much better frame of mind to be able to respond to them because what could happen is when we think we’re in control and we sort of take that attitude, then we do the same thing to them that they are doing to us, which is to be defensive and kind of get upset. It’s going to be difficult to get through to them no matter what and you don’t want to create a fight for control.

Matt: Sorry to interrupt, but to play devil’s advocate, you’re not suggesting that you should just give up and let them have their own way though, right?

Tom: No, never. No, not at all, no. I think it’s just a mental shift. There’s just a switch we have to flip where we realise that we’re not the ones in control of our project. I mean, unless we own the company, we don’t have the final say. There is someone else outside of us and I think that that emotional release is really healthy in allowing us to see the other person’s perspective in a way that we wouldn’t be able to before when we see it as our thing. Sometimes we look at these situations as, “Well, I’m the expert. I have the data. I’m making a logical case. Why can’t this person possibly understand what I’m saying?” And yet that’s exactly the wrong kind of attitude to have. So absolutely, don’t just let go and let have them have their way, but instead, take a posture that allows you to be open to what they are saying so that they will be receptive to what you say because those attitudes and that body language is very easy to kind of communicate even unintentionally.

The next thing that I often suggest is to always lead with a yes. So this is the principle of the “Yes and…” which you may have heard of where every response that you give needs to start with the word “yes” even if you disagree with what they are saying. “Yes, I agree with you that we need to solve this problem.” I’m not saying that their solution is right. I’m pointing out where our common ground is so that their ears are open to being receptive to the solution that I do want to propose. So those two things – letting go of control, leading with a yes – are really fundamental in getting through to these people that are difficult to deal with. But if you’re doing these things and I think this person, it sounds like this person probably is already doing some of the stuff because they made reference to having ringers in the room with you, which is something else I would recommend.

I talk about it in the book but that’s the idea of having other people in the room with you who may be from disciplines or other departments or kind of other areas, not necessarily someone directly on your team that can agree with you and you’ve prepared them in advance. “Okay, I’m going to show this design. Do you believe this is the right thing? Yes, okay then I need you to try them at this point because if you can build that kind of momentum in a meeting like that, then it’s a lot harder for someone on the receiving end to disagree with you if, you know, nine out of 10 experts in the room agree. But it sounds like this person already doing that so when you’re presenting your case and you’re taking real data and you’ve got proven solutions or what you think is good logic and they are still not responding to you or at least they are stonewalling as this person was saying, I think I’d like to suggest that maybe there is something amiss. Maybe we’re misunderstanding the goals of the project, maybe there is something that has changed recently that we weren’t aware of. Maybe there’s just something else going on that we don’t know about. There could be something political going on where this person is just jockeying for the next race.

We’d like to think that people are more altruistic about our products and that everyone has the best interest to the product in mind but sometimes people don’t. So we have to be keen enough to look into these relationships and see if we can figure out what else is going on because if we can figure that out, it’s going to help us respond. Maybe even this person just misunderstands what your solution is. I actually had a client once who misunderstood the use of the term “carousel” and the kind of interface control that that was. She disagreed with what we were suggesting. It wasn’t until I explained it better and showed the difference between the two options we were considering that she realized what we were proposing. Sometimes, those simple misunderstandings can cause the situation.

Matt: So visualising…

Tom: Of course it’s…

Matt: … that everyone was just talking about.

Tom: Yeah. Right, exactly, exactly. Now, it’s also true that this person is just totally unreasonable and that does happen where no matter what you do, they are just not going to agree with your choices. That doesn’t happen as often as I think we think it does. I think it’s more often that there’s a misunderstanding, but in the book, I talked about painting a duck. I tell a story about a designer who was in a similar situation where he was working on a 3D chess game and it seemed like no matter what he did, the product owner on that company always had just one more change. Rather than have to make those changes every single time, he decided to approach the problem a little more creatively and so when it came time to do the animations for the queen, he did everything just like they had discussed, made all the changes with one addition. He gave the queen a pet duck and he was sure to make the duck a little bit out of the way but also kind of obnoxious and kind of flapping and quacking over in the corner. What he found was when it came time to show the designs to this product owner, he said, “Oh, it all looks really, really good. Just one thing, remove the duck and it will be done.” So he was able to remove the duck and kind of move on with the project.

Matt: Very amusing. All right, good. Well jmarie673, I hope that that answers your question. It was a big one but there’s a lot in there to unpack so let’s move on to the next question. It comes from the community member named MyCelestial. MyCelestial says:

Question: I’m a big fan of Tom’s book and love the techniques. I’d love Tom’s experience on getting the team, that’s development, design, production, and other stakeholders, on the same page as an ongoing process such as sharing work in progress, design critics, presentations to a board or team like an open meeting for anyone interested. I’d like some advice from Tom on how to get started on this, what to share. I feel that I have a hard time putting together interesting content.

Matt: What do you say to that, Tom?

Tom: Yeah, so I’m not exactly sure where this question is directed. I think that what this person is asking is like how to create a better culture of design thinking and to create a language around this time that everyone can kind of get on board. That’s how I kind of read this question and yeah, I think that that’s part of our jobs in organizations is to help other people outside of our own direct influence, outside of our design team understand and see the value of design if they don’t already. Fortunately, we’re living in a time now where a lot more companies are valuing design and that’s why we have people that are hired into UX in information architecture and content strategy roles now. We’ve really seen a big shift, I think, in terms of how companies think about design, but in this particular case, I think that you want to do whatever you can to create that energy and to create that moment so that other people can get excited and get on board.

All of the things that you listed there in the question whether it was creating an opportunity for design critics or allowing people to kind of practice for maybe some executive presentations, those are all valuable things that you can set up with your teams and invite people to come. I think where people get most excited about design thinking and seeing the value of design of the organization is when they see how your designs can change things and how they can actually have the intended effect. That’s not easy to do but what I’m suggesting is that I think the best way to build that momentum is to make some design decisions and to collect some data around how those decisions change things for your organization and present them. I think people get really excited, “Oh look, we saw a 10% increase in email newsletter signups because we made this one little change.”

Run some real quick A/B tests. Share articles that you think are relevant to your product or your organization about how you can do things better. You have to be the champion in your organization. It’s going to take some time and a lot of effort and energy initially to build that momentum, but once I think, once you get it going, I think it will continue and more people will pick up on it and more people will contribute better. At least initially, it’s just going to be a lot of hard work to get people on the same page. As far as design critics go by the way, I would also recommend the book, Discussing Design, which is also published by O’Reilly. It’s similar to the content of my book in terms of being able to create a culture for talking about design and how to do that, but it’s specifically centred around creating a process for design critics for your team. That book has a lot of very specific practices and exercises you can do with your teams to do better design critics.

Matt: What are your thoughts on the part of MyCelestial’s question which asks how do we get started? What I took away from the question was that they kind of know that there’s a bunch of stuff that he/she would like to try but lacks the confidence to kind of try them. Have you got some tips on how they can get over that initial hurdle and feel confident about grabbing the whiteboard marker and doing some stuff?

Tom: Yeah. Well, I think you just have to have that confidence. That’s maybe not the best answer because if this person is saying, “Hey, how do I have the confidence” and my answer is just, “Well, you just have to have confidence.” But here’s the thing and I actually mentioned this in the book. Confidence begets confidence, right? And what we find in psychology research—and I do reference this in the book—is that people who express confidence, even a fake confidence, eventually exhibit real confidence in themselves over the long term. So if you start out believing in yourself and having confidence in your designs, in the process, the things you want to recommend and propose and get started at your company, even if in the beginning that feels kind of fake, over time, that develops into real confidence and other people will pick up on that. If you’re just simply lacking that confidence, other people are also going to pick up on that and they are not going to excited.

You have to go into it believing 100%. “This is the right thing for us to do. I’m excited. Hey you guys, come on let’s go run into this conference room over here and I’ve got a discussion. We’re going to look at this product.” Maybe start a book discussion. That would be a great way of doing it. Find a book on design thinking. Do mine or Discussing Design or any other book that you think will be valuable and relevant to your product or industry. Use that as a starting point. That way, you’re not coming up with the content on your own. Actually as part of the book for O’Reilly, we also did a video series and there’s one like a 20-minute video for every chapter in the book. I did that specifically for teams that are looking to work together and kind of discuss this content together. It wouldn’t have to be my video but like in any sort of design thinking and kind of process video training course that you could find out there that you think would be valuable, conference talks that are available on YouTube and Vimeo, find stuff like that that you think would be relevant and just invite everyone to come in for lunch. “Bring a lunch and let’s watch this video together.” That way, you’re removing some of the pressure for yourself to come up with that content initially.

Matt: One of the things that came to mind for me would be if this person is interested in ironing out the kinks for how to run a design critique or if these kind of facilitation activities are kind of new, try them with some friends and some friendly colleagues that you know are okay with the idea that this is your first time running this activity and they can help you kind of adjust it and tweak it, and then when it really matters with key stakeholders, you’ve have kind of a bit of a dry run and then you’re feeling more confident that way.

Tom: Absolutely. So that is one of the things that people who often ask me, “Well, what’s the best way for me to get better at articulating design decisions?” The answer is just to practice. I say that practicing for a meeting before the meeting is the usability test of being articulate. We want to try out our ideas. We’re going to try out our ways of saying things and even if you don’t have the opportunity to gather together a group of friends to kind of practice a design critic as a dry run, you can just stand in front of the mirror and give your presentation to yourself. Just doing that, just hearing yourself talk out loud is going to reveal a lot of your thinking that you didn’t even know was there. It’s going to give you the opportunity to stop and rephrase it a different way and build that confidence that you need to be able to go in front of other people and do it.

Matt: Cool. Okay, the next question comes from Alli. Alli says:

Question: I really hope it’s not too late to address one topic during Tom’s interview and that’s transitioning into UX. [Matt: She is a huge fan of Tom. She owns the book. She owns the video. “He’s fantastic.” There you go.] After observing a strong tendency of teams to become self-organised communities, I took sabbatical from the enterprise where I manage front end management teams and I study user experience through subscriptions, meet ups, conferences, and got certified at NYU. It’s a tough call to find a UX job without a strong personal UX portfolio. There’s no way back. UX is my thing and a longtime passion. What would Tom’s advice be on UX best practices to get into the UX field if all that most hiring managers care about is having 3-5 years of experience and a strong portfolio? Thank you so much.

Matt: I nearly was going to leave this out because it’s kind of a bit off topic but then I thought about it and I realised what better way to make an impression when you’re in an interview than to exhibit confidence in articulating designs. So what would you say to Alli, Tom?

Tom: Yeah, so the challenge of not having a portfolio or of not thinking you have a strong portfolio, I mean, that’s a real thing. You have to be able to demonstrate that you’re able to kind of do some of this work. That’s important and so I think I would encourage anyone to, if you don’t have the opportunity to work on the UX of a specific product maybe because you’re not currently working in UX because you’re a developer or whatever your role is, look for opportunities to create that for yourself. Make up a product. Just be creative and just think of something that hasn’t been done before and write up a case study on what problems are being solved with this and what your design thinking is.

The truth is that all UX is articulating design decisions and I think this is something that we kind of fail to recognize. Design by itself can just be pretty and depending on the genre and depending on the business or where you are, it’s okay to have a design that is just aesthetically pleasing, but user experience naturally demands that we have these explanations for our designs. I think you’re right that the ability to articulate your design decisions, that’s what UX is all about. I think that’s what most people miss on their portfolios. They have a bunch of screenshots with some really glossy looking apps that they designed but I have no idea what their thinking was. I have no idea what the problem was that they were trying to solve or what the issue was that they were overcoming, what matrix they improved when it was all said and done, and I think that takes a lot of more thought and time.

As a hiring manager, I look at people’s portfolios initially. It’s important for me to look at that but it’s a lot more important for me to understand how they are thinking about design. While I want to always know that someone has a demonstrated quality of work in their portfolio, it’s almost always, for me, just kind of a cursory glance. You want to see that they have the basics covered. If they have an in depth case study, I’ll read the whole darn thing, but really what I look for is their answers to questions. Before I interview them, I send them a questionnaire where I ask them just several questions about their thoughts on design and I value their answers to those questions a lot more than I value their portfolio.

I would say that if getting into UX is really that important to you, as this person said, “There’s no way back. This is my passion,” well then you’re going to have to find the time for it. If you already have a full-time job and it’s not UX, well guess what, you’re going to be working late. You’re going to be doing stuff on the weekend trying to build that portfolio and bring yourself up to speed so that you can present yourself. Do freelance work. Go to a freelance website and just offer to do some work for cheap or free just to get that experience under your belt so that you can show people that you actually know what you’re doing.

Matt: Cool. The last question comes from Mark Seabridge. Mark says:

Question: Hi, Tom. Working agency side, one of my biggest challenges is being brought into a project at the last minute, often with very short deadlines to meet. This can mean lack of time for research, having to resort to questionable third party research and sometimes being unable to take any research out at all despite pushback, relying on hypothesizing solutions that are invalidated. Although the obvious answer here is to move on, I enjoy the challenge of making change in a tricky environment. What advice would you have for this situation?

Tom: Well, I mean first of all, I feel your pain. In fact, I think that this situation is probably more common than most of us would like to admit because even in my own client projects at Bitovi, it’s often the case that we just don’t have the time or the budget to do what we want. Research and user testing are sometimes the first thing to go when you’re pressed for time. I found though that the value of these disciplines in making our design decisions on projects is best demonstrated just simply by doing them to the best of your ability and with very real constraints. Just doing something and then bringing that knowledge with you to that next meeting. If time is really short, it might mean that you only have 30 minutes to go interview someone or grab some people in a coffee shop, right, and the first few tests like that are the partial data that you can glean from the analytics.
At first, it’s going to feel like a hack and it’s going to feel pretty fake and shaky, but it’s certainly better than basing your decisions on nothing at all. I believe that if you do that, if you do your best to just squeeze in whatever you can that your stakeholders are eventually going to start to get it. They are going to see that value because you’re demonstrating it. Don’t ask them permission to go do a weeklong user test. Just do it first and ask for forgiveness later because you want to be able to demonstrate that value. I think over time, you’ll be able to grow the amount of time and space, and maybe even the budget that you have to do that stuff, but there’s no doubt that many organisations, this is a daily uphill battle. Every day, you kind of have to wake up and decide that you’re going to make this a priority even when other people don’t. It takes time. It takes some proven experiments to really establish it as a regular practice on projects.

Matt: Yeah, I can definitely echo that sentiment in my own experiences where I’ve just realised that we just have to set expectations based on if it’s the first time engaging with a client and they are at a certain point in their journey to enlightenment about this stuff that there’s only so much you are able to do, but as you develop a relationship with them and like you said get some runs on the board for the first project, then the second, third, and fourth project, you’ll be surprised at how much easier it is to get what you want because you’ve proven that there’s value in this stuff.

Tom: Sometimes it’s about being purposeful about planning these things in advance enough that people know what to expect because I think what happens sometimes is we know that we should do some user tests or we know that we should comb through the analytics and kind of try to find the answers to some of these problems, but we don’t put it on the calendar we just kind of assume that we’ll be able to work it in and we never do. But we will never do that with our vacation time. We would never do that with a holiday or with our time off. That goes on the calendar in advance and our clients know what to expect. “Oh yeah, I’m taking Friday off.” Well, everyone adjusts. I think we need to get to a point where we can do the same thing with doing research. We need to just tell everyone, “Hey, I’m not working on your project this Friday because I’m doing research for your project. Just pretend that I have the day off. I’m going to shut off, Skype, and Slack or whatever. I’m not going to check my email. I’m going to spend the whole day just doing this one thing.” You know that they would adjust for you if you were sick or if you had to take some time off and I think we can develop that same habit. You do that a few times, you’ll start to create that value for them I think.

Matt: Cool. Well, Tom this has been a fascinating chat and some real nuggets of wisdom that you’ve shared today. I really appreciate that. If people are interested in keeping up with what you’re up to online, where should they go to follow you? Do you have a Twitter?

Tom: Yeah, I’m active on Twitter. My Twitter handle is just @Tomgreever, T-O-M-G-R-E-E-V-E-R, and also on LinkedIn, you can find me. The website for my company is Bitovi.com, B-I-T-O-V-I.com and I’d love to hear from you guys. If I didn’t quite answer your question or if you have an additional question based on something I said, please feel free to contact me. My email address is tom@bitovi.com.

Matt: If you post any more questions in the forum thread, I’m sure we can twist Tom’s arm to jump in and answer there as well. Make sure you check out his book, Articulating Design Decisions out through O’Reilly. Thank you very much for your time, Tom.

Tom: Yeah. Thanks, Matt. I appreciate it.

The post UX Mastery Podcast #10: Design Decisions with Tom Greever appeared first on UX Mastery.


by Luke Chambers via UX Mastery

What Entrepreneurs Can Learn from Blizzard Entertainment

This editorial was originally published in the SitePoint Entrepreneur newsletter. Sign up here to receive updates on our Entrepreneur coverage every two weeks.

Winston from Blizzard's Overwatch

In November of last year, Blizzard Entertainment announced that it'd no longer share World of Warcraft subscriber numbers in its quarterly earnings reports.

"There are other metrics that are better indicators of the overall Blizzard business performance," the company said at the time.

World of Warcraft subscriber numbers had peaked in 2010 during its Wrath of the Lich King expansion, when it reached over 12 million subscribers. The next two expansions didn't resonate with subscribers as well, and that number quickly dropped to 10.2 million in 2011, 9.1 million in 2012, and 8.2 million in 2013. 

But in a surprising turn events, that number shot back past 10 million in 2014 with the announcement of the Warlords of Draenor expansion. Players I've spoken with say that this expansion seemed to reinvigorate the interest of the playerbase by getting back to the core values of the game, and this seems to have held true — for a short time. The early play experience was highly engaging, but the expansion didn't have much staying power, and only a couple of months post-launch, subscriptions were in freefall again.

As of the November earnings report, the last time for which we'll have accurate data, the number stood at 5.5 million — the lowest it has been in nine years.

There was a lot of speculation about Blizzard's reasons for pulling the plug on this reporting. Some thought that the negative press from the games and tech media and the hyperbolic "WoW is dead!"  rhetoric from players — something that has existed for most of the game's life, regardless of the situation — were causing Blizzard PR problems when it came to buoying the subscription number. My interpretation differs.

Blizzard knew that while WoW was not dying, it had certainly already lived past expectations and was going to decline into a more niche product played by a few million dedicated fans, and it was going to do this faster and faster. It would still have a strong playerbase that could likely support several future expansion releases. It would still be able to cash in on short nostalgia-driven subscription spikes with new expansion releases, but it would not always remain the company-buoying revenue behemoth that it was. And it figured this out years ago.

The decline of World of Warcraft is not a problem in and of itself. It is more than ten years old; it's amazing that it has lasted as long as it has, and it's also fairly amazing that the team has managed to improve it over time as much as it has without starting from scratch. Most importantly, it has already made Blizzard more money than anyone ever imagined it would. What made it a problem is that when the subscription decline first began, while Blizzard had other big titles in Diablo and Starcraft and likely wouldn't fold, it didn't have anything in play that could keep the momentum and growth of the company from going in the reverse direction should Warcraft subscriptions really plummet.

As of 2016, it has fixed that problem, and it has done that by embracing values that anyone who has worked in startups would recognize.

Continue reading %What Entrepreneurs Can Learn from Blizzard Entertainment%


by Joel Falconer via SitePoint

The Startup’s Guide to Podcast Advertising

Microphone in recording studio

Despite being about as hip as the average mother (that is, not very), my mom is definitely in the know when it comes to cool new startup products.

Harry's Razors? She bought them for my dad. A Casper mattress? She's never slept better. An Audible subscription? Listening to Gone Girl spiced up her commute to work.

If you listen to podcasts, you'll know how my mom is learning about all these companies. Podcast advertising is taking off; so much so that in April of 2015, the Interactive Advertising Bureau published a 27-page "Digital Audio Buyer's Guide". In a single year, advertisers will spend $34 million on podcasts (and that's a low estimate).

[author_more]

Of course, the rise in advertising is stemming from a rise in the podcasting industry itself. According to Edison Research, one-third of the U.S. population has listened to a podcast–a 300% increase since 2006.

So, if you're looking for a great way to get the word out about your startup, you should definitely consider podcast sponsorships. 

Why Podcasting Is Such a Great Ad Medium

As you no doubt know, most people pay little attention to traditional ads–if they don't ignore them completely. From banner ads on websites, which 99.8% of people don't engage with, to TV ads, which 37% ignore, most mediums have low interaction rates.

The recent rise in ad-blocking makes advertisers even more nervous.

Podcasts are different. Not only do people listen to the ads, they actually enjoy them.

First, most people simply can't ignore the ads. More than 25% of podcast consumers listen during their morning commute. Other popular podcasting activities include walking the dog, doing household chores, and working out. These activities don't allow you to fast-forward through an ad, nor do they let you focus on something else until the ad finishes.

But the vast majority of people don't want to. Podcast ads are considered fun and engaging. Many of them match the overall tone of the podcast; for example, PC's ads for Reply All (a popular Internet-themed podcast), feature a charming exchange between the Reply All host and a young couple, who agree they'd rather save their laptops than their wedding pictures.

Most ads are read by the hosts themselves, which makes you feel as though you're hearing about, say, Stamps.com from a friend rather than a self-interested stranger.

As Adam Sachs, CEO of ad network Midroll, told Fast Company, "That passive endorsement is really powerful."

The Set-Up

Before you can make any decisions, it's helpful to know the jargon.

Pre-roll: This 15-second spot opens the podcast. Usually, it has more of the traditional audio ad feel than the mid-roll, which can be more casual.

Mid-roll: These 30 to 60-second segments occur periodically throughout the episode. 

Offer code: Most podcast ads offer listeners a unique promo code, which allows sponsors to track how many conversions they're getting.

Native ad: The standard podcast ad consists of the host(s) reading a script into the microphone. However, you'll also hear the occasional agency-produced ad, with music, sound effects, interviewees, etc.

Outro: The final part of a podcast, during which the host can urge listeners once again to try out the company ("Don't forget to use offer code Take30 to receive 20% off your first Wayne purchase") or simply remind them of the sponsorship ("Thanks to Wayne for sponsoring this episode.")

Direct response: Since most podcatchers offer linkable show notes or captions, you can now provide direct links to your site or product page.

Podcatcher: A podcast player. iTunes still reigns supreme, but apps like Stitcher, Overcast, and Castro are gaining ground.

Finding Podcasts

The beginning step in any marketing strategy is to find the appropriate outlets.

You can tackle this project in two ways.

The first way is to identify shows your target demographic is listening to, contact those shows, and ask to sponsor them. 

Let's say your company provides millennials with simple, easy-to-use banking software. After some research, you decide to approach Night Vale and Rooster Teeth, two shows popular among millennials.

Pros: This approach is pretty low-budget. Also, it allows you to scout out niche podcasts that directly appeal to your core market–as opposed to hyper-popular shows like Serial that everyone listens to.

Cons: It's a pretty unscientific and time-consuming approach.

The second option is to work with a podcast network, like Midroll or Archer Avenue. They act as the middleman, matching you with multiple shows within their roster.

Pros: Almost all of the heavy lifting is outsourced. Plus, you can gain access to top podcasters (who may ignore you if you reach out to them independently).

Cons: It's more expensive.

While your decision will depend on how much you can afford to spend and the audience size you're going after, in general, I'd recommend starting with the first approach, seeing how it goes, and iterating on your approach, then moving to the second.

Continue reading %The Startup’s Guide to Podcast Advertising%


by Aja Frost via SitePoint

Interactive JavaScript Charts Using Data from Google Sheets

Meet my friend Jenny. She recently started coding websites. She loved her job and was very happy until she met Steve, who has a reputation of being, let's say, not a very easygoing client.

Steve had a lot of data in a spreadsheet and he wanted to display that on his website. Our friend (now Jenny is your friend too!) suggested that Steve make the charts in Excel and upload them as images to the website.

[author_more]

But Steve being Steve, he wanted the charts to be interactive. Not only that, he also wanted the charts to get updated whenever he made a change to the data in his spreadsheet .

Jenny didn't know how to tackle this issue, so she came to me. And, being the good friend I am, I gave her this advice:

First ask your client to move his data to Google Sheets (because that's what all the cool people are doing nowadays). Then we can easily implement the features that he needs — interactive JavaScript charts and dynamic updating.

Her client agreed (luckily!), and Jenny and I coded rest of the solution. But how? Well, that's what this tutorial will teach you.

I have divided this tutorial into five easy-to-follow steps:

  1. Exporting data from Google Sheets
  2. Fetching JSON from Google Sheets via Ajax
  3. Restructuring the data
  4. Creating a chart with FusionCharts.
  5. Customizing the chart

So without further ado, let's dive in!

Exporting Google Sheets Data as JSON

Before delving into how to export data, let's first create a sheet. Assuming you've got a Google account, you can do this by going to the Google Sheets page and hitting the Start a new spreadsheet button. In the spreadsheet that opens, create two columns: Actor and Income. Then fill your newly created sheet with some data. I've taken mine from here: The World's Highest-Paid Actors 2015.

As you can see, the left column contains labels for our chart, the right one values corresponding to those labels. For those of you following along at home, you can grab a copy of this sheet here (go to File > Make a copy).

The data available in Google Sheets can be exported to multiple formats like JSON, XML etc. And once exported to any of those formats, it can be easily accessed via the web.

To open your document to the web, you need to make the following changes to the document settings:

  • Set the sharing of the document to either Public on the web, or Anyone with the link. To achieve this, click the Share button in the top right-hand corner, then click the Advanced option that appears in the bottom right of the pop up.
  • Publish the document to the web. This option is available under File > Publish to the web

With these two changes made, the data in the document can be accessed in JSON format via: http://ift.tt/1T4wB54

You will need to replace SPREADSHEET with the ID of your Google Sheet, which in our case is 1Aoz_GcPYoEIMMNd1N_meYNOp8TJ0fCXpp1AoUhCpwZo. You can see the results here.

Using jQuery to Fetch JSON from Google Sheets

We will use jQuery's get() method to fetch the data from Google Sheets. You can include jQuery from a CDN as shown:

Continue reading %Interactive JavaScript Charts Using Data from Google Sheets%


by Rohit Boggarapu via SitePoint

Web Design Weekly #224

Headlines

The New Web Typography

Robin Rendle looks into how we should go about making rules for typesetting on the web. A well thought out post that is a great read. (robinrendle.com)

The current state of modular CSS (medium.com)

​Get multiple job offers from top companies with 1 application

​Web developers are in demand, so shouldn’t companies apply to you? On Hired, that’s exactly how it works. Get 5+ job offers from companies like Uber, Square, and Facebook with 1 application. Join Hired today and get a $1,000 bonus when you get a job! (hired.com)

Articles

The Conversational UI

The rise of applications no longer having a graphical user interface is an extremely interesting area that I’m sure becomes more common as tools like Slack continue to grow. In this post Matty Mariansky explores the current landscape. (alistapart.com)

Misconceptions of Tooling in JavaScript

Jack Franklin expresses his frustration with tooling getting in the way of learning the basics of JavaScript libraries and shares a simple React example. (javascriptplayground.com)

How to lint your Sass/CSS properly with Stylelint

Scotty Vernon talks about why we should lint our stylesheets and how to implement stylesheet linting into our build pipelines for both vanilla CSS and Sass. (creativenightly.com)

Managing Typography

Harry Roberts gives some great advice about managing typography headings across large and complex apps. (csswizardry.com)

Trends That Will Define Web Design in 2016 (sitepoint.com)

SVG Working Group Meeting Report (tavmjong.free.fr)

How we use Sass Maps (bigeng.io)

Tools / Resources

Vision API

The Google Cloud Vision API enables developers to understand the content of an image by encapsulating powerful machine learning models in an easy to use REST API. Pretty crazy stuff. (cloud.google.com)

Chainable BEM Modifiers

Jordan Lewis explains a variation of the popular BEM methodology that they currently use at Envato. Dubbed BEVM, it provides the ability to quickly and concisely configure HTML modules and keep their codebase under control. (youtube.com)

Rebound.js

A simple library that models spring dynamics for the purpose of driving physical animations. (facebook.github.io)

Draft.js

A rich text editor framework for React projects. (facebook.github.io)

Screencasts on a (Performance) Budget (daverupert.com)

Speech Bubbles with SVG (thenewcode.com)

Firefox DevTools Reload(mozilla.org)

Inspiration

Logo Experiments

Bryan Braun explores ways to create a logo with modern front-end techniques. (sparkbox.github.io)

How and Why GitHub Switched to SVG for Its Icons (github.com)

The difference between a goldfish and a human (markboulton.co.uk)

Jobs

Front End Developer at GIPHY

We’re a wildly creative and passionate group of GIF-obsessed individuals continuing to build out what we believe is the future of GIFs. We have big dreams and goals for 2016 and are looking for like-minded, talented people to join us. (giphy.com)

Application Engineer at Vimeo

Vimeo’s mission is to empower creators to make, share and sell amazing videos directly to viewers worldwide, in the highest quality possible and with no interruptive advertising. If you’re dying to help us take Vimeo to the next level, we’re dying to hear from you. (vimeo.com)

Need to find passionate developers? Why not advertise in the next newsletter

Last but not least…

Look Ma! No media queries! (codepen.io)

A love letter to jQuery (madebymike.com.au)

The post Web Design Weekly #224 appeared first on Web Design Weekly.


by Jake Bresnehan via Web Design Weekly

How to Empower the Amazon Echo with IFTTT

The Amazon Echo is a voice enabled speaker and personal assistant that has a range of capabilities which grow every day. As a developer who is fascinated by both the Internet of Things and artificial intelligence — the Echo holds so much potential!

The best way to begin experimenting with your own Echo customizations is via IFTTT (If This Then That), a service that allows rule based actions and triggers between a range of devices and services with no programming required. In this article, we will explore a few examples of functionality that the Echo can achieve when paired with IFTTT.

If you are in Australia — like me — and aren't quite sure how to get your hands on an Echo and set it up to work here, I have a quick guide on how to set up an Amazon Echo in Australia that I wrote at Dev Diner on this very topic! Whilst you can't get everything to work just yet, developers can get enough working that you'll be able to develop for the Echo in no time.

Completely New to IFTTT?

If you are completely new to IFTTT, we have a more generic overview of how it works in an earlier piece on Connecting LIFX Light Bulbs to the IoT Using IFTTT. We've also connected it to Node.js via the IFTTT Maker channel and WordPress via the IFTTT WordPress channel. Throughout this article, if you find any concepts in IFTTT a bit confusing, check the earlier articles — however I've aimed to structure this so that most readers can pick things up solely from this article.

Connecting Your Echo to IFTTT

To enable any of the below capabilities, we need to add the Amazon Alexa channel to IFTTT. Head to the Amazon Alexa page and click "Connect":

Connecting the Alexa channel

From here, you will be prompted to enter in your Amazon account details. Make sure you put in the account details for the account which your Echo is assigned to (if you have multiple accounts):

Signing into Amazon

Agree to give IFTTT access to all of your Alexa information by clicking "Okay":

Allowing Amazon permissions

When you've granted it the right permissions, you'll be directed back to IFTTT and should see a "Channel Connected!" message:

Amazon successfully connected

From there, the steps for beginning a new recipe with the Echo are always the same, as the Echo is only a trigger in IFTTT — not an action. In other words, you can only use the Echo in IFTTT to cause actions to occur, you cannot get IFTTT to make the Echo speak back to you or look up information (I hold out hope that this will be a future addition!).

To create a new recipe, as always, you head to the top right hand corner and click your username. Then click "Create":

Creating a new recipe

From there, search for the Amazon Alexa channel. It will also appear if you search for "echo", so you can find it in a range of ways!

Choosing the Echo trigger channel

From here, the trigger option chosen will differ depending on the recipe we want to create. Each recipe below will start from this point in the process.

Connecting the Echo to LIFX Light Bulbs

Whilst there is a LIFX skill you can install onto the Echo, it didn't work for me when I tried to use it. If you also have the same issue, you can use IFTTT to achieve the same results, just as we did within the Connecting LIFX Light Bulbs to the IoT Using IFTTT article here at SitePoint.

We want to trigger our lights via voice. To do this, we use the Echo trigger channels "Say a specific phrase" trigger:

Choosing the echo voice trigger

From here, we set up which phrase we want to use. As an initial test, we can put down "turn on my light" and then click "Create Trigger" (note — your phrase needs to be all lowercase for it to be accepted):

Setting the phrase

Continue reading %How to Empower the Amazon Echo with IFTTT%


by Patrick Catanzariti via SitePoint

Scheduled Backups for WordPress for Free in 5 Minutes

No matter how many times you read about it on the web, you just haven't got around to backup your WordPress website, despite all the hours you’ve put into it. There are tons of reasons for you not backing up - it’s too expensive, takes too long to setup, if your server gets hacked your backups might be lost as well, etc. - you get the picture. But hackers and server hardware issues won’t listen to you whining about how long you worked on your website, and once it gets hacked, it’s pretty much gone forever without backups.

And that’s why, you need to take action NOW. Setting up scheduled backups in WordPress can be surprisingly easy. What if I told you that there was a way to backup your website for free, with the backed-up files stored outside your server in a secure cloud environment, that can be setup in 5 minutes? You’re in luck. I present to you, the WordPress Backup to Dropbox (WPB2D) plugin.

Advantages and Disadvantages of WordPress Backup to Dropbox

Many WordPress experts might point out that there are many other more robust backup applications, as well as many powerful paid options. However, for most users, WPB2D is more than enough. The WPB2D plugin is great in that it's incredibly easy to setup and also very easy to use. I set it up on one of my WordPress sites 2 years ago, and it has never had an issue ever since. It’s great for setting up once, and just leaving it there. Here’s an image of the plugin in action:

Continue reading %Scheduled Backups for WordPress for Free in 5 Minutes%


by Ryan Chang via SitePoint

Building a Hacker News Reader with Lumen

In this tutorial, we’re going to build a reader for Hacker News. We will be using the Hacker News API and the Lumen framework to implement this.

The final output looks something like this:

Working Hacker News Reader

If you’re excited, let’s go ahead and jump right into it.

Installing and Configuring Lumen

The first thing that you need to do is to install Lumen. You can do so with the following command:

composer create-project laravel/lumen hnreader --prefer-dist

Create an .env file with the contents:

APP_DEBUG=true

APP_TITLE=HnReader

DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=hnreader
DB_USERNAME=homestead
DB_PASSWORD=secret

APP_DEBUG allows us to turn on debugging in Lumen so that we can see the errors in the app. And the DB_* is for the database configuration. We will be using the MySQL database for storing the items that we will be getting from the Hacker News API. This way, we won’t need to make a separate HTTP request every time a user accesses the app. You will probably just leave the values for DB_CONNECTION, DB_HOST, DB_PORT as they are if you’re using Homestead Improved. Of course, we need to create the database, too.

mysql -u homestead -psecret
CREATE DATABASE hnreader;

Next, let’s open the bootstrap/app.php file and uncomment the following line:

Dotenv::load(__DIR__.'/../');

This specific line loads the configuration options from the .env file created earlier.

Also uncomment the following line so that you can use facades such as DB:

$app->withFacades();

Database

For this app, we’re only going to need one table for storing the items that we’ve fetched from the API. You can create the table by creating a new migration with the following command:

php artisan make:migration create_items_table

That will create a new migration in the database/migrations directory. Open the file and update the contents of the up and down method to the following:

public function up()
{
    Schema::create('items', function(Blueprint $table){
        $table->integer('id')->primary();
        $table->string('title');
        $table->text('description');
        $table->string('username');
        $table->char('item_type', 20);
        $table->string('url');
        $table->integer('time_stamp');
        $table->integer('score');
        $table->boolean('is_top');
        $table->boolean('is_show');
        $table->boolean('is_ask');
        $table->boolean('is_job');
        $table->boolean('is_new');
    });
}

public function down()
{
    Schema::drop('items');
}

What the up method does is create the items table.

Continue reading %Building a Hacker News Reader with Lumen%


by Wern Ancheta via SitePoint

How to Create a News Reader With React Native: Setup and News Item Component

A Quick Study of the Rails Directory Structure

Ruby on Rails is a full fledged web framework written in Ruby. It is one of the most famous web frameworks and makes getting started with development so easy. Today I would like to explain the default files and folders generated by Rails. Let's get started.

To create a new Rails app, all we have to do is run the following command:

rails new sample_app

The above command generates the directory structure that we're discussing today. It might change if you are using an older version of Rails. This article is based on the latest Rails version which, as of this writing, is 4.2.4. You can find the version installed in your system by typing this in the console

rails version
=> Rails 4.2.4

Continue reading %A Quick Study of the Rails Directory Structure%


by Vinoth via SitePoint

Condé Nast – End Of Year 2015

opl-small

Beautiful horizontal-scrolling One Pager showcasing the 2015 network highlights of media company Condé Nast. The Single Page website features really well integrated video among all the rich content that loads as you scroll.

by Rob Hope via One Page Love

Create An Auto-Centered Responsive Google Map

A nice tutorial that shows how to style an embedded Google map in order to be responsive and centered.


by via jQuery-Plugins.net RSS Feed

AMP Project: Will it Make Your Sites Faster?

Is Your IT Career in Need of a Boost?

Is your IT career in need of a boost?

The answer is probably yes. Especially when it comes with more money and more job security. Get both with two certifications hiring managers love to see. We’ll help with the MCSA Windows Server 2012 & Cisco Network Associate Certification Training—it’s just $69.99 at SitePoint Shop.

You’ll save 94% off the regular price of $1,198 when you grab this two-course bundle from us. Consider it the first step toward a big leap. The bundle will prep you for the CCNA and MCSA certification exams with info-packed presentations, practice exams, and learning supplements, all of which you’ll have access to for a full year. Learn how to install, operate, and troubleshoot a network, pick up essential wireless networking concepts, and master server infrastructure, desktop infrastructure, messaging, communication, and SharePoint—everything you need to impress at a job interview or when asking for a promotion.

Save 94% on the MCSA Windows Server 2012 & Cisco Network Associate Certification Training—get it for $69.99 at SitePoint Shop!

Continue reading %Is Your IT Career in Need of a Boost?%


by SitePoint Offers via SitePoint

Estúdio Haluz

Estúdio Haluz

Arty One Page portfolio for Brazilian studio 'Estúdio Haluz'. Portfolio section has a few alignment issues but quite like this subtle parallax of the brand letters throughout the long page.

by Rob Hope via One Page Love

KnowYourBody

KnowYourBody - Institute for Reproductive Health at Georgetown University

Clean One Pager hosting an interactive online quiz that educates you on human fertility as you go. Great to know it's built on WordPress, impressive.

by Rob Hope via One Page Love

Imran Sq #Timeline - Training The Google Support Team To Minds Nebula


Tech Nation's survey shows 1.4m digital jobs in UK have been created and the industry is set to grow faster than the average rate of the economy. But one in three digital businesses still report a lack of local digital talent and say it hinders business growth. Problem? From a digital marketing perspective, somebody has to pay the price for a lack of product knowledge (often the advertiser) and if Adobe reports 69% of all SEM spend was on Google then it raises questions on how much of that spend was spent in error.

Imran Sq is an expert who started working with adwords back when advertisers could only pick from search and display campaigns. His goal back then was set to grow Google through market share, revenue and product uptake via their first external support operation; thousands of campaigns, hundreds of advertisers, digital agencies and internal staff trained later - launched the training consultancy Minds Nebula and this article covers his journey to fill the growing AdWords knowledge gap.

by Irfan Ahmad via Digital Information World

Ruby/Rails Code Smell Basics 02

How to Use Facebook Ad Bidding

av-facebook-ad-bidding-560

Do you use Facebook ads? Have you tried ad bidding? Understanding how to use Facebook ad bidding will help you reach your campaign goals for less money. In this article you’ll discover how to use Facebook ad bidding with your Facebook ad campaigns. Facebook Ad Bidding The bidding options for Facebook ads have changed slightly. [...]

This post How to Use Facebook Ad Bidding first appeared on .
- Your Guide to the Social Media Jungle


by Andrea Vahl via

5 Creative Ways to Grow Your Email List

ts-grow-email-list-560

Want to grow your email list? Got a blog? New tools and placement options have made it easier than ever to create an offer that compels blog visitors to share their email address with you. In this article you’ll discover five unique ways to grow your email list from your blog readers. #1: Put Your [...]

This post 5 Creative Ways to Grow Your Email List first appeared on .
- Your Guide to the Social Media Jungle


by Tim Soulo via

Filterizr : jQuery Stunning Filterable Gallery

Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions.

Features:

  • Pluggable look & feel (write your CSS effects in the box on the right and hit Filterize!)
  • Performant — optimized for smooth experience on mobile devices
  • Lightweight — around 8.5kb, jQuery is its only dependency
  • Responsive — with your Media Queries (resize the window!)
  • Open source

The post Filterizr : jQuery Stunning Filterable Gallery appeared first on jQuery Rain.


by Admin via jQuery Rain

OrderNow : Responsive PHP Order Form with jQuery

PHP Order Form will helps to get project orders from the clients for the people like web developers, corporates and freelancers easily. This form is PayPal integrated and admin functionalities are integrated.

Features:

  • Responsive design layout
  • PHP order form with MySql database
  • Multitab features
  • Cross-browser platform
  • Contents are organized in a user-friendly format
  • Admin can manage all contents and order management
  • Mail Templates are available in admin side

The post OrderNow : Responsive PHP Order Form with jQuery appeared first on jQuery Rain.


by Admin via jQuery Rain

OrgChart : jQuery Organization Chart Plugin

With the help of DOM, jQuery and CSS3 transition, we got a simple and direct organization chart plugin.

The post OrgChart : jQuery Organization Chart Plugin appeared first on jQuery Rain.


by Admin via jQuery Rain

Codeology

Codeology visualizes any public Github project as a unique 3D ASCII creature, determining its combination of shapes, colors, and size based on the coding languages used within.
by via Awwwards - Sites of the day

Sunday, February 28, 2016

The Ultimate Guide to Social Media Image Sizes - #infographic


Did you know that tweets with a picture attached will earn up to 150% more retweets, and 85% more likes than a post without an image?

Did you know that 87% of the posts shared on Facebook are photos?

Did you know that the average Pinterest is willing to spend $140-$180 on E-Commerce? (Almost double what you'd make from Facebook).

Not only do images make your website or blog post more SEO friendly, but by sharing images with your social tribe, you share a part of yourself and your business that words might never explain as clearly.

“It can be hard to keep up with the different specifications for multimedia content across each social network (format, aspect ratio, file size). Bookmark this infographic as a reference guide to create smart social content for any channel.”

by Guest Author via Digital Information World

Screenlog.js : Bring Console Log on the Screen

Ever faced a situation where you said “Why doesn’t this bug show up when developer console is open!!”? And since the bug doesn’t show when you have console open, you cannot do debug logging using console.log.

Enter screenlog.js. Screenlog.js brings the developer console right on your screen so that you can do logging without having the developer console open always.

The post Screenlog.js : Bring Console Log on the Screen appeared first on jQuery Rain.


by Admin via jQuery Rain