Everyone Can Now Create Twitter Moments: Here’s All You Need to Know

The ability to create Twitter Moments is being rolled out to all users.

Twitter Moments enable users to stitch together multiple tweets into slideshow-like stories. When they originally launched, Moments were intended to help Twitter users keep up with what the world is talking about at any given time without having to follow loads of new people or watch trending topics closely.

The below video from Twitter explains a little more about how Moments work:


Moments were first released in October 2015, with Twitter and selected partners able to curate stories on a range of topics, including News, Sports, and Entertainment. Then, in August 2016, Twitter opened Moments up to a broader group of influencers and creators, before beginning the public roll-out of the feature on September 28th.

By extending this creative format to everyone, Twitter says they’re “giving people a new and dynamic way to tell their stories.”

Moments have already been used by a wide range of brands, individuals, and groups. VaynerMedia are one of the agencies who were invited to experiment with Moments in August and their Chief Creative Officer, Steve Babcock, explained:

We’re excited about the new ability to make Moments because it provides our brand partners with a great opportunity to seamlessly integrate into how real-time culture is being consumed today.

Civil Rights Activist, DeRay Mckesson, has also found Moments to be a compelling way to share a story:

Moments allows us to collect and curate Tweets to tell stories in new ways. It’s a powerful Twitter feature, continuing to help build community as we engage specific topics and events.

How to create your own Twitter Moment in 4 quick steps

1. Head to the Moments tab on your Twitter profile

To create your own Moment, you’ll have to click into the new “Moments” tab on your profile.


Currently, Moments can only be created on Twitter’s desktop site (though it should be coming to mobile soon).

2. Click ‘Create new Moment’

Next, you’ll see the option to create a Moment in the right hand column of the page:


3. Add your title, description, and cover

The Moment creator tool then lets you add a title, description, and cover to your Moment. Twitter recommends keeping your title short, but descriptive and says your description should give users “a taste of what to expect in your Moment.”

You can choose a cover using photos or videos from tweets, or by uploading an image of your choice:


Here’s how your title, description, and cover will be displayed on mobile:


And on desktop:


4. Pull in your content and publish

Now, it’s time to start adding content to your Moment. And there are a variety of ways you can add tweets:

  • You can choose from tweets you’ve liked (or favorited)
  • Pick tweets from specific accounts
  • Find tweets via a Twitter search
  • Add tweets directly using the tweet’s link.

Once you’re happy with the tweets in your Moment and the story you’re telling, it’s time to hit publish and share your Moment with the world.

How many tweets should you include in a Moment?

Twitter’s recommendation is to keep Moments around 10 tweets long. And the company also advises to include a mix of photos, videos, GIFs and Vines to keep your viewers engaged.

You can check out more in Twitter’s own ‘how-to’ guide Moment.

Viewing and sharing Moments

Once a you’ve created a Moment you can share it on your Twitter for all of your followers to see. Here’s an example of how a Moment looks when it’s shared within a tweet:


To give added visibility to Moments, you can also find all of the Moments created by any Twitter account on their profile page:


Some of the best Moments may be eligible to appear in the Moments tabs within Twitter’s main navigation.

One area Twitter is reportedly looking to grow is the number of impressions Twitter-generated content is earning outside of Twitter. And as a way to boost this figure and encourage users to spread their creative Twitter Moments as far as possible, Moments can be embedded just like tweets. Here’s an example Moment from Product Hunt embedded below:

To embed a moment, click on the three blue dots ‘…’ next to the Tweet button at the top of the Moment and then select ‘Embed Moment.’


4 ways you could use Twitter Moments

We’ve seen the ‘Story’ concept explode on Snapchat and more recently Instagram, and Moments could be compared to both of those features. However, Twitter’s Moments feel slightly different from the Stories you can create on Snapchat and Instagram.

Twitter makes it easy to curate content for your Moments – you can pull in content from any account on Twitter and easily bring together a range of perspectives and media to tell your story. Moments also have a very clear beginning and end, making it easier to create a bunch of separate moments to tackle a range of topics.

As Moments have been around in testing for around a year now, there have already been some successes and a range of use cases have emerged. I’d love to share 4 ways you could use Moments today.

Let’s jump in.

1. Curating tweetstorms

A tweetstorm is a series of tweets shared in quick succession (usually focused on a singular topic). Tweetstorms are like mini-essays and have become a way for users to share longer thoughts.

Tweetstorms could now be shifted into Moments, allowing users to read the series of tweets in the correct order without needing to skip around the timeline to catch each post, potentially increasing clicks and engagement generated by sharing longer thoughts on Twitter.

2. Take followers behind the scenes

Behind the scenes content tends to be a great way to connect with your audience and share the human side of your business on social media. Moments could be a great way to tell a story behind the scenes at your company – maybe with a “day in the life of” series or by giving followers an exclusive peek into life at your company and how you work.

For example, Allure Magazine created the below Moment to take their followers behind the scenes for a day in the life of their Editor in Chief, Michelle Lee:


3. Curating news and timely content

One of Twitter’s key selling points is its real-time nature and often, some of the most successful content on Twitter takes off precisely because it’s shared at the right time and covers a trending topic. In fact, Moments were first conceived as a way to help Twitter users keep on top of what’s happening in the world around them.

In a blog post announcing Moments, Twitter Product Manager, Madhu Muthukumar, explained:

Every day, people share hundreds of millions of Tweets. Among them are things you can’t experience anywhere but on Twitter: conversations between world leaders and celebrities, citizens reporting events as they happen, cultural memes, live commentary on the night’s big game, and many more. We know finding these only-on-Twitter moments can be a challenge, especially if you haven’t followed certain accounts. But it doesn’t have to be.

Moments helps you find the best of Twitter as easily – regardless of who you follow.

The Product Hunt Moment we featured earlier was released as Snapchat announced their latest product, Spectacles, and rebranded to Snap, Inc., this Moment brought together the key things people in the tech space needed to know about this story from a range of perspectives.

