Friday, March 10, 2017

FullStory – Wall of Love

FullStory Wall of Love

Gorgeous little marketing page by FullStory that showcases the "Love" shared by customers in a floating Twitter feed. Would have preferred this on a subdomain (for the One Page rules) but they've removed the main navigation and created a unique design for the campaign - a classic marketing Landing Page and a great reference.

by Rob Hope via One Page Love

Thursday, March 9, 2017

Learn about CSS Architecture: Atomic CSS

The following is an extract from our book, CSS Master, written by Tiffany Brown. Copies are sold in stores worldwide, or you can buy it in ebook form here.

If BEM is the industry darling, Atomic CSS is its rebellious maverick. Named and explained by Thierry Koblentz of Yahoo in his 2013 piece, Challenging CSS Best Practices, Atomic CSS uses a tight library of class names. These class names are often abbreviated and divorced from the content they affect. In an Atomic CSS system, you can tell what the class name does; but there is no relationship between class names—at least, not those used in the stylesheet—and content types.

Continue reading %Learn about CSS Architecture: Atomic CSS%


by Tiffany Brown via SitePoint

Wonder how to improve your traffic? 10 best free tools to analyze your competitors

Whereas the Internet is growing extensively these days, many business owners started doing business online. It is not a regular simple task but quite challenging one. In this case, you face many different aspects to consider. You are not only made to sell the best products at the most profitable...

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

by Guest Author via Digital Information World

Pit Scheduler – Simple Scheduler using jQuery and Bootstrap

Pit-scheduler is a jQuery plugin that lets you manage tasks through a complete interface. It's compatible with Bootstrap and available under the MIT license (free to use).


by via jQuery-Plugins.net RSS Feed

This week's JavaScript news, issue 325

This week's JavaScript newsRead this e-mail on the Web
JavaScript Weekly
Issue 325 — March 9, 2017
A thorough summary of a new academic paper that looks at the analysis of JavaScript used across 133,000 different sites. Tim Kadlec of Snyk also shared some insights on its findings.
Adrian Colyer

For example, specify what browsers and versions you want to support, and it’ll warn you if your code uses unsupported features.
Amila Welihinda

Dr. Axel tackles promises in a very quick, straightforward way.
Dr. Axel Rauschmayer

Uses a library of trigrams that are most popular in up to 375 languages, Franc works in both Node and the browser to detect natural languages used in a text. Demo here.
Titus Wormer

Rollbar
Let's explore JavaScript source maps together, starting with the basics. What are they? How to enable them? Why aren't they working? Learn more.
Rollbar   Sponsor

Now considered feature complete, Polymer 2.0 is ready to test and try. A key focus has been on improved interoperability with other libraries and frameworks.
Dan Freedman

Kyle Simpson introduces FPO, a JavaScript library for functional programming that supports named-argument style methods.
Kyle Simpson

No, the title isn’t missing an apostrophe - Mike’s favorite test in Test262, the official test suite for ECMAScript, is really let twice. Intrigued?
Mike Pennisi

In just 7 minutes, Alon Zakai, originally the creator of the Emscripten LLVM-to-JavaScript compiler, explains what WebAssembly is all about.
YouTube

A very technical and thorough look at how V8 has made ‘for in’ faster than ever.
Camillo Bruni

Jobs Supported by Hired.com

  • Node.js Developer at X-Team (Remote)We're looking for a developer with an extensive knowledge of Node.js and Javascript. We are 100% remote and we provide the funding needed to help you achieve your goals and grow. X-Team
  • Sr. JavaScript / Ruby DeveloperSticker Mule is looking for passionate engineers to join our remote team. Come help us build the best e-commerce experience using Ruby, Rails, React, Node, Docker and more. Sticker Mule
  • Senior Front-End Developer at Catawiki (Amsterdam or Assen)Our mission is to make special items available to everyone. We offer a unique opportunity to join our team and improve the experience for millions of our users with an iterative, small-step approach through A/B testing. Catawiki

Can't find the right job? Want companies to apply to you? Try Hired.com.

In Brief

Marko 4.0 Released: eBay's Component Based UI Library news
Michael Rawlings

Testing Routes in Angular 2 tutorial
Matt Fehskens

10 Practical Use Cases for ES6 Proxies tutorial
Csaba Hellinger

Refactoring Legacy JavaScript Code to Use Classes: The Good, Bad and Ugly 
An academic paper.
Silva, Valente, Bergel

Workshop: Brian Lonsdorf's Practically Functional Programming course
Master monoids, monads and other algebraic abstractions to produce highly composable, safer, and simpler code.
Forward Courses  Sponsor

An 11 Minute Introduction to Angular CLI video
YouTube

Previewing Mozilla's WebAssembly Explorer video
A look at a new tool to help developers understand and experiment with WebAssembly.
Mozilla

Ace JavaScript Interviews: Scoping And Hoisting video
Fox Reymann

Pinterest's Utilities for Creating and Testing Service Workers tools
Pinterest

A Jest Cheat Sheet tools
Artem Sapegin

Awesome Grid: A Curated List of Grid/Table Libraries tools

Depercolator: Tool for Converting CoffeeScript to Idiomatic JS and JSX tools
Bugsnag

React InstantSearch⚡ Lightning fast search for web and native apps tools
Algolia provides UI widgets and connectors (HOC) so you can build instant search in a few lines of code.
Algolia  Sponsor

blurify.js: Image Blurring from JavaScript code

react2angular: Embed React Components in Angular 1 Apps code
Coatue

Angular Gauge: Customizable Gauge Directive for Angular Apps code
Ashish Chopra

Element: A Vue 2.0 Based Component Library/UI Toolkit code

HyperApp: 1KB JavaScript Library for Building Modern UI Applications code
Jorge Bucaran

webpack-blocks: Configure Webpack using Functional Feature Blocks code
Andy Wermke

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. Office 30, Lincoln Way, Louth, LN11 0LS, UK


by via JavaScript Weekly

RainbowHunt

RainbowHunt

One Pager for 'RainbowHunt' ambient sound generator featuring a mix of rain noises. The Single Page website of course has a rain animation that hits your screen while you fine tune your perfect mix.

by Rob Hope via One Page Love

The War of the Decade

The War of the Decade

Storytelling One Pager announcing and celebrating the 10 year anniversary of Maze Solutions. A pity there is no mute audio option but the sound definitely enhances the experience. Loved how the last section transforms to the actual team, special stuff.

by Rob Hope via One Page Love