Friday, May 29, 2015

Baku 2015 – Follow the flame

Client: BEGOC | Agency: UBMG (URBIS) | Developer: POSSIBLE CEE | Producer: Charles-Henry Contamine | Creative Director: Steven Delcourt | Project Leads: Nazim Aliyev, Kanan Gafarov
by via Awwwards - Sites of the day

Tweeting, Pinning, Liking, Plussing, Sharing: 50+ Best Social Media Marketing Tools

Tweeting, Pinning, Liking, Plussing, Sharing: 50+ Best Social Media Marketing Tools

Do you come up with your best ideas at all the most inconvenient times? Or do you wish your social media presence was more consistent? It’s not easy to plan, coordinate and link your social media messages without the right tools or a significant time investment.

Companies looking to leverage their social media platforms for business building can start with strategically scheduled posts and updates to keep fans engaged. Using a social media management platform to stay organized and on track for success is the way to go, so consider some of these top choices.

by Irfan Ahmad via Digital Information World

HtO Surf Shop

As Canada’s Oldest Surf Shop, HtO demonstrates acommitment to selling quality goods with an emphasis on locally made products.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

This week's JavaScript news, issue 234

Angular 1.4.0, Polymer 1.0, a Slack-like Meteor app, and more.
Read this e-mail on the Web
JavaScript Weekly
Issue 234 — May 29, 2015
Nothing huge but many enhancements and tweaks. Animations refactored, fixes and improvements for $http, extra accessibility features, and so forth.
Angular Core Team

An open source Web based, channel based chat system (a la Slack) built using Meteor, the full stack JavaScript development platform. Or if you’d rather build your own from scratch, check out this tutorial.
Rocket.Chat

A quick tutorial on the process of testing JavaScript code using a continuous integration service and the Karma testing framework.
SitePoint

Build a clean, well-structured web app from scratch by combining best-of breed approaches and a carefully curated set of tools including: Ampersand, React, WebPack, ES6 and Node.js.
Frontend Masters   Sponsored
Frontend Masters

Google’s library that sits on top of Web Components and makes it easy to create interoperable custom elements has reached its 1.0 milestone.
Google Developers Blog

A fun look at replicating an abstract painting using JavaScript. If you like this sort of thing, Jenn Schiffer’s art experiments are also great to check out.
JS Art

Mozilla Hacks continues its exploration into ES6 with a look at two features that make JavaScript’s function syntax more expressive.
Mozilla Hacks

Code for a sample web app that lets you record voice memos. It uses ES6 classes (via Babel) and RecorderJS.
Google

Cody Lindley explains why you should ditch non-standard JavaScript module formats and move to the ECMAScript 6 module format with examples.
Telerik Developer Network

Jobs

  • Expert JavaScript Instructors at Pluralsight (Freelance-Part-time)Currently hiring expert JavaScript Developers that want to share their knowledge with a global audience. As a Pluralsight author, you'll join a tight knit family of passionate teachers and earn royalties. We are looking for the best communicators and presenters in the JavaScript community. Apply today.
    Pluralsight
  • Spend your time coding, not searching for a job.On Hired, we'll bring the options to you. With over 2,000 pre-screened tech companies in 10 cities in the US & UK, you'll be sure to find what you're looking for. Join Hired today.
    Hired.com

In brief

Curated by Peter Cooper and published by Cooper Press.

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK


by via JavaScript Weekly

Choosing a JavaScript Charting Library: the Main Contenders

JavaScript charting is a crowded space with plenty of open-source and paid options, and choosing the right library for your project is not always a straightforward decision. There are many factors to consider before you can make the call.

What I’ve noticed is that more often than not, the choice always comes down to the top three or four libraries - D3.js, Highcharts, FusionCharts or Google Charts. To make your task easier, I’ve compared the top three in detail with pros, cons and live examples.

Let’s get started!

D3.js

Screenshot of the D3 website

Created by Mike Bostock, D3.js has become almost synonymous with Data Visualization. D3 is based on modern web standards and gives you complete control over how your chart is rendered.

Pros:

  • It’s elegant and beautiful: With D3 you can create mind-blowing visualizations (like this and this) that are simply not possible with any other library. In that sense, all other libraries look like a subset of D3.
  • Lightweight: The D3 core JavaScript file is just 336 KB, the minified version is just 151 KB. This is a great advantage when it comes to building high performance web applications.
  • Highly customizable: D3 doesn’t come with a fancy feature list out of the box. Instead it opts for efficient manipulation of documents based on data, leaving you free to customize it any way you want.
  • Community: Owing to its open-source status, it has a huge community around it. There are already thousands of answered questions on StackOverflow, and if you have new issues you can easily get them answered there, or even in our own forums.
  • Huge gallery for inspiration: D3 has a gallery with 900+ examples for your inspiration. These examples range from very basic to extremely sophisticated and are often interactive.

Cons:

  • Steep learning curve: It’s fun and intellectually stimulating to use D3. But if you are on a deadline and want something that ‘just works’, D3 might not be the right option. FusionCharts and Highcharts would be a better choice in this case because of their ease of use.
  • Browser support: D3 doesn’t support IE 6, 7, 8. It’s sometimes not smooth on IE 9, as well. So if you are targeting a wider audience or enterprises, D3 would be a bad choice.
  • Label management: Label management is an uphill task in D3, but it is automatically taken care of by libraries such as FusionCharts and Highcharts. To see a live example of what I am talking about, visit this page, and click on the discrete bar chart (first row, fourth tile). Then try entering longer names (than ‘A’, ‘B’, ‘C’ etc).
  • Chart export: Libraries such as FusionCharts and Highcharts support the exporting of charts to PNG, JPG, SVG and PDF files out of the box. However, in D3 you’ll have to write extra code to do this.

Example:

I have created a column chart using some sample data. I’ve manually defined axes, tool-tips, data plots and chart cosmetics. This is a huge advantage when compared to other libraries where these things are predefined and you have limited configuration options.

Continue reading %Choosing a JavaScript Charting Library: the Main Contenders%


by Vaibhav Singhal via SitePoint

Fancy, Responsive Charts with Chart.js

On Our Radar: June Competition, Titles, Tables and Robots

An SQL statement walks into a bar and sees two tables. It approaches, and asks “may I join you?” And so began our week on the SitePoint Forums. On Our Radar: It’s competition time! Post anything in the forums during the month of June and you can win an incredible range of prizes! Seriously, create […]

Continue reading %On Our Radar: June Competition, Titles, Tables and Robots%


by Jasmine Elias via SitePoint