4. Creating a product demo

It’s become common for new launches to be accompanied by a range of social media content: GIFs, videos, photos and tweets to announce the launch and share how it can benefit users. Moments provide a place to bring all of this content together and share the key details about your launch.

A great example of this in action comes from Twitter itself. When Moments were first announced, Twitter created a Moment of their own to share some best practices and advice for anyone looking to create their first Moment:


Over to you: How will you use Twitter Moments?

I’m excited to see Moments rolled out to all users and can’t wait to see the creative ways in which people and brands start to use them.

Are you excited to experiment with Moments? How would you like to use them? Let me know in the comments below 💬

from Social https://blog.bufferapp.com/twitter-moments


Inside Social Media at one of the Biggest Universities in America (and What You Can Learn) [SSM007]

What is it like to be the Director or Social Media for one America’s largest and most engaged universities?

With more than 1,000 social media accounts to oversee and an audience base of over 6 million, Nikki Sunstrum, Director of Social Media at the University of Michigan, knows what it takes to reach and engage with a large demographic of people from prospective students to parents to proud alumni.

We had the pleasure of speaking to Nikki about what it’s like to be the Director of Social Media for the University of Michigan and how her team goes about creating great social media content with the goal of making a difference and shaping change.

A huge thank you to Nikki for packing this episode with incredible wisdom and takeaways for social media managers and marketers looking for ways to branch out and create unique social media content that challenges the status quo.

How to listen: iTunes | Google Play | SoundCloud | Stitcher | RSS

This episode is available on:

In this episode, here’s what you’ll learn:

Nikki Sunstrum takes us inside social media at the University of Michigan and how they are able to create consistently great social media content for an audience of more than 6 million.

  • What the University of Michigan’s social media team looks like and how they collaborate
  • How emerging channels like Snapchat and Instagram Stories fit into the larger U of M strategy
  • Why recruiting “brand ambassadors” can be a great way to connect with your audience on a personal level
  • What social media success looks like at the University of Michigan and how they measure that data
  • The type of social media content that U of M is focusing on in 2016 and why it’s important
  • Why injecting personality into your storytelling is important for authentic social media content

3 Social Media Content Creation Takeaways from Nikki

In Nikki’s words…

1. Be willing to take a risk with social media content

Continuously trying to push the envelope and make a difference on social media is super important in your overall strategy. Making a difference will bring people back to your communities and want to engage with you time and time again.

2. Always keep a goal and strategy in mind

We don’t create accounts, we don’t create campaigns, we don’t publish content unless it has some sort of strategy or goal behind it. Who’s your target demographic? That can help you determine your platform. And then what does your design look like? Should it be a video, a GIF, a cool meme? Determine how you can make that custom to you.

3. Leverage your opportunity to create change and make a difference

“We don’t, for the most part, ‘can’ anything. You have to leverage your opportunity to create change and to leave a legacy and that is what we try to do here every single day.”

Mentionable Quotes and Shareable Snippets

Nikki Sunstrum on Storytelling on Social Media

“Anytime we get to inject personality into our storytelling is a huge selling point for us. I call them my, “Dove Moments. Dove has been such a ground-breaking company in telling that really dynamic, emotionally-based story and moving beyond just product sales into this concept of health, wellness and beauty. And so we try to apply a similar strategy to our own content to broaden the types of dialogues that we have.”

Show Notes and Other Memorable Moments

Thanks a million for checking out this episode! Below are the websites and other tidbits that were mentioned in today’s podcast about personal branding on social media. If you have any questions for us, feel free to drop us a line in the comments and we’ll respond right away!

Tools and Resources Used by Nikki and UofM

  • Social Media at UofM – Read more about all of the awesome social media projects Nikki is working on
  • Slack – The communication tool UofM uses for team collaboration
  • YikYak – “Find your herd. Yik Yak helps you feel at home within your local community.”
  • DigitalStake0ut – A tool for “Digital Risk Intelligence”
  • Meltwater – Social Media and Media Monitoring

Great Quotes

  • “Every platform that we leverage has a specific target demographic for us. And so based on the type of event that’s happening or the type of people we’d like to reach, we’ll use that respective platform.”
  • “We download all of our Snapchat stories before they expire and upload them into a YouTube playlist. That allows us to tell those stories on different platforms and for people to engage with them for years to come.”
  • “The @UMichStudents account we manage and turn over to a different student every Sunday evening. That account just surpassed 18,000 followers and it’s a coveted position among peers here at the University of Michigan.”
  • “We’re continuously looking to establish the University of Michigan as an industry leader in social media. U of M is the only university to rank in the top 10 for size on every social media platform.  Having those numbers is a success.”

How to Say Hello to Nikki (and us)

Nikki is active on Twitter at @nikkisunstrum and you can read more about Nikki’s work at the University of Michigan’s staff page.

Thanks for listening! We’d love to connect with you at @buffer on Twitter or with the hashtag #bufferpodcast.

Enjoy the show? It’d mean the world to us if you’d be up for giving us a rating and review on iTunes!

About the Show

The Science of Social Media is a podcast for marketers and social media managers looking for inspiration, ideas, and results for their social media strategies. Each week, we interview one of the very best in social media marketing from brands in every industry. You will learn the latest tactics on social media, the best tools to use, the smartest workflows, and the best goal-setting advice. It is our hope that each episode you’ll find one or two gems to use with your social media marketing!

The Science of Social Media is proudly made by the Buffer team. Feel free to get in touch with us for any thoughts, ideas, or feedback.

from Social https://blog.bufferapp.com/nikki-sunstrum-show-notes

Great Tools for Getting the Most From Your Prototyping


Designers often rely on wireframes, mockups, and prototypes. They use them to show how they see the final product unfolding at various stages in the design process. These presentations can vary from rough sketches to a model that emulates the look and feel of the final product nearly to perfection.

