Instagram Is Testing a New Feature – Tag Everyone in Group Chats at Once!

If you use social media apps for constant chatting, scrolling, and others then you must know how difficult it is to talk in group chats – especially when you have to tag everyone! 100 people in a group and you have to tag them separately. It is seriously mind boggling! All those people who have...

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

by Madiha via Digital Information World

The Top 10 SitePoint Guides & Tutorials of 2019

In 2019, we published hundreds of new guides, tutorials, and articles. Whether we showed you how to use new technologies and tools, or published career advice from people at the top of their game, our aim was always to help you level up as a web developer.

Though tech moves fast, all of those articles are still relevant now in the start of 2020. To celebrate a year concluded, we wanted to take a look at the 10 pieces our readers enjoyed and shared the most in 2019. Hopefully, there's something here that's useful to you going into this new year.

What Is Functional Programming?

As a programmer, you probably want to write elegant, maintainable, scalable, predictable code. The principles of functional programming, or FP, can significantly aid in these goals. Ali Spittel walks you through these principles, using JavaScript to demonstrate them.

➤ Read What Is Functional Programming?

10 Must-have VS Code Extensions for JavaScript Developers

Visual Studio Code is undoubtedly the most popular lightweight code editor today. It does borrow heavily from other popular code editors, mostly Sublime Text and Atom. However, its success mainly comes from its ability to provide better performance and stability. In addition, it also provides much-needed features like IntelliSense, which were only available in full-sized IDEs like Eclipse or Visual Studio 2017.

The power of VS Code no doubt comes from the marketplace. Thanks to the wonderful open-source community, the editor is now capable of supporting almost every programming language, framework, and development technology. Support for a library or framework comes in various ways, which mainly includes snippets, syntax highlighting, Emmet and IntelliSense features for that specific technology.

➤ Read 10 Must-have VS Code Extensions for JavaScript Developers

Why the Highest Paid Developers "Fight" Their Co-workers

Most employees want to keep their jobs and their clients. They don’t have the leverage or control they want over their own careers. They need their job. In fact, most people are terrified of losing their jobs.

Research shows the fear of losing your job creates job dissatisfaction and a lack of commitment at work. This, in turn, affects job performance, negatively increasing the likelihood that you will lose your job. It’s a vicious cycle that seems to repeat itself over and over.

But there’s something worse than the fear of a job loss.

➤ Read Why the Highest Paid Developers "Fight" Their Co-workers

How to Tell If Vue.js Is the Right Framework for Your Next Project

Vue.js grew from a one-man project to a JavaScript framework everyone’s talking about. You’ve heard about it from your front-end colleagues and during conferences. You’ve probably read multiple comparisons between Vue, React, and Angular. And you’ve probably also noticed that Vue outranks React in terms of GitHub stars.

All that’s made you wonder whether Vue.js is the right framework for your next project? Well, let’s explore the possibilities and limitations of Vue to give you a high-level look at the framework and make your decision a little easier.

➤ Read How to Tell If Vue.js Is the Right Framework for Your Next Project

JavaScript Web Workers: A Beginner's Guide

Today’s mobile devices normally come with 8+ CPU cores, or 12+ GPU cores. Desktop and server CPUs have up to 16 cores, 32 threads, or more. In this environment, having a dominant programming or scripting environment that is single-threaded is a bottleneck.

JavaScript is single-threaded. This means that by design, JavaScript engines — originally browsers — have one main thread of execution, and, to put it simply, process or function B cannot be executed until process or function A is finished. A web page’s UI is unresponsive to any other JavaScript processing while it is occupied with executing something — this is known as DOM blocking.

The solution: web workers.

➤ Read JavaScript Web Workers: A Beginner's Guide

React vs Angular: An In-depth Comparison

Should I choose Angular or React? Each framework has a lot to offer and it’s not easy to choose between them. Whether you’re a newcomer trying to figure out where to start, a freelancer picking a framework for your next project, or an enterprise-grade architect planning a strategic vision for your company, you’re likely to benefit from having an educated view on this topic.

➤ Read React vs Angular: An In-depth Comparison

Fetching Data from a Third-party API with Vue.js and Axios

More often than not, when building your JavaScript application, you’ll want to fetch data from a remote source or consume an API. I recently looked into some publicly available APIs and found that there’s lots of cool stuff that can be done with data from these sources.

With Vue.js, you can literally build an app around one of these services and start serving content to users in minutes.

