Chartist.js Creates Responsive, Animated Charts with SVG

June 12th, 2015
by Denis Potschien

Numbers and statistics are usually bone-dry and sometimes not really clarify but obscure even more. By visualizing data with charts, you can attract much more attention. The JavaScript library Chartist.js from Zurich turns as many numerical sequences as you like into easy to understand bar, line, pie, or other charts. They not only look good but are also responsive and can be jazzed up...


Why and How We Migrated Babylon.js to Azure: CORS, Gzip, and IndexedDB

June 11th, 2015
by David Rousset

You’re working for a startup. Suddenly that hard year of coding is paying off – with success comes more growth and demand for your web app to scale. In this tutorial, I want to humbly use one of our more recent “success stories” around our WebGL open-source gaming framework, babylon.js and its website: We’ve been excited to see so many web gaming devs...


10 Fresh Free WordPress Plugins (Edition: June 2015)

June 10th, 2015
by Wilhelm Weber

Plugins are the icing on the WordPress cake. Can you imagine your favorite CMS without them? These helpful tools have become essential in many areas and save us a lot of developing time. In our little series, we picked out once again the latest and most interesting plugins covering a wide range of use cases. As an appetizer, we have a Jetpack Clone that...


Enhance your JavaScript Debugging Life with Cross-browser Source Maps

June 9th, 2015
by David Rousset

As a JavaScript developer, I’m sure you’ve already been falling into this scenario: something goes wrong with the production version of your code, and debugging it directly from the production server is a nightmare simply because it has been minified or has been compiled from another language such as TypeScript or CoffeeScript. The good news? The latest versions of browsers can help you solve...


Best Practice: 30 Websites with Video Backgrounds

June 8th, 2015
by Ioanni Mitsakis

Video backgrounds are growing in popularity. Now with the first services offering HD videos for free commercial use popularity will increase further and faster. Pexels, known for its free imgaes, has entered the market that before had only had Mazwai as a source for free video material. Other than Mazwai where backlinks are mandatory, Pexels offers its material under CC0. While we will also...


Sunday Cartoon: Vintage People from the CMYK

June 7th, 2015
by Dieter Petereit
It's fun to stay at the CMYK

A web designer’s reputation in all things social is not overwhelmingly positive. I guess we could agree on that. A designer’s humor is a bit special, too. Sometimes as special as in “Noone else will understand that”. This cartoon definitely belongs in that category. Besides having to have some experience in design you’ll also need to be just that little bit older than most...


Mobile WordPress: Turn Your Website into an App with These Plugins

June 5th, 2015
by Andreas Hecht

More and more people use mobile devices like smartphones or tablets rather than Notebooks or PCs to surf the web and read their favorite websites. Even though responsive web design is a step in the right direction – because it makes web content readable on any device – many people prefer a mobile app where articles can be enjoyed even better. Today we will,...

Deals & Giveaways

Deal of the Week: Panton Font Family for (Almost) Free

June 5th, 2015
by Noupe Editorial Team

Constantly looking for great fonts? If so, you should check out this Mighty Deal. Dozens of possibilities to support your next Material Design or other modern geometric design project are there to explore. This great font family at this great price is a no-brainer. As with any Deal of the Week make sure to be quick to decide as it is for a limited...


JavaScript Like a Boss: Understanding Fluent APIs

June 4th, 2015
by David Catuhe

While designing babylon.js v2.0 (a library for building 3D on the web), I recently found myself wishing that more APIs were fluent – that is, I wish the community could more easily read, understand, and build upon the work while spending less time in the tech docs. In this tutorial, I’ll walk through Fluent APIs – what to consider, how to write it, and...


30 Best Practices in 3D Typography

June 3rd, 2015
by Nataly Birch

Next in our infrequent series of typography setups is splendid multi-faceted 3d typography. For sculptural type artists opt in favor of Cinema 4D or Zbrush, while for creating an illusion of dimension, designers move heaven and earth resorting to all sorts of tools and material. From rendering in Cinema 4d as a primary instrument for building a simulating environment to manipulations with Illustrator’s toolbox...

Business Online

HTML5 Video: Understanding Compression and DRM with Azure Media Services, AES, PlayReady, and Video Transports

June 2nd, 2015
by David Voyles
HTML5 Video: Understanding Compression and DRM with Azure Media Services, AES, PlayReady, and Video Transports

In a previous tutorial, I gave a high-level overview of HTML5 video and many of the transport standards that we can use. In this tutorial—the second in a series on using Azure Media Services to create and consume HTML5 video—I’ll cover the way we can ingest our content using a video recording tool, as well as ways to encrypt or protect our video so...

(Free) Services

Cybrary Online Training: Sophisticated IT Learning Made Easy

June 1st, 2015
by Noupe Editorial Team

Training routes can be long and winding and sometimes lead to nowhere. At the very least conventional training routes in the field of information technology are time-consuming and demand your undivided attention. In our world of tomorrow, learning methods from yesterday will no longer work effectively. We need ways to qualify that don’t make us sit down in a classroom on questionable furniture while listening...