Thus, these three design aids serve somewhat similar purposes, and their often confused. They are not one and the same. It’s important to know the difference.

  • wireframe is a low-fidelity model of a proposed design. A wireframe, as the name implies, offers only an outline of what the final product might look like. It is a static representation, with little internal substance (functionality).
  • A mockup is a step up. A mid-to high-fidelity mockup can in fact provide a visual demonstration of the proposed design in great detail. But it is also a static model.
  • A prototype provides a dynamic representation. A high-fidelity prototype can simulate the look and feel of the end product to the point where you can hardly tell the difference.

All three model types are vehicles for obtaining comment and feedback. Prototypes can vary from simple to exceedingly complex, and are by far the best usability testing aids. Prototypes can range from data and user-flow sketches, to low-fidelity models. And to high-fidelity models that can prove and verify a product’s UX.



With InVision, designers and their teams have few problems, if any, prototyping, reviewing, refining, and testing their web and mobile product designs. Best of all, they can accomplish these things without writing a single line of code, and it takes just minutes to build a working, high-fidelity prototype.

In InVision, users enjoy a premier product designed and developed by a world-class company. InVision is recommended by Forbes, and Forbes also lists InVision as one of the top cloud companies in the world, ranked up there with the likes of Slack, MailChimp, and Dropbox.

InVision’s always-on prototyping, collaboration, and workflow platform can play a decisive role in speeding up your team’s entire product creation process. View feedback in one central location for every project, and drill down to a specific project, task, or team member. Version controls are present too, so there’s no need to worry about losing your place during a flurry of feedback, suggestions, changes, and fixes.

Sign up for a free 15-day trial today. You’ll be glad you did.



If you’ve been dreading looking for a new prototyping tool because you don’t want to have to deal with a steep learning curve – again, you’ll love getting acquainted with Pidoco. Prototyping made easy is the watchword, and this product lives up to the slogan.

Since you can start being productive from the get-go, Pidoco makes a great choice for teams that need a smart web and/or mobile prototyping tool, but have been reluctant to the take extra time to become familiar with something new.

Pidoco is well-known for its ability to turn out high-fidelity, fully-interactive UX prototypes, but you can use if for wireframing and low-fidelity applications as well. Small and large companies in more than 50 countries have put their trust in Pidoco. You can sign up for free, and several pricing plans are available.



One user calls Proto.io the best in-browser prototyping platform around. Another claims to have built their startup around it. Yet another appreciates the fact that having this prototyping platform in hand mitigates the problem of moving from design to development prematurely.

These are just a few of the many reasons for trying out this prototyping platform, taking advantage of the free 15-day full feature trial.

Proto.io is very easy to use, and no coding is necessary to turn out pixel-perfect, interactive prototypes of your mobile app designs. Actually, you can prototype for any device and screen size. The latest version contains a number of exciting new features that make prototyping faster and easier than ever.

The Proto.io Dashboard helps you with your version control and collaboration tasks, the Editor does the heavy lifting when building your prototype, and the Player lets you view the results on your browser, share it with others, and conduct testing.

Last but not least, the Proto.io app lets you experience how your prototype looks, feels and works on a mobile device.



With Webflow, nothing you create is wasted. Everything you build, including your high-fidelity, interactive prototypes, is powered by production-ready HTML, CSS, and JavaScript. This means you can make the transition from prototype to production rather seamlessly. At a minimum, you can give your developers responsive code to work with, and not just static mockups.

However you choose to use Webflow, you’ll soon discover how easily it can speed up the design process. You can design with real content, and collaborating with fellow designers and other team members is also easy. Sign up, and try out this powerful tool today. It may change your approach to a lot of things.



Until recently, PowerPoint users had to be content with static slide representation in place of mockups and interactive prototypes. While using PowerPoint is an effective way to present almost anything, including web and app design information, PowerMockup has changed things for the better, and dramatically so.

PowerMockup is a PowerPoint add-on consisting of a large library of design elements and shapes. No coding is necessary to present a slideshow of animated, interactive screens that give team members and project stakeholders a storyboard-type of prototype to work with or respond to.



Even if you have a prototyping tool you’re happy with, adding Lucidchart to your design toolbox will still make sense. Its extensive library of design elements allows you to create high-quality wireframes and mockups; or you can simply use this tool for your chart making and flow diagramming tasks.

While rough sketches have their place, a professional design shop should never be without a tool that produces professional-grade dataflow or workflow diagrams, or charts. Lucidchart makes flowcharts quickly, and it makes them right.



HotGloo is easy to learn, runs in your browser and provides you with the right amount of features needed to create your wireframes and prototypes for web, mobile and wearables.

You’ll have access to a 2000+ user interface element library, a multiple-licensed account, so you can easily and quickly collaborate with team members, and you can test your work and add comments or make changes on the fly.

HotGloo is supported with a full documentation, video tutorials and webinars to get you going in almost no time. Try it for free today!


These 7 prototyping tools are not one and the same, and differ only in their packaging and branding.  You should not have a problem finding one or two that will work for you better than the others. Most have the features you need to build pixel-perfect, interactive prototypes, although several are better suited for wireframing, or assisting your design efforts in other areas.

One is dedicated to PowerPoint users, one allows you to hand off your design to developers in coded form, and one is a great tool to have if your flowcharting and diagramming efforts aren’t quite at a level of quality you’d like them to be. Whichever you choose, you’ll have made a smart decision, since all seven of these tools are great at what they do.

Read More at Great Tools for Getting the Most From Your Prototyping

from Web Design Ledger https://webdesignledger.com/great-tools-for-getting-the-most-from-your-prototyping/

16 Social Media Podcasts to Take Your Marketing Skills to the Next Level Today

What should you do if you want to become the best at what you do?

There’s probably a long list, with lots of options. One thing we’re particularly fond of at Buffer when it comes to improving ourselves is listening to podcasts relevant to our niche and industry.

In our case, that means social media podcasts!

What we love about podcasts is that they make it easy to hear from industry leaders and talented folks about their experiences and advice (which we might not be able to read about anywhere else). There are so many of these voices in the marketing space that have been influential for me and the team!

