In defense of the modern web

"I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over; React users; the old guard with their arti"

read »

Second-guessing the modern web

"The emerging norm for web development is to build a React single-page application, with server rendering. The two key elements of this architecture are something like: This idea has really swept the internet."

read »

Avoiding Memory Leaks in NodeJS: Best Practices for Performance

"Memory leaks are something every developer has to eventually face. They are common in most languages, even if the language automatically manages memory for you. Memory leaks can result in problems such as application slowdowns, crashes, high latency, and so on."

read »

CSS for internationalisation

"I’ve come across people who do not think that CSS is related to internationalisation at all, but if you think about it, internationalisation is more than translating the content on your site into multiple languages and calling it a day."

read »

env()

"The env() CSS function can be used to insert the value of a user agent-defined environment variable into your CSS, in a similar fashion to the var() function and custom properties."

read »

Cloud Design Patterns

"These design patterns are useful for building reliable, scalable, secure applications in the cloud. Each pattern describes the problem that the pattern addresses, considerations for applying the pattern, and an example based on Microsoft Azure."

read »

Strangler pattern

"Incrementally migrate a legacy system by gradually replacing specific pieces of functionality with new applications and services."

read »

Error when pulling warning: suboptimal pack - out of memory

"warning: suboptimal pack - out of memory Compressing objects: 100% (10955/10955), done. fatal: Out of memory, malloc failed (tried to allocate 827101023 bytes) error: failed to run repack How would I go about fixing this?"

read »

Monitor your web page's total memory usage with performance.measureMemory()

"Learn how to measure memory usage of your web page in production to detect regressions. Browsers manage the memory of web pages automatically. Whenever a web page creates an object, the browser allocates a chunk of memory "under the hood" to store the object."

read »

Understanding (all) JavaScript module formats and tools

"JavaScript language was initially invented for simple form manipulation, with no built-in features like module or namespace. In years, tons of terms, patterns, libraries, syntax, and tools are invented to modularize JavaScript."

read »

Cross-Origin Resource Sharing (CORS)

"Cross-Origin Resource Sharing (CORS) is a mechanism that uses additional HTTP headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin."

read »

Same-origin policy

"The same-origin policy is a critical security mechanism that restricts how a document or script loaded from one origin can interact with a resource from another origin. It helps to isolate potentially malicious documents, reducing possible attack vectors."

read »

How to Debug using Xdebug and PHPStorm from a Remote Server

"I know what you’re thinking. Who in their right mind would want to develop using a remote server when you have Docker and all that other useful stuff? But, trust me, if you come into this unfortunate situation, you’ll be sending me all your love (or a beer, which is almost the same thing)."

read »

Please stop recommending Git Flow!

"Git-flow is a branching and merging methodology popularized by this blog post, entitled “A Successful Git branching model”. In the last ten years, countless teams have been snookered by the headline and dare I say lied to."

read »

Paging

"In computer operating systems, paging is a memory management scheme by which a computer stores and retrieves data from secondary storage[a] for use in main memory.[1] In this scheme, the operating system retrieves data from secondary storage in same-size blocks called pages."

read »

How to Protect Against Slow HTTP Attacks

"Slow HTTP attacks are denial-of-service (DoS) attacks in which the attacker sends HTTP requests in pieces slowly, one at a time to a Web server. If an HTTP request is not complete, or if the transfer rate is very low, the server keeps its resources busy waiting for the rest of the data."

read »

CppCon 2014: Chandler Carruth "Efficiency with Algorithms, Performance with Data Structures"

"Why do you write C++ code? There is a good chance it is in part because of concerns about the performance of your software. Whether they stem from needing to run on every smaller mobile devices, squeezing the last few effects into video game, or because every watt of power in your data center costs too much, C++ programmers throughout the industry have an insatiable desire for writing high performance code."
read »

.bash_profile vs .bashrc

"When working with Linux, Unix, and Mac OS X, I always forget which bash config file to edit when I want to set my PATH and other environmental variables for my shell. Should you edit .bash_profile or .bashrc in your home directory?"

read »

Remove/Delete all duplicate lines

"There are a lot of ways to remove duplicate lines, but I want to leave only the unique lines, and delete all duplicated lines. There are thousands of lines I need to remove, and the unique lines are just 10-20 mixed with all those duplicate lines."

read »

Dark Isn’t Just a Mode

"In my last column, I wrote about dark patterns, but this time I want to discuss something that is literally rather than metaphorically dark: inverted polarity–display methods, or dark mode. But, for many UX designers, dark mode is a new thing because operating systems are now supporting it."

read »