Noupe.com

S'abonner à flux Noupe.com
a magazine for webworkers and site-owners
Mis à jour : il y a 59 min 42 sec

Online Marketing Basics #10: The Pros and Cons of Online Coupon Campaigns

il y a 13 hours 58 min
Digital coupons are the online cousins of the tried and tested discount stamps. Both work the same way. But instead of scissors to cut them out you just use the copy-paste function. In this part of our online marketing series, we will show you how entrepreneurs can successfully use this tool. What is Digital Couponing? Online coupon campaigns take a more than 100 years old marketing tool and transfer it to the virtual world: the tried and tested discount stamps. You don’t have to collect them anymore, though. Nowadays it’s all about coupon codes. When buying something online, you will come across a field at checkout where to type in a promotional code. This way, you will save the fixed amount in dollars or percent that is promised with the coupon code. The discount is the buying incentive and therefore it’s what this marketing tool is all about. So this makes it rather obvious where online coupons are used most frequently: coupon codes are most suitable for online stores selling stuff, especially in the B2C retail industry. When doing such a campaign, it’s important to come up with an efficient way to distribute the code, to get the message out. […]* You might also be interested in the following articles:
Catégories: News dév web

Three Technical SEO Basics You Should Keep in Mind

24 juillet, 2015 - 10:00
A good Google ranking is essential for the success of a website. In the past years, we’ve witnessed continuous updates in the Google algorithm that brought several SEO changes. Three technical requirements for websites have emerged since the “Hummingbird” update you should take into consideration. These technical SEO basics are easy to realize and can boost your ranking. 1. Avoid Duplicate Content Here’s the good news: Google doesn’t penalize duplicate content anymore as long as it wasn’t created on purpose. However, deliberately created duplicate content is still penalized. According to the Google Webmaster Guidelines, Duplicate content on a site is not grounds for action on that site unless it appears that the intent of the duplicate content is to be deceptive and manipulate search engine results. If your site suffers from duplicate content issues, and you don’t follow the advice listed above, we do a good job of choosing a version of the content to show in our search results. – Google Webmaster Guidelines You don’t have to worry about unintentional duplicate content; it won’t carry a penalty. It can, however, affect your website in the Google’s search results. Therefore, try to avoid duplicate content. Internal and External Duplicate Content […]* You might also be interested in the following articles:
Catégories: News dév web

Vorlon.js: How to Create a Plug-in to Test Your JavaScript Remotely

23 juillet, 2015 - 10:00
During the keynote at the recent //BUILD 2015 conference, our team at Microsoft released Vorlon.js, a tool to debug your website. Vorlon.js is mainly composed of a dashboard which displays data coming from your site. To make it work, you only have to reference a script in your site code. We (Pierre Lagarde, David Catuhe, David Rousset and myself) built this primarily to help web developers debug their websites on mobile devices. Of course, proprietary solutions already exist like Chrome developer tools to debug chrome mobile, or the equivalent for Safari and Visual Studio for Internet Explorer or even Weinre; but none of these is really technology and platform-agnostic. This is the gap we wanted to fill with Vorlon.js. You can install Vorlon.js either from npm or by cloning the GitHub repository and using gulp to make it ready to use. You can find more information about that on our website (http://vorlonjs.io/) or on the blog article my friend David wrote. To create a plugin for Vorlon, you can use TypeScript or directly with JavaScript. I will give you the JavaScript and TypeScript code so you can read it in your favorite language :) What We Are Going to Create In […]* You might also be interested in the following articles:
Catégories: News dév web

Online Marketing Basics #9: How to Make the Most Out of Banner Ads

22 juillet, 2015 - 10:00
Banner ads have been around for quite a while. In fact, in internet terms, they have been with us forever, the first ones starting to appear in the mid-90s. Advertising banners are specific areas on a website where ads are placed, just like print ads in a magazine. Clicking on a banner usually takes you to the website of the advertiser. With this post, we will introduce you to this long-serving online marketing tool and discuss how to bring it up to speed with today’s marketing needs. Advertising banners have seen their share of criticism for quite some time. Some say many users just ignore all advertising – a phenomenon called banner blindness. Others fear the increasing use of ad blockers would render banner ads obsolete. Both scenarios would lead to click rates hovering around zero. But in spite of all this, banners are still one of the most popular tools of online advertising. One reason being that there are ways to, at least partly, work around banner blindness and ad blockers to achieve better results. After all, internet giants like Google, Amazon etc. also still use banner advertising, and they are getting results. Net advertising expenditures for online banners […]* You might also be interested in the following articles:
Catégories: News dév web