I’ll demonstrate how to build a simple news app that will show the top news articles of the day allow users to filter by their category of interest, fetching data from the New York Times API.

➤ Read Fetching Data from a Third-party API with Vue.js and Axios

How to Install Docker on Windows 10 Home

If you’ve ever tried to install Docker for Windows, you’ve probably come to realize that the installer won’t run on Windows 10 Home. Only Windows Pro, Enterprise or Education support Docker. Upgrading your Windows license is pricey, and also pointless since you can still run Linux Containers on Windows without relying on Hyper-V technology, a requirement for Docker for Windows.

In this tutorial, I’ll show you how to quickly setup a Linux VM on Windows Home running Docker Engine with the help of Docker Machine.

➤ Read How to Install Docker on Windows 10 Home

How to Use Windows Subsystem for Linux 2 and Windows Terminal

In this article, you’ll learn how you can use Windows Subsystem for Linux 2 to set up and run a local Linux shell interface in Windows without using a virtual machine. This not like using terminals such as Git Bash or cmder that have a subset of UNIX tools added to $PATH. This is actually like running a full Linux kernel on Windows that can execute native Linux applications. That’s pretty awesome, isn’t it?

➤ Read How to Use Windows Subsystem for Linux 2 and Windows Terminal

How to Migrate to Gulp.js 4.0

Despite competition from webpack and Parcel, Gulp.js remains one of the most popular JavaScript task runners. Gulp.js is configured using code which makes it a versatile, general-purpose option. As well as the usual transpiling, bundling and live reloading, Gulp.js could analyze a database, render a static site, push a Git commit, and post a Slack message with a single command.

➤ Read How to Migrate to Gulp.js 4.0

Happy New Year from SitePoint

We hope you all had a restful break and have come back recharged and ready to tackle your goals for this new year. We'll continue to collaborate with working developers to help you improve your skills this year, and we'll explore new areas that we hope you'll find both useful and exciting. And we'll continue our work on leveling SitePoint Premium up into a next-generation learning platform and comprehensive reference library. Happy New Year from SitePoint!

The post The Top 10 SitePoint Guides & Tutorials of 2019 appeared first on SitePoint.

by Joel Falconer via SitePoint

Facebook's new web layout is coming out, and random users are experiencing it

In F8 2019, Facebook announced the new layouts for its App and website. The Android application started getting the new layout designs with every new update, however, the website was supposed to get a new interface in the next few months. Now it seems like the company is almost ready as Facebook...

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

by Abdullah Matloob via Digital Information World

Google Doodle Is Now Accepting Submission for Ways of Showing Kindness

Amongst too much hate and cyberbullying, it seems Google is trying to turn tables on bullies and trolls by promoting ways in which people like to show kindness to others. Each year Google invites K-12 students to come up with doddles for their search engine's homepage. The idea is to make the users...

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

by Aabroo Saeed via Digital Information World

How YouTube Sets It Policies? Matt Halprin Discloses the Process of His Team

The global head of trust and safety for YouTube, Matt Halprin perform one of the toughest jobs, heading the team that determines the policies for YouTube, what to allow and what not to allow. Recently, the video platform faced much criticism for allowing video content that for many was offensive...

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

by Aqsa Rasool via Digital Information World

Despite The Criticism and Competition, Americans Love Using YouTube & Facebook The Most - Stats Reveal!

There is no doubt in the fact that now we can not imagine the life without social media. It has connected the world for the better and with multiple platforms being introduced, the competition within the social media companies have been intense. However, according to rather surprising...

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

by Daniyal Malik via Digital Information World

A frontend performance checklist for 2020

