Lionel Durimel - Portfolio

Portfolio of lionel Durimel, designer and Art Director Freelance
by via Awwwards - Sites of the day

5 Ways to Use Instagram Stories for Business

Are you looking for ways to use Instagram Stories? Want to know what’s working for other businesses? The videos, pictures, and text in Instagram stories help pique your followers’ interest on an authentic and personal level. In this article, you’ll discover how five businesses are using Instagram Stories and how you can create similar content. [...]

This post 5 Ways to Use Instagram Stories for Business first appeared on .
- Your Guide to the Social Media Jungle

by Matt Secrist via

12 Amazing jQuery Tables

This popular article was updated on 10th November, 2016 to reflect the current state of jQuery table plugins. Tables are one of the oldest elements in HTML. There was a time when tables were used extensively for both content and for web layouts. Thankfully, table-based layouts are primarily dead (with the exclusion of HTML email), […]

Continue reading %12 Amazing jQuery Tables%

by Simon Codrington via SitePoint

Ask the UXperts: Why Strategy and UX are Inseparable— with Amanda Stockwell

By its very nature UX is a customer-responsive and strategic field. Leadership within UX requires strategic thinking to balance user needs with business goals, to identify, define and chase the ‘sweet spot’ of value to both. The strategy behind delivering your unique solution to your unique context and problem is critical to the success of the product.

‘UX strategy’ is far beyond just the usability and delight of a product, not even if we create something genuinely useful. Good leadership for UX embraces product strategy and the heart of how a business provides value to its customers: it must also translate the human-centred insights and opportunities into appropriate business investment and execution.

The Details

• Where: Our dedicated ‘Ask Amanda’ Slack channel (You’ll need to request an invitation if you haven’t yet joined our Slack channel)
• When: 4pm Tuesday 15 November PDT or 11am Wednesday 16 November AEST
  (or find out what time that is for you)

Meet Amanda Stockwell

Amanda Stockwell is President of Stockwell Strategy, a UX research practice focused on lean research methods and integrating user knowledge with business goals to create holistic product strategies for businesses large and small.

She has spent most of the last decade focused on finding innovative ways to understand end users and embed that knowledge into overall process. She’s lead teams that provide research, design, and UX strategy services and frequently writes and speaks about her experience.

She has a human factors background and an engineering degree from Tufts University.

Follow Amanda on Twitter at @MandaLaceyS.

How to Ask Your Questions

If you can’t make the live session but have questions, we’d love to collect them ahead of time and we’ll ask Amanda on your behalf. You can submit your questions here. We’ll publish the responses (along with the full transcript) in the days following the session.

Here are a few question ideas about user requirements to get you started:

1. What is ‘UX strategy’? Is this different to product strategy?

2. How can we truly advocate for customers and users when we’re being employed by the business?

3. How is UX more than just designing interfaces and digital products? What are these other roles and responsibilities?

How does Ask the UXperts work?

These sessions run for approximately an hour and best of all, they don’t cost a cent. We use a dedicated public Slack channel. That means that there is no audio or video, but a full transcript will be posted up on here in the days following the session.

The post Ask the UXperts: Why Strategy and UX are Inseparable— with Amanda Stockwell appeared first on UX Mastery.

by Sarah Hawk via UX Mastery

Digital Avengers: How Teens Can Fight Cyberbullying (infographic)

If we were to ask our kids or teens about what traits or actions make someone a hero, we would probably hear replies ranging from superheroic feats to everyday people who demonstrate outstanding acts of courage. Most of our children’s images of heroes fit nicely into the molds created by Hollywood and Stan Lee: the classic super hero protagonists. Iron Man, Thor, and Captain America are just a few that spring, or fly, to mind.

While the iconic team of Avengers face battles of epic proportions between good and evil, many of our children fail to realize that they are powerful enough to wage a heroic fight of their own. Contrary to their preconceived notions about heroes, they don’t need to be bitten by a radioactive spider or wear colorful spandex to make a difference. Our sons and daughters can be everyday heroes by taking a stand against some of the most harmful forces in their own lives: cyberbullies.

by Irfan Ahmad via Digital Information World

10 Ways to Earn Money from Your Site

This article was updated on the 9th of November, 2016 to modernize the list of suggestions and improve formatting.

Two years ago, Jacco Blankenspoor wrote a wonderful article detailing the 10 best ways to earn money from your website, but as the web evolves at an accelerated rate (and as a result, the way we engage with the web evolves), it’s ever the more important that our monetization methods evolve with it. If we want to monetize our websites effectively, it’s essential that we stay up-to-date with the current web and social trends.

Let’s discuss 10 of the best ways to monetize your site in 2016.

1. Cost-Per-Click Ads

Cost-Per-Click advertising (CPC for short) is still very relevant in 2016. CPC works by displaying ads on your website, and when a visitor clicks on one of those ads, your website generates revenue.

Google AdSense (yes, it still exists!) is still a viable choice, but Infolinks might be a better alternative (you can use AdSense and Infolinks side-by-side to see what works best for you).

