tech/webdev magazine

September 28, 2018

September 27, 2018

A Minimal JavaScript Setup

Thursday, September 27, 2018 Teklinks No comments

Some people prefer to write JavaScript with React. For others, it’s Vue or jQuery. For others still, it is their own set of tools or a completely blank document. Some setups are minimal, some allow you to get things done quickly, and some are crazy powerful, allowing you to build complex and maintainable applications. Every setup has advantages and disadvantages, but positives usually outweigh negatives when it comes to popular frameworks verified and vetted by an active community.

Full article

Mmm... Pi-hole...

Thursday, September 27, 2018 Teklinks No comments

I have a love-hate relationship with ad blockers. On the one hand, I despise the obnoxious ads that are forced down our throats at what seems like every turn. On the other hand, I appreciate the need for publishers to earn a living so that I can consume their hard-earned work for free.

Full article

September 26, 2018

How to integrate Prettier with ESLint and stylelint

Wednesday, September 26, 2018 Teklinks No comments

ESLint and stylelint are really amazing tools that allow you to enforce coding patterns among your teams. This has many benefits, like outputting better and more consistent code, getting rid of useless diffs in commits (newline, indentation, et al.) among many others.

Full article

September 25, 2018

Essential React Libraries in 2018

Tuesday, September 25, 2018 Teklinks No comments

React.js is only a view-layer library. Thus React only enables you to build component driven user interfaces. It comes with a couple of built-in solutions though, for instance local state management and syntactic events to make interactions happen, but after all you are only dealing with a view-layer library.

Full article

What is Modular CSS?

Tuesday, September 25, 2018 Teklinks No comments

Modular CSS is a collection of principles for writing code that is performant and maintainable at scale. It originated with developers at Yahoo and Yandex as a way to address the challenges of maintaining a large codebase.

Full article

Demystifying The Service Worker Lifecycle

Tuesday, September 25, 2018 Teklinks No comments

In an earlier article of mine, I talked about 4 essential things every PWA must have, which service worker happens to be part of. Service worker plays a very vital role when it's comes to Progressive Web Apps (PWA), as it is responsible for offline caching, push notifications, background sync etc.

Full article

September 23, 2018

Idle Until Urgent — Philip Walton

Sunday, September 23, 2018 Teklinks No comments

A few weeks ago I was looking at some of the performance metrics for my site. Specifically, I wanted to see how I was doing on our newest metric, first input delay (FID). My site is just a blog (and doesn’t run much JavaScript), so I expected to see pretty good results.

Full article

How to organize your git branches

Sunday, September 23, 2018 Teklinks No comments

I remember implementing git in my team. I think it was more than 6 years ago. At that time, A successful git branching model by Vincent Driessen was required reading if you wanted to learn how to work with git effectively. Since then, I've been following the "Git Flow" style.

Full article

September 22, 2018

Build Your First App with React's Context API

Saturday, September 22, 2018 Teklinks No comments

One of React's latest features is the Context API. Up until now, Context within React has been somewhat experimental, but still used in quite a few popular libraries, like Redux and React Router. There are plenty of ways to avoid using Context, but sometimes it can be really useful.

Full article

Building A PWA Using Angular 6

Saturday, September 22, 2018 Teklinks No comments

Upgrade your inbox and get our editors’ picks twice a month. Throughout this tutorial, we’ll be using Angular 6 to build a Progressive Web Application, step by step, implementing the core tenets of PWAs using Angular CLI v6.

Full article

September 21, 2018

JavaScript Essentials: Arrays

Friday, September 21, 2018 Teklinks No comments

Essentials is a series that covers the most used and important methods for X topic. It’s a series for developers who know another language or someone who wants a quick start. In this post we cover Arrays. It’s suggested that you know about Arrow Functions and Ternary expressions before reading.

Full article

September 20, 2018

September 18, 2018

Keep your code clean forever

Tuesday, September 18, 2018 Teklinks No comments