So the big question is: Where to start? Which podcasts should I try? What episodes should I listen to?

I have the same questions in mind whenever I find the time to listen to podcasts. Rather than spending your podcast time finding a podcast episode to listen to, I’d love to help you skip that step and go straight to listening. Here’s a list of 16 top marketing podcasts, covering 3 areas of social media marketing, with some top episodes from each podcast to check out!


To make it easier to find the parts of this post that are most helpful, here’s a look at all we’ll cover. Click to jump to any section:

10 of the Very Best Social Media Marketing Podcasts

1. The Science of Social Media by Buffer


A podcast to inspire marketers everywhere. This is our newly-launched social media podcast for marketers and brands interested in learning about new and exciting ways to implement social media marketing across a variety of platforms and industries. Every week, Hailley Griffis, Brian Peters, and Kevan Lee interview some of the best best marketers around.

Hosts: Kevan Lee (Director of Marketing, Buffer), Hailley Griffis (Press Crafter, Buffer) and Brian Peters (Social Media Manager, Buffer)

Format: Interviews

Duration: About 30 minutes

Recent episodes you might like:

2. Social Pros by Jay Baer


Real people doing real work in social media. Social Pros, recently named the best marketing podcast at the Content Marketing Awards, dives into the inside stories and behind-the-scenes strategies of how huge companies and brands like Ford, Dell, IBM, ESPN and more manage and measure their social media programs.

Hosts: Jay Baer (President of Convince & Convert) and Adam Brown (Executive Strategist at Salesforce)

Format: Interviews (with its The Big Two questions at the end: 1. What’s your one tip for becoming a social pro? and 2. If you could do a Skype call with any living person, who would it be?)

Duration: Ranges from 30–60 minutes

Recent episodes you might like:

3. Social Media Marketing with Michael Stelzner of Social Media Examiner


In his weekly podcast, Michael Stelzner interviews social media experts to find out how successful businesses run their social media and uncover strategies and actionable tips to improve one’s social media marketing.

For each episode, there’s a very detailed blog post about the content of the interview so that you don’t have to take notes while listening.

Hosts: Michael Stelzner (Founder of Social Media Examiner and the Social Media Marketing World conference)

Format: Interviews (with a quick social media discovery of the week at the start)

Duration: 45 minutes

Recent episodes you might like:

4. The #AskGaryVee Show by Gary Vaynerchuk


For each episode of #AskGaryVee, Gary Vaynerchuk answers a question from his audience about marketing, social media, entrepreneurship, and startups based on his lifetime experience of building successful, multi-million dollar companies. If you tweet him your question with #AskGaryVee, you might get on the show!

The show originally started as YouTube videos only, and Gary turned them into podcasts too so that his audience can listen to them on the go. If you usually listen to podcasts on your computer or prefer to watch the video, you might find the #AskGaryVee Search Engine useful!

Hosts: Gary Vaynerchuk (CEO of Vayner Media and co-founder of Vayner Sports)

Format: 1–2 questions from his audience and answers from Gary

Duration: Ranges from 15 to 45 minutes

Recent episodes you might like:

5. Social Media Social Hour by Tyler Anderson


This is a podcast for marketers and entrepreneurs looking to get on the social media fast track. Each week, Tyler Anderson interviews people behind top brands and influencers to discuss social media, tech, and online marketing. Tyler also shares tools and processes he personally uses (like Focus Booster) to help him with social media management, marketing, productivity, and more.

Hosts: Tyler Anderson (Founder and CEO at Casual Fridays)

Format: Interviews

Duration: Ranges from 20 to 50 minutes

Recent episodes you might like:

6. Online Marketing Made Easy by Amy Porterfield


In her podcast, Amy Porterfield shares how to monetize your online marketing and blogging efforts using her own tested, actionable lead-generation strategies. Amy creates educational content on social media marketing, freelancing, and several other areas of online marketing and even shares free cheatsheets and guides so that you can follow along while listening to the podcast. Sometimes, she’s joined by a Facebook ad expert, Rick Mulready, to discuss all about Facebook ads.

Hosts: Amy Porterfield (Social media strategist and co-author of Facebook Marketing All-In-One for Dummies)

Format: Mix between interviews and education content on Facebook ads, online marketing and blogging

Duration: Ranges from 30 to 50 minutes

Recent episodes you might like:

7. Social Zoom Factor with Pam Moore


With 100,000 downloads per month, Social Zoom Factor is one of the mos tpopular marketing podcasts. The show is hosted by Pam Moore of Marketing Nutz, a company with clients like IBM and Adobe. Pam covers topics such as social media, experiential branding, digital marketing, and more.

If you are an auditory learner and prefer listening versus reading blog posts, this might be the podcast for you!

Hosts: Pam Moore (CEO and Founder, Marketing Nutz)

Format: Educational content on social media strategies

Duration: About 30 minutes

Recent episodes you might like:

8. #TwitterSmarter by Madalyn Sklar


In this podcast dedicated to Twitter, Madalyn Sklar interviews amazing movers and shakers in the world of social media and online marketing to discover the best Twitter insights, information, and resources.

If you are into Twitter chats, Madalyn also hosts a weekly #TwitterSmarter chat — a Twitter chat to connect, learn, and share Twitter tips — every Thursday at 1:00 p.m. ET/10:00 a.m. PT.

Hosts: Madalyn Sklar (Twitter marketing strategist)

Format: Interviews

Duration: Ranges from 10 to 30 minutes

Recent episodes you might like:

9. Hashtagged by Jordan Powers


Hashtagged is a podcast all about Instagram. In each episode, Jordan Powers interviews a member of the Instagram community to uncover insights to growing a following, building a community, and making an impact.

Hosts: Jordan Powers (Photographer and co-founder of Made in Mankato, a video production company)

Format: Interviews

Duration: Ranges from 30 to 60 minutes

Recent episodes you might like:

