Friday, August 2, 2019

Google 76 hides sub-domains but there are tricks to undo it

Have you downloaded Google Chrome 76? And are you finding something different in it? If yes, then your observation is right because www and HTTPs are missing from the search bar. Chrome 76 strip the www and HTTP from the addresses as the Google has done in Chrome 69 which means that users will...

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

by aqsqa qadir via Digital Information World

Has The Gig Economy Finally Jumped The Shark? (infographic)

Since the Great Recession, gig jobs have been celebrated as the economy of the future - but after a decade, are U.S. workers still making a profit on gig jobs? Many of the biggest gig startups were created because of the Great Recession of 2008, with 7.2% unemployment after it, the demand for...

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

by Irfan Ahmad via Digital Information World

Electron 6, a String#replace trick, and learning about scope in JS

#448 — August 2, 2019

Read on the Web

JavaScript Weekly

Hotkey: Trigger an Action on an Element When a Keyboard 'Hotkey' is Pressed — Want quick and simple keyboard shortcuts for elements on your page? Set the data-hotkey attribute and use Hotkey. It even supports multiple keys pressed in sequence. GitHub built and uses it (view source on any GitHub page and look for the data-hotkey attributes).

GitHub

Electron 6.0 Released — Just 3 months after version 5 was released, the popular JavaScript-based cross-platform desktop app building platform hits version 6 and uses Chromium 76, Node 12.4, and V8 7.6 under the hood.

Electron.js Team

New Introduction to Gatsby Course with Jason Lengstorf — Build blazing 🔥 fast website by default with Gatsby. In this course, you'll build up a blog from scratch and deploy your brand new blog to Netlify for the world to see!

Frontend Masters sponsor

Did You Know String.prototype.replace Supports Replacement Patterns? — It feels a bit Perl-like, but this is an interesting feature I’d never seen in JavaScript before (despite being in the MDN docs). Example: 'abc'.replace('b', '$&-$&') === 'ab-bc'.

Stefan Judis

Writing a Simple MVC App in Plain JavaScript — If you’re tired of hearing about React, Angular, Mithril, Ember, and the rest, and just want to write JavaScript, this is for you. (Ultimately, all of those frameworks are very useful but being able to work without them first will help you appreciate what they do!)

Tania Rascia

Taking Redux Off of the Main Thread with Comlink — Using Web Workers carefully can yield major UX and performance benefits by taking computation off of the UI thread. Here’s one way to do it when using Redux.

Surma

Quick bytes:

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

X-Team

Front-end Engineer — Goldstar is looking for front-end Engineers with React experience on-site in Portland, Oregon and Pasadena, California.

Goldstar

Get Hired Based on Your Skills Not Your CV — Our AI makes it easier and quicker to match with top JavaScript jobs, with no recruiters and an average salary of £70k.

hackajob

📘 Tutorials, Opinions, and Videos

▶  Let's Learn About Scope in JavaScript — Google’s dynamic JavaScript duo, Jake and Surma, present an entertaining chat about variable scoping, complete with tablet-based demos.

Google Chrome Developers

Looking at the Optional Chaining ES Proposal — Boils down the proposal to exactly the essentials you need to know.

Dr. Axel Rauschmayer

The Developer’s Guide to Not Losing the Metrics You Need — Gathering and storing metrics is a part of production. When adverse events occur, you need to have the metrics available to debug the problems.

InfluxData sponsor

Do React Hooks Replace Redux? — This question has bounced around in the community a lot recently as more use cases for hooks emerge.. but Eric’s TLDR is ‘Hooks are Great, but No.’ and he explains why in depth.

Eric Elliott

Getting Started with Vuetify 2.0Vuetify is a Material Design-based component library for Vue.js.

Ben Hong

Quick Tips for Using Mocks when Unit Testing with Jest

Daniel Caldas

First-Class Functions in JavaScript — A brief tutorial aimed at beginners who might be wondering why being able to treat functions as first-class citizens (i.e. as objects in their own right) has merit.

Nick Scialli

Top 10 GitHub Best Practices - Lessons from Thousands of Repositories

Datree.io sponsor

My VS Code Setup: Making The Most Out of VS Code — A grab bag of addons and tools to consider if you’re a VS Code user.

Deepu K Sasidharan

Understanding RxJS Observables and Why You Need ThemRxJS is a reactive programming library based around ‘observables’ and is used by Angular for its reactivity.. but you can use it separately too.