How we Created Dynamic Sound with the Web Audio API in Microsoft Flight Simulator Arcade

21 juillet, 2015 - 10:00
Before the Web Audio API, HTML5 gave us the <audio> element. It might seem hard to remember now, but prior to the <audio> element, our best option for sound in a browser was a plugin! The <audio> element was, indeed, exciting but it had a pretty singular focus. It was essentially a video player without the video, good for long audio like music or a podcast, but ill-suited for the demands of gaming. We put up with (or found workarounds for) looping issues, concurrent sound limits, glitches and total lack of access to the sound data itself. Fortunately, our patience has paid off. Where the <audio> element may have been lacking, the Web Audio API delivers. It gives us unprecedented control over sound and it’s perfect for everything from gaming to sophisticated sound editing. All this with a tidy API that’s really fun to use and well supported. Let’s be a little more specific: Web Audio gives you access to the raw waveform data of a sound and lets you manipulate, analyze, distort or otherwise modify it. It is to audio what the canvas API is to pixels. You have deep and mostly unfettered access to the sound data. It’s […]* You might also be interested in the following articles:
Catégories: News dév web

Test the Limits: Delicious Typography

20 juillet, 2015 - 10:00
Although in general we understand that the larger part of jaw-dropping posters that owe a wow factor to an incredible typography are artificial and made in some advanced image editors, yet there are still mind-blowing letterings that look so delicious, mouth-watering and realistic that doubts creep in our mind, starting to play with our imagination. For justice’ sake, it should be noted that not every work that exhibits a yummy, true to life, food-inspired font is a skillful rendering. Sometimes typographers resort to some authentic tools given by Mother Nature. Pastry, fruits, chocolate, sweets, lollipops and other edible stuff become invaluable and essential instruments. So that this sort of typography can be broken into 2 categories in terms of realization. Only vivid visual imagery of an artist decides on whether to use sophisticated environment of software with a dozen of interesting polishing effects or ‘get your hands dirty’ by forming letters one by one from a raw material. The most important thing is that regardless of the choice, the final result will be simply outstanding. To prove it to you we have collected 30 incredible examples of appetizing and flavorful letterings that are made with the help of various techniques. Branston Advertising Creator: SEAN FREEMAN The Candy Alphabet […]* You might also be interested in the following articles:
Catégories: News dév web

User Experience Design: How to Do it Right

17 juillet, 2015 - 10:00
We know that the customer is always right. However, this motto is often neglected costing website operators a lot of money that could have been better spent. No matter what industry your company is in, the customer should come first in each marketing strategy. You can optimize your sales only with satisfied clients. But customer satisfaction is very fragile, especially in the digital world; your competitors are only one click away. This requires a stronger focus not only, but especially on customer satisfaction and service. The same applies to online shops and any other web-based businesses. Not only products, processes, etc. have to be optimized, but also the user experience design. We’ll tell you what is meant by that and how to do it… What is User Experience Design? The concept of user experience design focuses on the interaction between the website and the customer ensuring a fast and pleasant process. The success of a website largely depends on user experience (UX) design, which is not surprising really. Only if customers have a good experience with a website, they’ll develop the confidence to take the next step. The User Experience ISO 9241-210 The term user experience is defined in ISO […]* You might also be interested in the following articles:
Catégories: News dév web

Creating Realistic Terrain with WebGL and Babylon.JS for Microsoft Flight Simulator Arcade

16 juillet, 2015 - 10:00
The first version of Flight Simulator shipped in 1980 for the Apple II and, amazingly, it was in 3D! That was a remarkable achievement. It’s even more amazing when you consider that all of the 3D was done by hand, the result of meticulous calculations and low-level pixel commands. When Bruce Atwick tackled the early versions of Flight Simulator, not only were there no 3D frameworks, but there were no frameworks at all! Those versions of the game were mostly written in assembly, just a single step away from ones and zeroes that flow through a CPU. When we set out to reimagine Flight Simulator (or Flight Arcade as we call it) for the web and to demonstrate what’s possible in the new Microsoft Edge browser and EdgeHTML rendering engine, we couldn’t help but think about the contrast of creating 3D then and now – old Flight Sim, new Flight Sim, old Internet Explorer, new Microsoft Edge. Modern coding seems almost luxurious as we sculpt 3D worlds in WebGL with great frameworks like Babylon.js. It lets us focus on very high level problems. In this article, we’ll share our approach to one of these fun challenges: a simple way to […]* You might also be interested in the following articles:
Catégories: News dév web