10. Manly Pinterest Tips with Jeff Sieh


In this podcast mainly for everything about Pinterest, Jeff Sieh explores best practices, strategies, and demonstrations with several Power Pinners. Once in a while, Jeff will cover other social networks like Facebook, Twitter, and Instagram too.

Hosts: Jeff Sieh (Social media consultant and speaker)

Format: Interviews and answering questions from the community during the interviews

Duration: Ranges from 40 to 60 minutes

Recent episodes you might like:

1. The Art of Paid Traffic by Rick Mulready


In The Art of Paid Traffic, Rick Mulready reveals the best paid traffic tips, tactics, and strategies for generating leads and sales on autopilot for your business. Together with expert guests such as Massimo Chieruzzi, founder & CEO of AdEspresso, Rick dives into Facebook ads, YouTube ads, Twitter ads, Google Adwords, retargeting, and more.

Hosts: Rick Mulready (Expert in Facebook ads and marketing strategies for small businesses)

Format: Mix of interviews, case studies, and educational content

Duration: Ranges from 20 to 50 minutes

Recent episodes you might like:

2. Perpetual Traffic by Keith Krance, Molly Pittman, and Ralph Burns


Perpetual Traffic podcast covers actionable strategies mainly for advertising on Facebook, with occasional mentions of YouTube, Twitter, Google AdWords, LinkedIn, and more. Keith, Molly and Ralph interview business owners on how they overcame struggles with digital marketing and online advertising.

Hosts: Keith Krance (Founder and president of Dominate Web Media), Molly Pittman (Vice President and Traffic Manager, Digital Marketer), and Ralph Burns (Managing Partner at Dominate Web Media)

Format: Educational content and interviews

Duration: Ranges from 20 to 40 minutes

Recent episodes you might like:

3. Social Media Pubcast with Jon Loomer


In each episode of Social Media Pubcast, Jon Loomer invites an industry expert to his virtual pub to discuss Facebook marketing and advertising over a beer. Jon also records audio versions of his blog posts for people who want to listen on the go.

Jon manages an exclusive community for advanced Facebook marketers, Power Hitters Club, which I thought is pretty awesome (says the Community Champion in me)!

Hosts: Jon Loomer (Founder of Jon Loomer, For Advanced Facebook Marketers)

Format: Pubcasts with guests and audio version of blog posts

Duration: About 40 minutes for pubcasts and 10 minutes for audio recordings of blog posts

Recent episodes you might like:

Community Building & Customer Support

At Buffer, the distinction between marketing and community is very blurry. In fact, we believe they belong together! An example is how our awesome social media manager, Brian Peters, has built an engaging community on Instagram.

Here are two podcasts with a strong community focus, plus a bonus third podcast with ties into customer support (a really great skill for social media marketers to have).

1. The FeverBee Podcast by FeverBee



While this show has stopped for a while now, the archive is a treasure trove of information! The podcast covers the latest in community management, social science, and FeverBee news. In each episode, a community manager or social media manager of a well-known brand joins the show to share their knowledge.

Hosts: Caty Kobe (previously Head of Training, FeverBee)

Format: Interviews

Duration: About 30 minutes

Recent episodes you might like:

2. Community Signal by Patrick O’Keefe


Community Signal is a weekly podcast for community professionals, which is very community-focused. Patrick O’Keefe believes that social media is a set of tools for building a community and while “marketing brings new customers, community helps you keep them.”

Hosts: Patrick O’Keefe (Managed communities for more than 16 years)

Format: Interviews

Duration: About 30 minutes

Recent episodes you might like:

3. Support Ops by Chase Clemons


I believe it’s quite common for social media managers to receive support requests on their social channel. If that’s the case for you and if you are wondering how to get better at that, Support Ops might be just for you! This weekly podcast aims to help you deliver a better support experience to your customers.

Hosts and team: Chase Clemons (Support, Basecamp), Carolyn Kopprasch (Chief Happiness Officer, Buffer), Chase Livingston (Happiness Engineer, Automattic), and Jeff Vincent (Product, Wista)

Format: Discussions on customer support among the team, sometimes with guests

Duration: About 30 minutes

Recent episodes you might like:

Over to you

I’m sure I might have missed out several great social media marketing related podcasts in my research. I’d love to hear from you about the podcasts you listen to!

Up for sharing your top 1–3 favorite podcasts and why you love them in the comments below? 😃

from Social https://blog.bufferapp.com/social-media-podcasts

Advanced: Bootstrap to Adobe Muse

Muse For You - Advanced - Bootstrap to Adobe Muse - Adobe Muse CC

Complete Tutorial on How to Build a Bootstrap Template in Adobe Muse. No Coding Skills Required.

Muse For You - Adobe Muse CC Adobe Muse CC Logo

Bootstrap is one of the more popular methods of creating a website with code. In the above video tutorial I go over how to create a Bootstrap template in Adobe Muse. No coding skills required. The steps are as follows:

1. Find a Bootstrap template to re-create.

2. Take a picture of the website across different breakpoints with the Fireshot Webpage Screenshot Chrome extension.

3. Create breakpoints in Adobe Muse.

4. Decide if website is going to be fixed width, fluid-width, or adaptive.

5. Create guides in Adobe Muse.

6. Add elements and assets. Sample fonts with the WhatFont Chrome extension.

Muse For You - Advanced - Bootstrap to Adobe Muse - Adobe Muse CC

7. Add animations and effects.

8. Repeat process for other breakpoints.

For more video tutorials and widgets for Adobe Muse visit http://museforyoushop.com.

Happy Musing :).

Read More at Advanced: Bootstrap to Adobe Muse

from Web Design Ledger https://webdesignledger.com/advanced-bootstrap-adobe-muse/

A Playbook for Becoming a Thought Leader on Social Media [SSM006]

The path to becoming a thought leader on social media is one that is not always clearly defined. Thought leaders and influencers come from a wide variety of backgrounds, specialties, industries and expertise.

