tech/webdev magazine

December 31, 2018

Creating Layouts with CSS Grid

Monday, December 31, 2018 Teklinks

The following introduction to CSS Grid is an extract from Tiffany’s book, CSS Master, 2nd Edition. CSS Grid is a relatively recent layout specification, shipping in most browsers as of October 2017.

Full article

December 30, 2018

Handling broken images with the service worker

Sunday, December 30, 2018 Teklinks

A few years ago, I wrote about how we can use css to style broken images. The technique leveraged on the fact that any styling to the ::before or ::after pseudo-elements on the element will only be applied if the image doesn’t load.

Full article

How to Worry About npm Package Weight

Sunday, December 30, 2018 Teklinks

It's all too easy to go crazy with the imports and end up with megabytes upon megabytes of JavaScript. It can be a problem as that weight burdens each and every visitor from our site, very possibly delaying or stopping them from doing what they came to do on the site. Bad for them, worse for you.

Full article

December 27, 2018

Git aliases for lazy developers

Thursday, December 27, 2018 Teklinks

I prefer to interface with git via the command line, at least for the simple commands. However, I’m a bit lazy, and don’t like having to repeatedly type out the same long commands multiple times a day.

Full article

Write React Faster w/ Simple React Snippets

Thursday, December 27, 2018 Teklinks

I'm a big fan of speeding up every part of your development. If you shave off seconds here and there multiple times a day, you'll save a ton of time over the course of a year. This involves using the keyboard as often as possible and reaching for the mouse as little as possible.

Full article

Data Structures in JavaScript — Part 1

Thursday, December 27, 2018 Teklinks

Data Structures and Algorithms! If you have studied computer science in your school/college days then you will probably know that these two are the fundamental concepts of almost every programming language. I myself did not learn to programme in the traditional method.

Full article

December 26, 2018

The top 12 React links of 2018

Wednesday, December 26, 2018 Teklinks

Each week over 25,000 React developers stay up-to-date with all best links, tutorials and tools from across the web in React Status — a free weekly digest bringing together the best of the past 7 days from across the React ecosystem.

Full article

The 9 big design trends of 2019

Wednesday, December 26, 2018 Teklinks

Everyone is overworked and unhappy. Digital platforms have sucked the last of our attention and sanity. If you read the headlines in 2018, you’d have every reason to feel pessimistic about the future. But the design experts we talked to–from companies such as Microsoft, Google, Ideo, and Forrester–offer a glimmer of hope.

Full article

December 23, 2018

GitHub pull request analysis using SonarQube

Sunday, December 23, 2018 Teklinks

SonarQube provides Github plugin using which it can publish inline comments in git pull request for issues found in the modified/new codes of the pull request. So you do not have to manually review Github pull request and add comments, SonarQube will do it for you.

Full article

December 21, 2018

Unit Testing Guidelines: What to Test and What Not to Test

Friday, December 21, 2018 Teklinks

During the years of consulting, many people asked me to help them get started with writing unit tests. During the process, one question always pop up: " What should I test and what not to test?" Here, I will try to give you some tips and tricks for unit testing.

Full article

December 19, 2018

A New Hope

Wednesday, December 19, 2018 Teklinks

We’re currently living in a prison of centralized control. This prison enables privileged access for a few at the expense of the rest. But technology has the potential to change that.

Full article

High-performance array transformations

Wednesday, December 19, 2018 Teklinks

The cover picture is fitting as we are going to talk about a healthy diet of array transformation methods, and how to best digest large arrays. There’s also a bit of pasta in there, which is perfect, because I’ll show you how to avoid optimizing using spaghetti code.

Full article

December 18, 2018

Container Components with Angular

Tuesday, December 18, 2018 Teklinks

With the Model-View-Presenter design pattern it is easy to use any application state management library or pattern whether its a redux-like state container like the NgRx Store or simply plain old services as in the “Tour of Heroes” Angular tutorial.

Full article

How to Setup, Build and Deploy Native Apps with Vue

Tuesday, December 18, 2018 Teklinks

Vue-Native is a framework written by GeekyAnts, it is a framework built to deliver cross platform mobile native applications. It is inspired by the React-native API, hence it gives a developer the ability to build cross platform applications in Vue.js using React Native’s robust system.

