tech/webdev magazine

January 31, 2021

Bash Process Termination Hacks

Sunday, January 31, 2021 Teklinks No comments

When developing multi-threaded Bash code, managing server processes, or creating process watchdogs, one of the main challenge is usually to correctly, efficiently and accurately terminate existing Bash processes. This article will show you how.

Full article

Scaling Applications Using Micro-Frontends

Sunday, January 31, 2021 Teklinks No comments

Prasanna Venkatesan is a Lead Consultant with ThoughtWorks, and an Archimydes fellow. He is a full-stack web developer with experience in building and leading development teams that build high-performance enterprise solutions for some of the world's leading organizations and brands.

Full article

January 30, 2021

Rebasing Merges With Git

Saturday, January 30, 2021 Teklinks No comments

Few weeks ago we talked about Git Rebase. We saw how we could use it to manipulate the history of branches. By default, rebasing would flatten all merge commits making the history linear. In today’s post we will see how we can rebase while keeping merge commits.

Full article

What Are Multi-Stage Docker Builds?

Saturday, January 30, 2021 Teklinks No comments

Multi-stage Docker builds let you write Dockerfiles with multiple FROM statements. This means you can create images which derive from several bases, which can help cut the size of your final build. Docker images are created by selecting a base image using the FROM statement.

Full article

January 28, 2021

January 27, 2021

Making Remote Work Work: Useful Tools And Resources

Wednesday, January 27, 2021 Teklinks No comments

Remote work brings along entirely different challenges than working from an office. Maybe your internet connection is rather slow? Maybe it’s too quiet around you to focus? Or too loud for a virtual client meeting? A lot of things influence the way we work. But it’s not only the environment around us and the technical equipment, remote work also means that you might need to rethink your and your team’s workflow.

Full article

JavaScript Wake Lock API

Wednesday, January 27, 2021 Teklinks No comments

An enjoyable web apps rely on engineers implementing the APIs that cover all of the small things. Those small things sometimes improve performance, usability, accessibility, and the app's relationship with its host system.

Full article

January 25, 2021

E-Commerce in 25 days

Monday, January 25, 2021 Teklinks No comments

Welcome to the start of a great journey! We are going to learn so much! We will start off with some React basics, then learn about static site generation with Next, dabble with hosting and serverless functions on Netlify, and charging a customer for our products with Stripe!

Full article

Difference Between Working Tree And Index In Git

Monday, January 25, 2021 Teklinks No comments

In few of our previous posts, we referred to the HEAD, working tree and index when dealing with Git. In today’s post we will look at what those mean with example. In Git HEAD is known as a reference or “refs”. References are stored under the /.git folder and HEAD is under /,git/HEAD.

Full article

January 24, 2021

What’s the technology behind a five-minute charge battery?

Sunday, January 24, 2021 Teklinks No comments

Building a better battery requires dealing with problems in materials science, chemistry, and manufacturing. We do regular coverage of work going on in the former two categories, but we get a fair number of complaints about our inability to handle the third: figuring out how companies manage to take solutions to the science and convert them into usable products.

Full article

Tail-kit : 200+ free Tailwind components / templates

Sunday, January 24, 2021 Teklinks No comments

I'm Charlie, a french JS developer 🇫🇷 I just release a free and open source project, tail-kit. It's a kit of components and templates fully coded with tailwind css 2.0 ready to copy paste. Tail-kit include a live code editor, you can change the components or templates code and see in live your modifications.

Full article

January 23, 2021

How We Improved SmashingMag Performance

Saturday, January 23, 2021 Teklinks No comments

In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board.

Full article

January 21, 2021

January 17, 2021

Web Vitals Optimizations: Advanced Dynamic Import Patterns

Sunday, January 17, 2021 Teklinks No comments

Web performance is a crucial part of the user experience of our web application. It has a direct impact on the conversion rate. Walmart found that for every 1-second improvement in page load time, conversions increased by 2% (see source). And if that's not enough, search engines favor fast websites.

Full article

January 15, 2021

Front-end predictions for 2021

Friday, January 15, 2021 Teklinks No comments

If 2020 has proven anything, it’s that predicting the future is a mug’s game. With that said, here are my predictions for where front-end development is heading over the next 12 months 🙄

Full article

January 14, 2021

How to Get Started With Portainer, a Web UI for Docker

Thursday, January 14, 2021 Teklinks No comments

Portainer is a popular Docker UI that helps you visualise your containers, images, volumes and networks. Portainer helps you take control of the Docker resources on your machine, avoiding lengthy terminal commands. Portainer recently reached version 2.0 which added support for Kubernetes clusters.