Nwose Lotanna

🔧 Code and Tools

Hackathon Starter: A Boilerplate for Node Web Apps — A boilerplate for when you want to start building a Node app quickly (such as at a hackathon) as it includes almost everything you’d need.

Sahat Yalkabov

Esprint: Runs ESLint Across Multiple Threads for More Performance — It’s been considered that this could be merged into ESLint itself.

Pinterest

Ensure That Your Code Is Error-Free Before Merging — Set standards on coverage, duplication, complexity, and style issues and see real-time feedback in your Git workflow.

Codacy sponsor

Treeverse: Walk Tree Structures Depth- or Breadth-First

Isaac Z Schlueter

Rollup: A Modern ES6 Module Bundler — Not a new project, but it's been getting plenty of releases lately. Write your code using ES modules and get tree-shaking/dead code elimination and bundling to the format you require. One of Rollup’s wins over more popular alternatives is its speed.

Rollup Contributors

Top 25 JavaScript Plugins for WebStorm and IntelliJ

Ilana Brudo

⚡️ Quick Releases


by via JavaScript Weekly

SitePoint Premium New Releases: Smashing 6 + GraphQL & React Native

We're working hard to keep you on the cutting edge of your field with SitePoint Premium. We've got plenty of new books to check out in the library — let us introduce you to them.

Smashing Book 6: New Frontiers In Web Design

It’s about time to finally make sense of all the front-end and UX madness. Meet Smashing Book 6, with everything you need to know about web design. From design systems to accessible single-page apps, CSS Custom Properties, CSS Grid, Service Workers, performance patterns, AR/VR, conversational UIs and responsive art direction.

➤ Read Smashing Book 6: New Frontiers In Web Design.

Working with GraphQL and React Native

In this tutorial, we’re going to demostrate the power of GraphQL in a React Native setting by creating a simple coffee bean comparison app. So that you can focus on all of the great things GraphQL has to offer, Jamie has put together the base template for the application using Expo.

➤ Read Working with GraphQL and React Native.

And More to Come…

We're releasing new content on SitePoint Premium regularly, so we'll be back next week with the latest updates. And don't forget: if you haven't checked out our offering yet, take our library for a spin.

The post SitePoint Premium New Releases: Smashing 6 + GraphQL & React Native appeared first on SitePoint.


by Joel Falconer via SitePoint

What Countries Innovate the Most?

When a country has managed to get to a point where it is wealthy enough to start spending money on research and development within a wide variety of fields in science, it starts to innovate in ways that might not have been thought possible before. The World Intellectual Property Organization, an...

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

by Zia Zaidi via Digital Information World

The Top 5 One Pagers from July 2019

Here are the Top 5 Single Page websites featured on the One Page Love website in July. Hope they keep you inspired to create your own beautiful One Pagers – enjoy!



5. Hastings Architecture (Most LovedPortfolio)

Unique One Pager for Hastings Architecture featuring an interesting wide-canvas approach with news (and about/team) loading left and projects right. Also note how the news feed scrolls slightly slower than the projects, nice touch!



4. Sketch Manager (DownloadLanding PageMost Loved)

Clean dark-schemed Landing Page for Sketch Manager featuring a gorgeously subtle use of parallax scrolling for the initial screenshot.



3. Clickpivot (Landing PageMost LovedPortfolio)

Great looking One Pager with clean typography for custom branding and web design studio Clickpivot. Lovely touch with quick fire pop-up portfolio and also the interactive quote generator further down. Cheers for the excellent build notes!



Enjoying the round-up? Get these round-ups each month in our Inspiration Newsletter 💌



2. The Grid (Launching SoonMost Loved)

Hilariously verbose copy but what an incredible background animation (demo) in this One Pager teasing v3 of The Grid.



1. 1.1.1.1 (AppLanding PageMost Loved)

Lovely subtle parallax effects as you scroll this vibrant One Pager for the 1.1.1.1. app by CloudFlare. Also what a gorgeous touch with the scrolling colorful contours behind the intro headline copy.



Hope you enjoyed these beautiful One Pagers from July! Which was your favorite?


by Rob Hope @robhope via One Page Love

1.1.1.1

Lovely subtle parallax effects as you scroll this vibrant One Pager for the 1.1.1.1. app by CloudFlare. Also what a gorgeous touch with the scrolling colorful contours behind the intro headline copy.

Full Review


by Rob Hope @robhope via One Page Love