What’s New in Babylon.js v2.1? Using WebGL and 3D in the Latest Browsers

16 juillet, 2015 - 10:00
The babylon.JS team at Microsoft recently released a new update (v2.1) with a host of new and improved tools to build browser-based 3D experiences, like Assassin’s Creed Pirates and Flight Arcade. In this article, I’ll walk you through some of the major updates, along with links to demos and sandbox builds you can try yourself. First, a quick ‘thank you’ to the community. Over the past few months, we’ve had more community-oriented support than ever. Thanks to all these wonderful people we were able to release a LOT of new features and improvements! So let’s get started! You can find all the code here: https://github.com/BabylonJS/Babylon.js/releases/tag/v2.1 Unity 5 Exporter Unity is an awesome tool to create games that can work on almost all operating systems out there. I love the Unity 5 WebGL exporter—it’s a great way to export all your games to a WebGL/ASM.JS/WebAudio website. To complete this solution, if you want to export meshes to a lighter projection that could run without ASM.JS, you can now install the Babylon.js exporter: https://github.com/BabylonJS/Babylon.js/tree/master/Exporters/Unity%205 When installed, the exporter allows you to export a scene by going to the Babylon.js exporter menu: After a few seconds, a .babylon file is generated alongside associated […]* You might also be interested in the following articles:
Catégories: News dév web

Deal of the Week: Meet the Mullers, a Friendly Font Family You’ll Love

15 juillet, 2015 - 13:00
This typeface family is not only professional and highly legible. During our Deal of the Week it is also extremely price-worthy. Meet the Muller Font Family. Composed of 20 different fonts, Muller sports 10 Uprights and 10 Italics with weights ranging from Hairline to Heavy. Highly versatile, you can count on Muller to handle any project you throw it at! Highlights: Get psyched with 20 professional fonts in one terrific typeface bundle! The crisp, clean Mueller Font Family features 10 different weights: Hairline, Thin, Ultra Light, Light, Regular, Medium, Bold, Extra Bold, Black and Heavy. Each of the 10 different weights comes in both a Regular Uprights and Italics style for a total of 20 unique fonts. Mix and match the various weights to create engaging and seamless results for your latest project. Muller is a great font choice for just about anything and everything including advertising, packaging, editorial and branding for both the Web and printed projects. For some extra fun, dive into the numerous OpenType features available: ligatures, fractions, alternate characters, superscripts and subscripts, proportional and old style figures, case-sensitive forms and more. Previews: Pricing: Normally, the Muller family sells for $279, but for a limited time only, you […]* You might also be interested in the following articles:
Catégories: News dév web

Online Marketing Basics #8: Affiliate Marketing for Beginners

15 juillet, 2015 - 10:00
In part 8 of our Online Marketing Series, we will talk about affiliate marketing. This type of marketing can be a powerful tool – especially for sales people. To figure out what it is and how to use it, this post will answer these questions: What exactly is affiliate marketing? Who should use it? How is it deployed? What kind of tricky issues should we pay attention to when doing affiliate marketing? What is Affiliate Marketing? Roughly, „to affiliate“ means to associate or to partner with someone. That’s what it’s all about: You tie your partners (the affiliates) to the advertising of your products or services. As always when doing online marketing, you want to direct attention (and drive traffic) to a certain web presence, like your website. So whatever you want to sell – with affiliate marketing, the partners you take on board are called publishers. These publishers promote your product or services on their websites. The goal is to get visitors clicking on your ad or link, respectively, and direct them to your website. Once there, these visitors hopefully perform the desired action (like buying something). If that’s the case, your partner earns a predetermined commission. For the […]* You might also be interested in the following articles:
Catégories: News dév web

Test the Limits: Chalk Style Typography