First of all, Infolinks works by finding relevant keywords in your content and displaying ads when you hover over those keywords, which is far less intrusive than Adsense. Other than inline ads, Infolinks offers several other options, and a useful self-serve ad buying platform for those who'd like to boost their own traffic.

Infolinks ads are also loaded after the content so that the ads don’t affect your website loading speeds. Despite still being the third largest ad marketplace, Infolinks actively try to help their publishers increase revenue, whereas AdSense tends to save these efforts for their more premium users.

2. Cost-Per-Mille Ads

Cost-Per-Mille (CPM) basically means “cost-per-thousand-impressions” — it’s all about how much traffic your blog has.

BuySellAds offers you 75% of the revenue share and pays out on-demand, and with no minimum traffic requirements, it becomes an ideal option for those starting out. Even better, you can substitute unsold space for AdSense ads, ensuring that you’re always making money. Personally, the only downside that I’ve noticed is that there’s a lot of competition among design blogs.

Exponential (formerly Tribal Fusion) is at the other end of this spectrum, requiring a whopping 500,000 monthly views. That being said, the payout rates are very lucrative. Its highly targeted ads make it an excellent choice for niche websites, so it’s certainly something to aim towards while building up your audience with Adsense or BSA.

FYI: Google AdSense also offers CPM advertising.

3. Fixed-Price Ads

Fixed-price advertising is when you set a flat fee for your ads, a setup that tends to attract smaller advertisers with a very specific budget. I’d also recommend BuySellAds for this due their extensive range of tools that can help the smaller website (those with less than 100,000 impressions) sell their inventory directly to advertisers. Fixed pricing = clear expectations.

4. Sponsored Content

Sponsored content is a terrific way of monetizing your website without using up your screen real estate, for those that like to keep the focus on the content without distracting the user with web ads. Sponsored content is supposed to be cohesive with the webpage, as if the content would still be there even if it wasn’t sponsored to be. When you observe eye-tracking studies it’s clear that traditional ads tend to be ignored — that’s if they aren’t blocked by ad-blockers that is.

Sponsored ads (sometimes called “advertorials”) can deliver relevant, useful, high-quality content, and when relevant content equals higher engagement, higher engagement equals more value, and more value equals more revenue. If you’re looking for a modern monetization method, make sure you consider sponsored content.

Remember to stay in the ethical clear and disclose sponsorship, at the top of the content before the user invests time in reading the piece.

Cooperatize and Taboola are two big names in this field.

5. Subscriptions and Paywalls

Subscription-based content isn’t anything new, but as traditional web ads start to fall out of favor, paywalled content can generate high income when done right and with integrity. It also gives you full control over what actually appears on your site. By paywalled content I mean online courses, ebooks, downloadable goodies and so on.

Looking for inspiration? Check out Skillshare and Envato Tuts+, which offer both free and premium high-quality content side-by-side.

Continue reading %10 Ways to Earn Money from Your Site%

by Daniel Schwarz via SitePoint

10 Tips and Tricks That Will Make You an npm Ninja

While there is much excitement about Facebook's new Yarn project, the continuing success of Node.js owes much to its original package manager, npm.

A few simple npm commands is all it takes to initialize a folder (npm init), download packages (npm install) and create tests (npm test) and custom scripts (npm run) for use in your project. Few delve further but there are several npm tips and tricks which can revolutionize your daily development tasks.

Note: if you need a primer on npm, check out our beginners guide. If you're confused as to the difference between npm and Yarn, see our post: Yarn vs npm: Everything You Need to Know.

1. Getting Help!

The npm online help and CLI Command documentation is excellent but switching to and from your browser is not always convenient. A quick reminder of all options is available from the command line:

npm help

Help for specific npm commands can also be displayed:

npm help <command>

for example, npm help install.

Or you can view a quick command parameter reference:

npm <command> -h

2. npm Command Autocomplete

npm offers command auto-completion for systems using bash (including Bash for Windows 10):

npm completion >> ~/.bashrc

or Z shell:

npm completion >> ~/.zshrc

Reload the shell configuration file, e.g.

source ~/.bashrc

Now type npm ins and hit TAB and install will appear. You need never waste time typing in full ever again!

3. Fixing Global Module Permissions

Linux-like systems can throw permission errors when you attempt to install global packages. You can prepend sudo to any npm command but that's a dangerous option. A better solution is to change npm's default directory to one you own:

mkdir ~/.npm-global
npm config set prefix '~/.npm-global'

Add the following line to ~/.bashrc or ~/.zshrc as appropriate using your text editor of choice:

export PATH="$HOME/.npm-global/bin:$PATH"

Reload the shell configuration file (source ~/.bashrc) then reinstall npm itself to the new user-owned location:

npm install -g npm

This will also update npm to the latest version.

Continue reading %10 Tips and Tricks That Will Make You an npm Ninja%

by Craig Buckler via SitePoint