#422 — January 8, 2020 Read on the Web Frontend Focus 👋 Hey, it's good to be back in your inbox with the very first Frontend Focus of the new year. After the holiday break, we're back on our regular schedule, so you can expect this digest each and every Wednesday. As it's the new year, here's a little PSA to kick things off: don't forget to update the copyright year in your footer. 😅 If you missed our last issue of 2019, it took a look back at some of the highlights of the past twelve months in all things HTML, CSS and browsers — that roundup is now available on the web, and you can find it here. Finally, I just wanted to extend a thanks once again for reading this newsletter. If you've ever got any comments or links you want to share, just hit reply. — Chris Brandrick Front-End Performance Checklist 2020 — This superb, detailed, front-end performance checklist has been updated once again for 2020 — it’s filled with everything you need to consider for creating fast web experiences. Available as a PDF or as an Apple Pages/MS Word document. Smashing Magazine Firefox 72 — Our First Song of 2020 — Version 72 of Firefox is out now, introducing various DevTools improvements, support for CSS features such as the motion path spec, and a number of JavaScript and WebAPI updates. Chris Mills (Mozilla) New: Our 'Most Loved' JavaScript Course 🧡 Gets Updated — Take your JavaScript to the next level. Gain an understanding of callbacks, higher order functions, closure, asynchronous and object-oriented JavaScript. Frontend Masters sponsor Relearn CSS Layout with 'Every Layout' — A growing resource to help you learn (or relearn) CSS layout, using simple components (primitives) and a compositional approach. More layouts have been added since the last time we posted it. Heydon Pickering & Andy Bell ▶  Why Are There Four Firefoxes? — Jen Simmons runs through the differences between the regular, Beta, Nightly and Developer versions of Mozilla’s browser, and explains how they can offer devs an insight into what features are coming down the line. Mozilla Developer Understanding CSS Grid: Creating A Grid Container — A new series breaking down the CSS Grid Layout spec. This first entry is a detailed look at what happens when you create a grid container and the various properties that can be applied to the container to shape your grid. Rachel Andrew Microbrowsers Are Everywhere — Gets into the minutia of microbrowsers - the small previews of your site that are pervasive all around the web, search and through social media apps (like a link preview in a messaging app), and how best to treat them. Colin Bendell 💻 Jobs Full-Stack or Front-End Engineer - Rails/React (Remote/NYC) — Got 2+ years experience? Come help build the next iteration of our growing digital recovery platform centered around providing alcohol abuse treatment. Tempest Frontend Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers. X-Team Find a Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers. Vettery 📙 Articles, Tutorials & Opinion Raw WebGL: An Illustrated Guide to Starting with WebGL — A well presented tutorial on getting started with WebGL, what key data structures you need, and what each of the main elements (of which there are quite a few when it comes to WebGL!) are and do. Alain Galvan Multi-Line Ellipsis Is Now Possible in CSS — You can now make use of the -webkit-line-clamp property in most browsers. Josh Comeau on Twitter Google Chrome to Hide Notification Spam Starting February — Chrome 80, scheduled for release next month, will block notification popups by default. Catalin Cimpanu Right-to-Left Styling 101 — Over 290 million people worldwide speak Arabic. Here’s an extensive guide on just how you can build your sites to support both left-to-right and right-to-left reading styles in CSS. Ahmad Shadeed First Online Mentored Software Bootcamp w/ Job Guarantee — Get a job or your money back with Springboard's online bootcamp. Extend your knowledge with 1:1 mentorship and career coaching. Springboard (Software Engineering Career Track) sponsor How to Create Printer-Friendly Pages with CSS — We’ve linked to this before, but it’s been updated for 2020 with the latest best practices. Craig Buckler Chrome to Show Error Codes, Similar to Windows BSOD Screens — The codes (currently being tested in Chrome v81) are intended to make debugging crashes easier. Catalin Cimpanu Getting Started with Web Performance — If you’re looking to explore how to go about tightening up your sites performance for the new year, this is a good place to start for grasping the basics. Karolina Szczur beginner Self-Hosting Third-Party Resources: The Good, The Bad and The Ugly Anthony Barré Adding Dynamic And Async Functionality To JAMstack Sites Jason Lengstorf Take the DevEconomics Survey, Share Your Views and Win Amazing Prizes & Gear Developer Economics Survey sponsor Using Easing for More Than Just CSS Transitions Kilian Valkhof Seven Chrome APIs You Should Know Chidume Nnamdi 🔧 Code, Tools and Resources VoxelSpace: A Terrain Rendering Algorithm — A performant, lightweight (less than 20 lines of code) terrain rendering algorithm that fans of 90s flight sim Comanche will no doubt get a kick out of. Demo here. Sebastian Macke A-Frame 1.0 Released: Framework for Building VR Experiences — A-Frame handles the 3D and WebVR boilerplate required to get running across numerous platforms quickly. Version 1 boasts full WebXR support. A-Frame Team Optimizilla: Online Image Сompressor — This tool claims to be the “ultimate image optimizer” for compressing JPEG and PNG images down to their minimum possible size. Optimizilla CSS Diner — This is a neat little browser based game that teaches you what you need to know about CSS Selectors. Luke Pacholski

by via Frontend Focus