And in many cases, social media thought leaders don’t consciously seek to become an “influencer,” it happens naturally over time with lots of hard work and dedication.

But what if there was a way to position yourself to become a thought leader in your industry?

We’d love to share some tips on how that may be possible.

Brian Fanzo — a “proud, pager-wearing Millennial” and change evangelist — is a shining example of the power of strategic positioning and dedication to quality content over time. Brian’s #ThinkLikeAFan philosophy has powered storytelling campaigns for Fortune 50 enterprise companies and he is slated for more than 40 keynotes in 10 different countries in 2016.

We had the pleasure of speaking with Brian about his journey to becoming a thought leader on social media and and just how powerful carving out a niche based on your personal strengths can be.

A huge thank you to Brian for packing this episode with incredible wisdom and takeaways for social media managers and marketers looking for actionable ways to build a community and become a thought leader in the digital space.

How to listen: iTunes | Google Play | SoundCloud | Stitcher | RSS

This episode is available on:

In this episode, here’s what you’ll learn:

Brian Fanzo takes us through his personal story of how he got to where he is today and how other professionals may be able to develop themselves as an influencer and thought leader on social media. Plus, some more of the great things you’ll learn:

  • How to find an authentic social media strategy that works best for you
  • The 3 types of social media influencers and how trust and engagement is built over time
  • Developing yourself as a thought leader and influencer in the digital space
  • Identifying opportunities in social media based on your passions and expertise
  • The importance of developing a consistent and compelling story to share
  • Why video is the “great equalizer” for people looking to share knowledge in the field

3 Takeaways on Becoming a Thought Leader on Social Media from Brian

In Brian’s words…

1. Discover your story

Ask you best friend and your ‘worst enemy’ what it is about you that they think you do, what they think your strengths are and what they think you weaknesses are. And if you start with those swim lanes you get both sides of the extremes. Then begin to start figure out where that fits into what you’re sharing and what you love talking about.

2. Finding your perfect home for conversations

Finding the area that’s easiest for you. The area that fits in your swim lane – where you prefer to have these conversations. Start there. I’m not a big fan of starting on the hardest thing first. If I start with something that is difficult for me, then I may never get there. Start out where you’re comfortable sharing and that will help you to not get discouraged.

3. Know what you don’t know

Surround yourself with people that know what you don’t know. So the caveat to that is first you must know what you don’t know. Once I understood what I didn’t know, what I’m not good at, that allowed me to surround myself with people that understood those things.

Mentionable Quotes and Shareable Snippets

Brian Fanzo interview, the science of social media, podcast, becoming a thought leader on social media

“The most popular question I get, other than ‘why do you talk so fast?’ is ‘how much should I share or what should I share?’ And I have a pretty easy saying for that – Nobody will ever say that you’re sharing too much value, that you’re providing too much value, or that you care too much.”

Show Notes and Other Memorable Moments

Thanks a million for checking out this episode! Below are the websites and other tidbits that were mentioned in today’s podcast about personal branding on social media. If you have any questions for us, feel free to drop us a line in the comments and we’ll respond right away!

Brian’s Online Website & Resources

Great Quotes

  • Being an influencer isn’t about having the loudest microphone, it’s about having the microphone that inspires action.”
  • “I’m not afraid to say, ‘I don’t know.’
  • “Personal branding is storytelling. In the digital space, your first impression, your first handshake, the first conversation, or the first understanding someone has of you is way before they ever meet you online… Consistency on what your story is is super important. How much time are you willing to invest?”
  • “My parents, always since day one, have instilled in my brothers and I that the value that you have is what everyone else can’t do or can’t be, and that’s being yourself. And so what that came down to was ‘I’m going to tell my story everywhere and anywhere.’
  • “Screenshot awesomeness – You take a picture with your phone or a screenshot with your computer when all of the little good things happen along the way on social media. I put those into a folder on my desktop and it’s called the ‘portfolio of awesomeness’.
  • “Google was the 27th search engine. There were 26th other search engines that came before Google. So just because we’re on the 10th or 11th live video platform, if you build a community you can move and pivot and your community will follow you.”

How to Say Hello to Brian (and us)

Brian is super active on Twitter at @iSocialFanz and also is a shining example of a how to showcase your brand at www.isocialfanz.com.

Thanks for listening! We’d love to connect with you at @buffer on Twitter or with the hashtag #bufferpodcast.

Enjoy the show? It’d mean the world to us if you’d be up for giving us a rating and review on iTunes!

About the Show

The Science of Social Media is a podcast for marketers and social media managers looking for inspiration, ideas, and results for their social media strategies. Each week, we interview one of the very best in social media marketing from brands in every industry. You will learn the latest tactics on social media, the best tools to use, the smartest workflows, and the best goal-setting advice. It is our hope that each episode you’ll find one or two gems to use with your social media marketing!

The Science of Social Media is proudly made by the Buffer team. Feel free to get in touch with us for any thoughts, ideas, or feedback.

from Social https://blog.bufferapp.com/becoming-a-thought-leader-on-social-media

Workflow Tips For Web Designers & Frontend Developers

dev workflows

There is no single right workflow to build a website. But there are ways to improve your workflow and make your job a little easier.

Whether you design or write code there’s usually some part to the process that can be streamlined. This can change depending whether you work solo or in a team environment. But if you know how to tweak your process you can get projects done faster with fewer manual tasks.

In the past we’ve covered responsive workflows and in this post I want to share common design & dev workflow optimization strategies. I’ll offer tips and resources for the creative process and help web designers & developers build their projects with more accuracy and precision.

Starting with a Wireframe

It’s a good idea to start with a wireframe on every single web project. This helps you flesh out ideas for the content, the layout style, and the organization of page elements like the logo, nav bar, and CTA buttons.

Your initial goal should be to construct a rough layout using lo-fi wireframes. Keep them quick and loose. You’ll save time on bad ideas and laser in on the good ones.

If you need some wireframe templates to get started I recommend Noupe’s gallery full of digital wireframes.