Full article

No Meetings, No Deadlines, No Full-Time Employees

Thursday, January 14, 2021 Teklinks No comments

I started Gumroad in 2011. In 2015, we reached a peak of 23 full-time employees. In 2016, after failing to raise more money, I ended up back where I began: a one-person company. Today, when I’m asked how many people work at Gumroad, I respond with “ten or so.

Full article

January 13, 2021

Front-End Performance Checklist 2021

Wednesday, January 13, 2021 Teklinks No comments

Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what exactly our performance bottlenecks are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers?

Full article

How To Decouple Data from UI in React

Wednesday, January 13, 2021 Teklinks No comments

In Part 1, I presented an approach to decouple the data fetching/management layer from a React component that renders some UI based on the data, which would free us from being locked into any particular data library or framework. Let’s call this Approach A.

Full article

January 10, 2021

How to Create Luck

Sunday, January 10, 2021 Teklinks No comments

My entire worldview changed when I realized that luck can be created. More precisely, you can actively create optimal conditions for lucky things to happen to you. The more I looked into this, the more I realized that this is not only not a new insight, but successful people have studied this for decades and I am just late to the party. In this post we'll briefly review the "Literature of Luck", and then I'll end with some personal thoughts on how it could be extended.

Full article

Building a JavaScript Monorepo with Lerna

Sunday, January 10, 2021 Teklinks No comments

JavaScript nowadays is almost everywhere: on the backend, frontend, desktop, mobile, tooling, etc. If your project consists of multiple JavaScript repositories, now, it’s much better to move them into a single/mono repository and control them using Lerna.

Full article

Designing a URL Shortener in Deno

Sunday, January 10, 2021 Teklinks No comments

In this article, we’re going to learn the basics of Deno, like how to run a program and embrace security. If you need help with anything JS, feel free to reach out through Superpeer (a video-chat platform) or Twitter. Deno is the new JavaScript and TypeScript runtime written in Rust.

Full article

January 8, 2021

Make Your Own Tools

Friday, January 08, 2021 Teklinks No comments

Shows current branch and CI status Fills out forms, performs user actions, switches between users Highlights components Building your own custom stylesheets Building a UI query generator Building your own CLIs (I’m reminded of Mina Markham’s dotfiles) Building your own proxies

Full article

Reducing JavaScript Bundle Size

Friday, January 08, 2021 Teklinks No comments

Welcome to part one of a series focused on reducing JavaScript bundle size. With the emergence of frameworks like AngularJS around 2011 and the popularization of Single Page Apps, usage of JavaScript has exploded on the front end. The average web app is over three times larger than in 2010 alone.

Full article

The Ten Most Starred Github Repositories

Friday, January 08, 2021 Teklinks No comments

As we know, GitHub is a collaborative platform for developers, it lets us work together and contribute to the community as well. It also allows us to make repositories, commits, branches, and pull requests. With such great community contribution comes the problem to find the most helpful repos.

Full article

January 5, 2021

Webpack 4 Tutorial: from 0 Conf to Production Mode

Tuesday, January 05, 2021 Teklinks No comments

Today CLI tools as create-react-app or Vue cli abstract away most of the configuration, and provide sane defaults. Even then, understanding how things work under the hood is beneficial because sooner or later you'll need to make some adjustment to the defaults. In this guide we'll see what webpack can do, and how to configure it to suit your needs.

Full article

JavaScript Performance in the Wild 2020

Tuesday, January 05, 2021 Teklinks No comments

We rendered the top 1 million pages on the web, tracking every conceivable performance metric, logging every error, noting every requested URL. To our knowledge this produces the first dataset that connects performance, errors, and library use on the web.

Full article

State of the Metaverse 2021

Tuesday, January 05, 2021 Teklinks No comments

Welcome to the metaverse. In this article, we’ll discuss what the metaverse is, why it’s important, some of the current trends, and what we might expect for metaverse development in 2021.

Full article

January 3, 2021

JavaScript Utility Libraries

Sunday, January 03, 2021 Teklinks No comments

With ECMAScript 2020 available, external libraries are not necessary for functional programming (FP) — specifically currying and composition. The two main libraries for this kind of work have been Ramda and Lodash FP.

Full article

January 2, 2021

Creativity In A World Of Technology: Does It Exist?

Saturday, January 02, 2021 Teklinks No comments

This article investigates the intricate dynamics associated with the relationship between creativity and technology and discussing whether or not creativity still exists. We will explore what creativity looks like and who (or what) is it now coming from. Ultimately, if creativity is truly being impacted by technology, is there a way to find the balance between the human and the digital?

Full article