13 juillet, 2015 - 10:00
Chalk style typography has an old-school vibe, a slightly juvenile character, and urban nature. It managed to carve out an ideal niche for itself as well as mature into an art direction of full value. It is a favorite choice among designers that finds wide application in various spheres and leaves an artistic imprint on everyday life, brightening up some of our standard routines. Ones that thoroughly enjoy benefits of this sort of letter crafting are food/drink-related establishments such as restaurants, pubs, cafes, and others. Not only does chalk typography enhance and enrich exterior including signs, info boxes, menus, special offers but also interior, serving as an efficient instrument for adding a certain zest to the general atmosphere. Along with the traditional realization that implies white symbols placed on a rough black chalkboard, designers also employ colorful palettes that let convey emotions more accurately and give a piece a unique, dynamic and vibrant appearance. Typography in tandem with complementary objects that are usually used to finish off the whole view as well as put an emphasis on a beauty of letterings composes a real masterpiece. Today we have gathered 30 such works of art – projects featuring chalk style typography […]* You might also be interested in the following articles:
Catégories: News dév web

SweetAlert.js: A Prettier and More Flexible Alternative to alert(0)

10 juillet, 2015 - 10:00
Websites have become more comprehensive and complex applications over time. Website interactions are often confirmed with an alert. The browser’s standard warning suffices for most cases; however, it looks pretty terrible. With SweetAlert, you can easily create animated alerts that, additionally, provide more functions than the boring standard. Include SweetAlert and Get Started SweetAlert comes from the digital pen of the Stockholm-based developer Tristan Edwards whose homepage is, by the way, a good example for parallax scrolling. SweetAlert was released under the MIT license which means that it is totally free. It is made from a JavaScript and a CSS file and has no dependencies. Getting started is fairly easy: Apart from the JavaScript file, you need to include a style sheet file, which contains all alert styles, into the HTML document. Then you can call various alerts via “swal()”. swal("Das hat schon mal geklappt."); To create a simple alert dialogue box, all you need to do is titling the method with a text you want to have displayed. An OK button for closing/confirming the dialogue box will be added automatically. If you want additional text in the dialogue box, you need to add another parameter in the “swal()” call. […]* You might also be interested in the following articles:
Catégories: News dév web

Bringing Sanity and Order to Device Testing

9 juillet, 2015 - 10:00
It seems like every other day the public is granted some new means of accessing the web. Some days it’s a new browser. Others it’s a new smartphone. Or a tablet. Or an e-reader. Or a video game console. Or a smartwatch. Or a TV. Or a heads-up display. Or a car. Or a refrigerator. I worked on one project where the client provided me with a spreadsheet detailing 1,400 different user agents that accessed the login screen for the m-dot site. In two days! As further evidence, consider the enlightening details of this post from Jason Samuels of the National Council on Family relations, a non-profit organization: In 2008, visits from “mobile” devices accounted for only about 0.1% of their traffic. In 2014, that number had skyrocketed to 14.4%. In 2008, they detected 71 different screen resolutions, which is already a lot to consider. By 2014, however, they were seeing 1,000 unique screen resolutions each and every quarter (with over 200 of those recording 10+ visits per quarter). That last stat blows my mind every time I read it. You can’t design for 200 different screens, let alone 1,000. It’s a fool’s errand. And don’t even think of trying […]* You might also be interested in the following articles:
Catégories: News dév web

Online Marketing Basics #7: Introduction to Video Marketing

8 juillet, 2015 - 10:00
Welcome to part 7 of our Online Marketing series that will cover online video marketing. We will not discuss how to shoot a viral video but rather how online video marketing works and how best to approach it, complete with some general ideas and tips. We have seen advertising or marketing video spots on TV and movie screens for decades. But the scope of the internet, especially the rise of the social networks, has increased the possibilities for video marketing dramatically. Nowadays, instead of cool TV spots it’s viral online videos that become watercooler talk (a notable exception being the Super Bowl commercials.) As an entrepreneur you could have many kinds of video produced: promotional videos, image films, corporate films, training videos, product features, tutorials and many more. Professional videos captivate the viewer with a high-quality mix of information and emotion – reflecting well on your brand and your offers. What is Online Video Marketing? Online video marketing distributes videos on the internet to spread or support PR, marketing or sales messages. You could, for example, upload a video to as many platforms as possible to reach as many people from your target group as possible. For instance, a product […]* You might also be interested in the following articles:
Catégories: News dév web

Measuring Success in Developer Relations