But I personally prefer working on paper with pencil for quick sketching. It’s my top recommendation for anyone who wants to rapidly prototype wireframes from scratch to get ideas down quickly. Erasing is much easier on paper and you have much more control over the whole sketching process.

designing website sketches

Don’t be afraid to put down 10 or more different wireframe ideas. I never get it right the first time and I don’t think any other designers do either.

If possible try to get your final wireframe precise before moving onto a mockup.

This way you have less guesswork down the pipeline and each stage of development just further clarifies your original concepts.

Planning Copy & Behaviors

Once you roughly know how the site should look you can start getting into the details. This can start with a mockup but I prefer building a higher fidelity wireframe first.

This involves placing sample widgets and web copy into the wireframe that looks good and guides users down the page.

This is a difficult task and it’ll be slightly different for every project. But you should think about what your users want to do and keep this in mind the entire time.

Also consider usability and how your written copy can affect the user experience.

There is no single correct way to write content. But the writing should be compelling and guide users further into the site.

digital wireframes design

While planning high-fidelity wireframes it helps to add image placeholders along with written copy. This way you can see how the layout could eventually look without using filler content.

But also consider the value of large headings and custom styled page copy like bulleted lists. Your title text draws users into each section and you often have just a few seconds to capture their attention.

Always work around two concepts when designing page text: clear contrast and plenty of whitespace.

You don’t need to choose a font face or text color during this step. If your wireframe is easy to skim it should be obvious at a glance.

Understanding user behavior makes it easier to build copy that helps users get around the site. This high-fidelity/light mockup is probably the most important stage because once you get into the full mockup design you’ll already know the layout is readable and easy to use.

Trust Frontend Frameworks

There’s a lot of buzz surrounding frontend development frameworks. These mostly include libraries like React, Angular, and Ember.

All of these can save time when building a new site, assuming you know how to use your framework of choice. The goal isn’t just to streamline frontend development but to also architect your whole website. Check out this thread to learn a bit more.

The primary goal of any framework is to separate complex functions and help you build more with less code. Modern JS frameworks handle user input and control how data gets transferred from the backend to the frontend.

The new Angular 2 release does this well and has garnered a lot of attention.

But I’ve really grown to appreciate the detail in Ember.js which comes out of the box with features for routing and asynchronous behavior. The Ember learning curve is steep but with the right learning resources you can move quickly and might even enjoy the learning process.

The biggest upside of a framework is modularity when it comes to building a new project.

You’ll know exactly where to start, how to scale, and how to organize new files with the same structure. Architecture is just as important as how you write your code.

If you’re curious to learn more check out this guide to see how other devs implement frontend frameworks into modern web projects.

Testing & Debugging

I first started writing code when IE6 was still popular. If you don’t already know, web developers have some discontent for Internet Explorer.

Browser quirks are far less common these days but they do still exist. For this reason testing should still be a big part of your dev workflow.

Beyond major browser bugs you’ll often have minor differences between how certain browsers render margins, patterns, box sizing, and similar properties in browser engines like Gecko vs WebKit.

One way to test is to have all these browsers on your development computer. After you make big changes to your code just check your work in all browsers. However this can get annoying quickly.

Instead try using browser testing tools that’ll save time and frustration. Here are some of the most popular choices:

I’d also recommend that developers add responsive testing tools into their workflow.

This helps you test each major breakpoint in a responsive layout without needing to constantly resize and switch the browser.

My two favorite extensions are Responsive Web Design Tester and the Viewport Resizer. Both are completely free and work great for live testing.

Another tool I highly recommend is the in-browser debugging console. This is great for testing JavaScript code and looking for potential errors in your HTML/CSS code validation.

chrome console logging in browser

Google has an entire guide to the console window teaching how to get started and what each of the panels does.

All of these tools are incredibly valuable to the debugging process. But each developer will fall into their own workflow so it’s up to you to decide which tools offer the most value.

Wrapping Up

There is no single proper way to build a workflow on the web. But there are best practices and techniques that you can adopt to make the process smoother and easier to manage.

I hope these tips can help shape your workflow both on the design and development side. It’s now much easier to build and launch a new website, so if you’re constantly launching new projects these little tips can make a world of difference in the long run.

Read More at Workflow Tips For Web Designers & Frontend Developers

from Web Design Ledger https://webdesignledger.com/workflow-tips-for-designers-developers/

Responsive Foundation Framer: Responsive Design Made Easy

Festival Theme

There are a good number of front-end editors out there when it comes to responsive design. Some are based on Bootstrap, others on different frameworks, and so on. However, most of them suffer from the same problem — they lack absolute control and originality. As such, most responsive design webpages tend to look similar in nature.

If you have ever experienced the same problem, consider it solved. Meet Responsive Foundation Framer, a unique solution by CoffeeCup that gives you absolute control over your design and at the same time, helps you create intuitive and responsive design without coding.

Responsive Foundation Framer: Responsive Design Made Easy

What is Responsive Foundation Framer?

Responsive Foundation Framer is a visual front-end editor with a solid grid system and custom predefined styles. It is based on the Foundation 6 framework., therefore, Responsive Foundation Framer is minimal, modular and lets you combine elements and styles with ease.

Responsive Design

To begin with, Responsive Foundation Framer lets you harness the full power of CSS without having to deal with even a single line of code! You can specify the dimensions and run through the customization options and it will generate the required CSS code all by itself. Similarly, you can use the color picker to manage the color palette and the inline editor as well as the clickable controls to handle typography. Responsive Foundation Framer plays well with Google Fonts.

But what about content? Well, you can place your content wherever you want it, be it absolute positioning, float or using the Flexbox controls. You can layer multiple backgrounds and structure different layouts all in the matter of a few clicks! Plus, you can use the Picture element to serve different image sizes to your users on the basis of the device that they are using.

Considering the fact that Responsive Foundation Framer is based on Foundation 6 framework, it comes with the advantages of the Motion UI. You can, therefore, easily create animations and transitions with the help of data attributes.