Full article

December 16, 2018

CI/CD With Containers

Sunday, December 16, 2018 Teklinks

Build jobs are the way you define automated tasks that your CI/CD platforms execute. For this Refcard, we’ll use Oracle Developer Cloud Service as an example, which provides a CI/CD engine that orchestrates and executes these build jobs.

Full article

A Recap of Frontend Development in 2018

Sunday, December 16, 2018 Teklinks

The world of frontend development moves fast. Very fast. This article will recap the most important frontend news, notable events, and trends in JavaScript for 2018. WebAssembly is often regarded as the future of the web.

Full article

How Docker Changed Software Engineering

Sunday, December 16, 2018 Teklinks

10 years back it was Git that transformed the way software engineers worked. Half a decade back it was Docker that brought the container to the masses. Before Docker, the container was like a sacred secret in companies like Google and Heroku. Docker is a software and a company too.

Full article

December 14, 2018

The State of Web Browsers

Friday, December 14, 2018 Teklinks

Microsoft has confirmed the rumor to be true. We now have one less browser engine, and a last man standing (Firefox) in deep trouble (reasons below). If you agree that this sucks, install Firefox. Also on mobile. Here’s instructions on how to switch from Chrome.

Full article

How to install Lakka on Raspberry Pi

Friday, December 14, 2018 Teklinks

Lakka is an open-source gaming console operating system that is based on the Linux kernel. It uses open source libraries and tools to deliver users an easy to use, quick to set up emulation gaming platform.

Full article

December 12, 2018

How to Use Storybook in a React Project

Wednesday, December 12, 2018 Teklinks

Creating and maintaining a robust library of components can quickly become a tiring task. On my current project, using Storybook became a great way to make sure our components were reusable and to detect bugs faster. I will describe in this article how we integrated Storybook in our workflow.

Full article

Code Quality with SonarQube

Wednesday, December 12, 2018 Teklinks

Source code quality analysis is an essential part of the Continuous Integration process. Together with automated tests it is the key element to deliver reliable software without many bugs, security vulnerabilities or performance leaks.

Full article

December 11, 2018

IntelliCode for TypeScript/JavaScript

Tuesday, December 11, 2018 Teklinks

IntelliCode augments your IntelliSense by recommending commonly used completion items for your current context at the top of your list. These contextual recommendations are generated by common practices learned from having IntelliCode train across thousands of real-world projects.

Full article

December 10, 2018

Use React.lazy and Suspense to Code-Split Your App

Monday, December 10, 2018 Teklinks

The marquee feature of React 16.6.0 was the introduction of React.lazy, a built in way to do code-splitting with React. In all honesty I was hoping to have had this article written about two weeks ago, but in an entirely ironic and unintentional sequence of events that didn't happen because I got lazy.

Full article

December 7, 2018

The Coming Software Apocalypse

Friday, December 07, 2018 Teklinks

There were six hours during the night of April 10, 2014, when the entire population of Washington State had no 911 service. People who called for help got a busy signal. One Seattle woman dialed 911…

Full article

December 6, 2018

The Top JavaScript Trends to Watch in 2018

Thursday, December 06, 2018 Teklinks

If you've been living under a rock or buried in projects throughout 2017, this is the article for you. You can also use this as a guide to plan out your growth as a developer in 2018 to help you get on more innovative projects.

Full article

December 5, 2018

Modern Frontend Developer in 2018

Wednesday, December 05, 2018 Teklinks

Before we begin with this post, just to give you an idea about me and about this roadmap; I have been doing the Fullstack Development for the past 5 years and currently working as a lead engineer at tajawal where I have to wear many different hats.

Full article

December 3, 2018

Tools for Developers

Monday, December 03, 2018 Teklinks

I discovered some tools which you may find interesting. Here is the list. Postal is a open source and fully featured mail server for use by websites & web servers.

Full article

Testing Your Frontend with Cypress.io Framework

Monday, December 03, 2018 Teklinks

In a rush? Skip to Cypress tutorial. Modern JavaScript frameworks present an easier and more organized way to create web applications. However, they also add complexity that sometimes breaks things in a subtle yet impactful way.

Full article