7 juillet, 2015 - 10:00
Developer relations is an integral part of many software companies that hope to win the hearts and minds of developers. You may refer to it as developer evangelism or community outreach but ultimately, it’s a motion dedicated to ensuring that you’re proactively listening to what the community needs and looking to see how you can help, providing a conduit for developers to offer you feedback and have an opportunity to share your vision with the community and hopefully solve some of their problems. In my opinion, this is absolutely the right order to be driving on since it’s important to always think of the needs of the community. But the problem with developer relations is that it’s a subjective, somewhat nebulous field that in most cases doesn’t involve tangible “things“. This can make it hard to measure how successful you or your team are and if you’re hitting the mark with your community. What do Developer Advocates do? From my experience and through many discussions with my peers, the typical developer advocate tends to focus on several key outreach mechanisms to engage with developers. These are: Social media engagement, primarily Twitter Content generation via blogs or 3rd party sites such […]* You might also be interested in the following articles:
Catégories: News dév web

Let it Glow: 30 Electrifying Examples of High-end Typography

6 juillet, 2015 - 13:00
There are some mind-blowing types that radiate of marvelous high-tech Magic and exude an image of sophistication and a subtle sense of brutality. Whether it is a flawlessly reproduced steampunk style lettering that just fascinates by polished shiny bronze surfaces and inventive construction. Or it is a gloomy yet bold and grotesque professionally executed neon sign planned down to the latest detail and enlivened through a series of special effects. It is certainly an eye catcher that can outshine, or at least stand with other original, jaw-dropping fonts in equality. In order to convey the powerful atmosphere of mechanization and advancement, artists render splendid compositions. Lettering can be literally assembled with the help of highly realistic mockups of tubes, cylinders, bulbs, then further enhanced through flawlessly treated textures of wood, metal, plastic,or glass and finished off through a plenty of complementary objects with a rustic or rough nature. Such projects are true pieces of art that demonstrate not only a skill level but also imagination and creativity of a designer. The list below includes some spectacular representative examples of this sort of typography. Enjoy and let us know what you think about them Veej – Vintage Neon Creator: Veej February Update […]* You might also be interested in the following articles:
Catégories: News dév web

Easy Typography Animations: How to Manipulate Texts with Blast.js and jQuery

3 juillet, 2015 - 10:00
CSS and JavaScript provide access to all the elements of an HTML document – of course also to texts; however, this is limited to titles and paragraphs. Accessing single sentences and words is not that comfortable; unless they are wrapped, for example, with “<span>” elements.  The JavaScript library Blast.js makes sentences, words, and single characters accessible through CSS and JavaScript. This is a real basis for impressive typography animations. How Blast.js Works Blast.js comes from the digital pen of the Velocity.js developer Julian Shapiro from San Francisco. The MIT license is free of charge for commercial and personal projects. It is not hard to use, but you may need some explanations. Blast.js builds up on jQuery, so you need to incorporate both into the HTML document. Then the text can be easily prepared, so that each sentence, each word, and each character can be accessed through CSS or JavaScript. $("p").blast({ delimiter: "word" }); In the above example, all words within “<p>” elements are wrapped with a “<span>” element. These “<span>” elements are classed as “blast”. Other delimiters are “sentence” which wraps sentences with a “<span>”, and “character” which covers single characters – including punctuation marks. If the text already has […]* You might also be interested in the following articles:
Catégories: News dév web

WebDev: How to Use NGROK to Test a Local Site for Microsoft Edge and Internet Explorer

2 juillet, 2015 - 15:00
I recently wrote about RemoteIE which is a tool created to help developers on non-Windows OS’es to test for Microsoft Edge and Internet Explorer 11. It uses Microsoft’s RemoteApp virtualization software to create a browsing session without the need to install a VM.  Developers have been sending us a lot of requests to expand it out to other versions of IE. One of the big limitations, though, is the fact that you can’t access resources or sites locally hosted on your development machine. This is a cumbersome limitation and narrows the usability of the tool for testing. It’s been nagging at me for awhile that we couldn’t use this in this fashion, but this past week I found a solution that I wanted to share. ngrok – Secure Tunnels to Localhost Enter ngrok, a very cool, lightweight tool that creates a secure tunnel on your local machine along with a public URL you can use for browsing your local site. When ngrok is running, it listens on the same port that your local web server is running on and proxies external requests to your local machine. This was the secret sauce I was looking for to allow RemoteIE to be […]* You might also be interested in the following articles:
Catégories: News dév web

Contact

Une question, une remarque ?
Une demande de devis (gratuit) ?

Contactez-moi

A propos...

Yves Bresson, ingénieur en informatique, consultant freelance, spécialisé dans la création de sites web (CMS, PHP, Ajax, jQuery, Bootstrap, HTML 5, CSS 3) et d'applications mobiles (iPhone, Android). Voir le profil de Yves Bresson sur LinkedIn