That’s a rather strong list of features, isn’t it? But how does it fare on practice? Let’s put Responsive Foundation Framer to test and see what it can boast of.

Responsive Design: Responsive Foundation Framer Sneak Peak

Most of the action in Responsive Foundation Framer happens by means of components. It comes with its own set of prebuilt and readymade components that you can make use of. Accordions, navigation menus, tab panels, modals, etc. are all there and you just need to click to insert. More importantly, you can create your own interactive components with the help of HTML elements and CSS mixins.

Also, Responsive Foundation Framer includes symbols for global content updates. What does that mean? It means you can save elements (say, a header or a footer) and then update them all from one spot.

The interface is fairly straightforward.  You can edit the rows and layouts as well as different elements on the basis of the right panel.

responsive design

Bear in mind that we are talking about responsive design here. Now since Responsive Foundation Framer is a visual tool, it allows you to click and drag to change, edit, add or delete breakpoints. We know that Foundation framework comes with two breakpoints, but you can add or delete breakpoints by dragging the slider in the tool.

responsive foundation framer

For instance, when the breakpoint value is reduced, Responsive Foundation Framer reacts accordingly:


Since my screen was smaller, it allowed me to zoom in and out while fixing breakpoints, so that I can create designs that play well on larger screens too. This design and device agnostic approach is the back-bone of responsive design. It is refreshing to note that Responsive Foundation Framer is aware of this fact.

Once done, you can preview your work on the web browsers installed on your device.


You can sync (“Publish”) to the cloud if you have a paid subscription, or you can “Export” and deploy to your website or server elsewhere.

Responsive Foundation Framer comes with various customizable themes.

Festival Theme

You can, of course, tweak every theme to suit your needs and requirements.

Wave Theme

Unit Switcher: Control Unit Measurements on the Fly!

Responsive Foundation Framer lets you control unit measurements on the fly. We know that not all units are created alike. For example, layout elements work great with percentages as they can adapt based on the available width. While working with margins and padding you may want to use EM so you can space out your elements relative to the size of your text. However, what if you wish to use fixed dimensions for the purpose?

Unit Switcher

This is where the Unit Switcher proves useful. Visual designers will totally dig the VW option for fluid typography that resizes smoothly based on the device width and not just at a breakpoint. What to use when? It really depends on the design problem you’re addressing!


Responsive Foundation Framer costs $79 for one license. It includes all of the features as well as premium quality support and access to documentation and tutorials.

There is a free trial option available as well. Responsive Foundation Framer runs on OSX and Windows devices.


Responsive design is no longer a luxury. Everyone accesses the web via mobile devices at some point or the other during the day. Similarly, many people do use gigantic screens on their computers. All said and done, if your website is not responsive, it is of very little use.

As such, as a web designer, your designs should adhere to the principles of responsive design. Now, for the most part, most “responsive design” tools tend to repeat the same process over and over again. Either you are expected to code everything from the start, or you are given a severely crippled frontend editing functionality that offers a limited number of breakpoints and options for you to work with. In either case, your responsive design project does turn out responsive enough — but it lacks uniqueness and innovation that is expected from a web design concept.

Responsive Foundation Framer is an ideal tool for the job. By offering you granular control over each and every aspect related to your design, Responsive Foundation Framer makes it easy to create truly responsive design concepts. Similarly, several frontend visual editors tend to overlook the importance of web fonts; this one does not! Responsive Foundation Framer supports Google Fonts.

You also have the option to work with the back-end and export your stylesheets to the code editor of your choice. This makes it useful for folks who like to work with code rather than point and click all the time.

All said and done, Responsive Foundation Framer is a very useful solution when it comes to visual front-end editors for responsive design. By all means, you should consider giving it a spin right away!

Visit Responsive Foundation Framer

Read More at Responsive Foundation Framer: Responsive Design Made Easy

from Web Design Ledger https://webdesignledger.com/responsive-design-foundation-framer/

CoffeeCup Responsive Design Pack Giveaway

coffeecup responsive design pack


Our friends at CoffeeCup are giving away a Responsive Design Pack for FREE (a $299 value) to FIVE very lucky designers!

Featuring their top eight apps, the Responsive Design Pack is perfect for visually designing stunning websites, show-stopping photo displays, fully functional web forms, and money-making newsletters.

The pack is also loaded with a ton of customizable responsive themes. With drag-n-drop interfaces and clickable styling controls, it’s a breeze to create a modern web presence.


No purchase required – Must confirm entry via email

Read More at CoffeeCup Responsive Design Pack Giveaway

from Web Design Ledger https://webdesignledger.com/coffeecup-app-giveaway/

Sword Spark Effect in Photoshop


In this tutorial, we’re going to learn how to add a sword spark effect in Adobe Photoshop.

The Steps (1-6)

1. Open your main image in Photoshop.


2. Source an image of some sparks on a dark background and open this image in Photoshop. Press Cmd/Ctrl + A to select the entire canvas, and go to Edit > Copy, to copy the sparks image to the clipboard. Switch over to your main image and go to Edit > Paste to add the sparks into the image on a new layer.


3. With the sparks selected, go to Edit > Transform > Free Transform to adjust the Size, Rotation and Position of the sparks in relation to where you would like them to appear within your main image.


4. Double-click the sparks layer, give it a name of your choice, and set the Blending Mode to Screen.


5. Create a New Layer and position this layer underneath the sparks layer. Next, select the Brush Tool and choose a large feathered brush with a Hardness of 0%.


6. From the Colour Picker select a yellow/orange similar to the colour of your sparks, and Left-click to start adding the brush effect over your main image. Set the Blending Mode to Soft Light and adjust the Opacity as desired. This effect simulates a glow coming off of the sparks.


Download Adobe Photoshop.

Read More at Sword Spark Effect in Photoshop

from Web Design Ledger https://webdesignledger.com/sword-spark-effect-photoshop/