… because formatting your code manually in 2018 is already passé. You could still do it, but why? ;) Machine will be quicker and better at it. In addition, setting up all of it for your whole codebase will take you just about 5 to 15 minutes. Why not give it a try?

Full article

JavaScript Beginners: Friendly Intro & Exercises

Tuesday, September 18, 2018 Teklinks No comments

“Baby steps, & lots of practice.” That is the most common answer I hear to the How can I learn JavaScript? question. Because let’s face it: For JS beginners, the towering ecosystem that is JavaScript can be quite intimidating. At Snipcart, we have many users who aren’t JS experts—and that’s just fine. We often try to guide them towards a better understanding and best practices. Following the count your keystrokes principle, I decided to create an evergreen resource I could later point to!

Full article

September 17, 2018

(Deliberate) practice makes perfect: how to become an expert in anything

Monday, September 17, 2018 Teklinks No comments

The human race is out-doing itself. We’re faster, smarter, stronger, more emotionally-intelligent and artistically-gifted than ever before. Take a look at any profession in the world today. From music to maths to track running, the previously-impossible is being achieved every day. Where does this continuous, steep upswing in the standards of excellence come from?

Full article

September 16, 2018

Intro to The 8-Point Grid System

Sunday, September 16, 2018 Teklinks No comments

As a designer you’ve probably heard the term grid whether you’re designing a website, a magazine, or a mobile app. We have grids for all sorts of content arrangements. We use column grids to align content horizontally. Baseline grids to vertically align bodies of text.

Full article

September 13, 2018

September 12, 2018

Render Caching for React

Wednesday, September 12, 2018 Teklinks No comments

Server Side Rendering (SSR) is a very useful technique that makes web apps appear faster. The initial HTML is displayed before the JavaScript is parsed and, while the user is deciding what to tap on, our handlers are ready.

Full article

Goodbye Redux

Wednesday, September 12, 2018 Teklinks No comments

For the last few years, internet technologies have been shifting towards front-end JavaScript frameworks as a method of building better user experiences for web and mobile applications. This is awesome ? I personally love the flexibility that these frameworks give us.

Full article

Design with Difficult Data

Wednesday, September 12, 2018 Teklinks No comments

You’ve been asked to design a profile screen for a mobile or web app. It will need to include an avatar, a name, a job title, and a location. You fire up Sketch or Figma. Maybe you pull out your drafting pencil or head straight to markup and CSS.

Full article

September 11, 2018

A brief guide to using WebpageTest

Tuesday, September 11, 2018 Teklinks No comments

The "Easy Mode" test run gives you a summary and three test runs. The summary looks a bit like this: The metric that jumps out the most is the one I didn't mention: "Load Time". The "Load Time" is an paltry 5.8 seconds. However, it does not tell the whole story.

Full article

Removing jQuery from GitHub.com frontend

Tuesday, September 11, 2018 Teklinks No comments

We have recently completed a milestone where we were able to drop jQuery as a dependency of the frontend code for GitHub.com. This marks the end of a gradual, years-long transition of increasingly decoupling from jQuery until we were able to completely remove the library.

Full article

September 10, 2018

Build a Project Management Tool with Vue.js, Node.js and Apollo — Part 1

Monday, September 10, 2018 Teklinks No comments

Recently, I created a project management tool called enamel. It’s now used by my employer, and hopefully I can sell it to more customers. Teaching how to build my own product sounds a bit weird. By the end of the tutorial, you will know how to build my product and so you can become my competitor.

Full article

September 7, 2018

Progressive Web-First Apps

Friday, September 07, 2018 Teklinks No comments

You have a cool idea, and you don’t think “there is an app for that” yet. The path is clear, right? Build an iOS app, because the VC you are pitching has one in their pocket, and you want high ARPU customers.

Full article

September 6, 2018

33 Google Maps Tricks You Need to Try

Thursday, September 06, 2018 Teklinks No comments

Google Maps has changed the way we navigate the world. Its desktop and mobile apps have become not just a way to get from point A to B via car, public transportation, or on foot. The ubiquitous Google service is also a geospatial search engine for the world around us.

Full article