Friday, October 13, 2017

History of Content Marketing - #Infographic

History informs and shapes our approach to the present and the future. This is no different for major world events than for disciplines such as content marketing. For example, why do we feel so safe buying Michelin tires? As far back as 1900, the company released free travel guides to grow demand...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Reaching Internet and IT Pros on LinkedIn - #Infographic

More than 30% of LinkedIn's active audience work in tech and IT-related fields, while 18 million of their users regularly engage with the LinkedIn Techcontent feed on LinkedIn Pulse. As such, the IT sector is a clear area of focus for the platform - which means it also needs to be a key focus...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Maptalks – Open Source JavaScript Library for 2D/3D Maps

Maptalks is a open-source javascript library for integrated 2D/3D maps.

  • 2D/3D: Integrated 2D/3D maps.
  • Open and pluggable: Easy to extend with techs you may love as plugins.
  • Performant: Can smoothly render tens of thousands of geometries.

by via jQuery-Plugins.net RSS Feed

7 Reasons You Can't Stay Focused [video]

There are tons of reasons why you can't tackle a task. Watch the video to run through why you can't concentrate—and also learn some simple fixes.

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

How to Write Beautiful Sass

The following is a short extract from our book, Jump Start Sass, written by Hugo Giraudel and Miriam Suzanne. It's the ultimate beginner's guide to Sass. SitePoint Premium members get access with their membership, or you can buy a copy in stores worldwide.

Clean, beautiful code should be a goal in every project. If other developers need to make a change, they should be able to read what is there and understand it. Readable code is the core of maintainability, and the first step towards readable code is a good linter. Like a good spell-checker, the linter should catch all your small typos and formatting mistakes, so it’s not left to others to do so. It’s the first line of defense before a good code review with other developers.

There are several great linters for Sass: scss-lint is a Ruby gem, and the newer sasslint and stylelint, which are npm packages for Node. Both allow you to configure linting rules for your project, such as maximum nesting levels, leading zeros on decimals, and organization of properties in a block. You can even create your own rules as needed.

Sass Guidelines are handy for organizing your project, setting up your linters, establishing naming conventions, and so on. Written by Hugo, it’s an opinionated styleguide for your code; it might not all work for you, but it’s a great place to start.

If you’re using Sass variables, functions, and mixins, it’s recommended that you document how they work. Toolkit authors will find it particularly important, but anyone who has extensive tooling built into their projects should also consider documentation for their team. Another great tool from Hugo is SassDoc, an npm package that parses your Sass comments and generates a beautiful static site with your documentation.

Here’s the SassDoc comment for our tint(..) function in Accoutrement-Colors. It starts with a general description, and then explicitly documents each parameter and the expected return:

 /// Mix a color with `white` to get a lighter tint.
///
/// @param {String | list} $color -
///   The name of a color in your palette,
///   with optional adjustments in the form of `(<function-name>:<args>)`.
/// @param {Percentage} $percentage -
///   The percentage of white to mix in.
///   Higher percentages will result in a lighter tint.
///
/// @return {Color} -
///   A calculated css-ready color-value based on your global color palette.
@function tint(
  $color,
  $percentage
) {
  /* … */
}

Using the default theme (from which there are several to choose, or you can design your own), SassDoc converts that comment into a static website, as shown below.

Continue reading %How to Write Beautiful Sass%


by Miriam Suzanne via SitePoint

#356: Setting Up Webpack, Babel and React From Scratch

This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 356 — October 13, 2017
Marijn Haverbeke is working on a new edition of the perennially popular JavaScript book, but needs your help to fund it.
Marijn Haverbeke

An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from.
Stanko Tadić

GrapeCity Wijmo
With no dependencies and a small footprint, Wijmo FlexGrid is built for speed and extensibility. You'll get built-in, first-class Angular support, an Excel-like interface, sorting, globalization, filtering, group panels, and row details.
GrapeCity Wijmo   Sponsor

Has a lot of features including timeline charts, value highlighting, and a sparkline mode for dense data.
Taucraft

What you can do about memory leaks in recursive loops.
Alexandru Nedelcu

An opinionated, open-source toolkit for building Angular-based apps using patterns that suit enterprise-style development.
Victor Savkin

Jobs

In Brief

Announcing TypeScript 2.6 RC news
Microsoft

[Webinar] Build Better React Apps Faster with Kendo UI for React 
In this webinar we’ll show you the power of Kendo UI and how easy it is to use it in your React development.
Kendo UI  Sponsor

Redux Explained in 30 Seconds tutorial
About as tight an explanation as you could hope for.
Ross Creighton

How to Use ES6 Arrow Functions to Make Your Code Easier to Read tutorial
Both written and video form, however you prefer to learn.
Tyler McGinnis

The 2 New Features in ES7 and How They Work tutorial
Tiago Lopes Ferreira

How The JS Event Loop and Async Programming Works tutorial
Perfect if single thread/event loop/blocking concepts are new to you.
Alexander Zlatkov

Step Up Your JavaScript: A Comprehensive Guide to Intermediate JS 
Advance your understanding of JavaScript. Be able to answer interview questions that stump many developers.
Educative  Sponsor

How We Run NPM Packages in the Browser story
Magnus Holm

Regexly: A WYSIWYG Regex Playground for JavaScript Developers tools
Chipto

date-fns: A Modern JavaScript Date Utility Library code
It’s essentially ‘lodash for dates’.
Lesha Koss et al.

Next.js 4 Released: A Framework for Universal React Apps code
With performance and styling upgrades.
ZEIT

ST: JSON Selection and Transformation Methods code
Adds methods to the JSON object for powerful JSON filtering or transformation.

handorgel: Accessible Web 'Accordion' Widget Written in ES6 code
Manuel Sommerhalder

Smooth Scrollbar: Customizable, High Performance Scrollbars code
If you want more control over your page’s scrolling..
Dolphin Wood

MapTalks.js: A Light Library to Create Integrated 2D/3D Maps code
Play with some examples here.

luma.gl: A JS WebGL2 Framework for Data Visualization code
Uber

Vue-Model: A Model Component for Vue.js code
Transform plain data into models with HTTP actions, computed properties, and methods.
Aaron Francis

ip-num: A TypeScript Library for Working with ASN, IPv4, and IPv6 Numbers code
Dadepo Aderemi

A JavaScript Tetris Clone in Under 512 Bytes code
Readme/repo here (explains some of the tricks used).
Rebecca and JS Codegolf Team

JavaScript Telemetry: Black Box Recorder for App Crashes 
Rollbar  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

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

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK


by via JavaScript Weekly

9 Things That Will Make You Happy, According to Science - #infographic

Philosophers have argued over the nature of happiness for thousands of years. Yet the average person still struggles to find their own path to contentment. With all the developments of the modern age, you’d think we’d have worked it all out by now; so why are we still asking ourselves the age-old...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World