Thursday, September 26, 2024

Cooling Seas

›
Sunday, November 13, 2022

Stable Treemaps

›
Thinking of implementing a stable tree map algorithm as per Sonda, Speckmann, and Verbeek in this article . What this is saying is whe...
Saturday, November 12, 2022

Cypress

›
Cypress is a test automation framework for testing Web Applications. It is implemented in Javascript and part of the framework runs insid...
Saturday, August 13, 2022

How JSX Gets Compiled to Javascript

›
With JSX, the compiler turns each tag into a function call, so a <div> tag becomes something like a call to createElement() that c...
Thursday, August 11, 2022

Using Inline Styles with React

›
Today I was adding an inline style to a React element and tried to set it from a string like this: <div style={"background-image: ur...

MongoDB

›
If you are deploying MongoDB on your own servers you need to ensure high availability and data protection. That means you need to run ...
Sunday, July 31, 2022

2 Years of My Life Truncated, Then Recovered

›
I had started recording data about my daily activities (workouts, etc) a few years ago. At first, I didn't think of it as anything se...
Saturday, July 09, 2022

Diagonal Menu

›
A sailboat cannot sail directly into the eye of the wind, but can sail to within 45 degrees of the wind or closer when close-hauled. If...
Monday, July 04, 2022

Symbolic Links

›
Symbolic links are a useful feature of many disk file systems. They let you make a directory of content or an individual file appear i...
Saturday, June 25, 2022

JS Map, Join Methods & The Spread Operator

›
The Javascript Array map method takes each element of an array and maps it to a new value. The mapping is done by the callback function ...
Sunday, June 19, 2022

Relocating a Site to a New Server

›
I have a Linode server that I've been wanting to shut down for a long time. In preparation of that, yesterday, I copied the database...
Tuesday, June 14, 2022

Updating NodeJS

›
Listing NodeJS versions: nvm list I chose the latest version for my upgrade: nvm install v16.15.1 To start using this version of No...
Friday, June 10, 2022

Destructuring Object Exports in NodeJS

›
Friday, April 01, 2022

Empty Array, truthy or falsey?

›
I had to switch from this: return (matching_r) ? matching_r : -1; to this: return (matching_r.length) ? matching_r : -1; to cover the ...
Saturday, March 26, 2022

Routing in Express

›
“ Routing refers to determining how an application responds to a client request to a particular endpoint, which is a URI (or path) and a ...
Thursday, March 24, 2022

/routes

›
It's expected that all routes will be implemented under the /routes directory rather than directly in app.js. Use of /routes director...
Wednesday, March 16, 2022

NodeJS

›
NODE MODULES FILE-BASED: Node modules that we write CORE: modules that are built into Node, such as access to the filesystem...
Tuesday, March 15, 2022

mime-type

›
It's how your server lets the browser know what type of file is being sent to it. Content-type is the header but the value that you set...

Restarting Node on DO

›
If you shutdown your droplet (e.g. using “shutdown now”), then you’d need to bring it back up via the control panel. Doing a shutdown is li...

Parsing the POST Message

›
urlencoded is inserted into app.js by Express Generator which parses the body of the POST message. On the request object (req), it'll a...
Monday, March 14, 2022

Resolving localhost to an IP Address

›
When you type "localhost" into the browser, it calls the operating system to resolve that name to an IP address and the ...

TCP Connections & Port Numbers

›
To uniquely identify a TCP connection, you need 4 things: Destination IP Address, destination Port Number, source IP Address, and source Por...
Monday, February 14, 2022

var vs. let

›
If you declare a variable using let within a block, then it's locally scoped to that block ( see note ). For example, everytime yo...
Tuesday, January 04, 2022

New Year

›
Thursday, September 30, 2021

LTI: Learning Tools Interoperability

›
A few years back, as I was reading about Canvas and other LMS platforms, I stumbled upon the Learning Tools Interoperability (LTI) standard...
Friday, August 06, 2021

Closure Rules

›
Three rules for a closure to be created: A function is defined within an outer function. The outer function has variables and/or ...
Tuesday, August 03, 2021

Syntax Highlighting

›
I decided to use highlight js for syntax highlighting. For theme, I'm using the Stack Overflow light theme. Here's what I had to i...
Sunday, August 01, 2021

Javascript Promises

›
Javascript Promises are useful when you have some asychronous operation (e.g. talking to a backend server, waiting for some time interval ...

Javascript Assignment by Reference

›
If you have an array variable, say 'a', and you peform an assignment b=a; Javascript does not make a copy of the array. There is ...
Friday, July 30, 2021

Call, Apply and Bind in Javascript

›
In Javascript call(), apply(), and bind() are all methods of Function objects. A Function object is automatically created for you when yo...
Saturday, June 20, 2020

Atomic Habits

›
"With our bad habits, the immediate outcome usually feels good, but the ultimate outcome feels bad. With good habits, it is the revers...
Friday, June 19, 2020

Markdown Syntax

›
## Apps _**app_mvcs:**_ ## is a heading underlined with a thin line. It looks good. To italicize, bookend the string with the undersco...
Tuesday, June 16, 2020

Updating SSL Certificate

›
Setting up SSL Certificates used to be a painful process. No more. LetsEncrypt provides FREE SSL certs and an easy way to install and ren...
Saturday, May 23, 2020

Deploying Angular Express Application

›
Question For an application with an Angular front-end and Node/Express back-end, should the Express application serve the Angular files, o...
Monday, May 11, 2020

Return Statement

›
If a function does not return a value, it will return undefined unless it's a constructor function.
Wednesday, May 06, 2020

Quick HTML

›
I keep forgetting this. To get the boiler plate HTML code, exclamation mark and then the tab key.
Thursday, January 03, 2019

Learning Flexbox

›
Flexbox Froggy is a game that helps you gain practice with flexbox properties. It's a fun game that you should try! justify-content ...
Thursday, December 27, 2018

Winter

›
Door County by Matthew Juzenas , CC-BY-SA 2.0
Wednesday, December 26, 2018

Browser Market Shares in 2018

›
14% 6.6% 64% 7.3% Safari Firefox Chrome IE & Edge 100 75 50 25 0 Browser Market Share
Sunday, January 07, 2018

Adding a New Property to an Object

›
In Javascript, you can add new properties to an object using dot notation or square bracket notation. var myObject = {       key1: "...
Thursday, December 21, 2017

Evolution of CSS Layouts

›
CSS provides a number of properties that affect the layout of elements on the page, including those associated with floats, positioning, ...
Tuesday, December 12, 2017

CSS Grid

›
I just learned this technique from Jen Kramer . You can use CSS Grid to create a layout that looks like an existing Mondrian painting. ...
Friday, September 23, 2016

To The Point

›
" Outside, rightside " is what the airport attendant at the gate said for directions to downtown which was about half an hour away...
Saturday, August 13, 2016

Regular Expressions

›
/ [^ ] * / g Door County is beautiful year-round Match a sequence of zero or more characters that are not a space. The /g in the fir...
Saturday, February 06, 2016

Secure Shell

›
If you SSH into the command line in your server, or SFTP into your server, or use github, you'll need a SSH key. On your Mac, type cd~/...

Chrome Debugging from JSFiddle

›
I didn't know you could do this. I just learned about it. Bring up the Developer Tools either by pressing Command, Option and J toget...

httpd.exe

›
is short for HTTP Daemon processes. If you are having port issues with Apache, terminate all the httpd.exe processes. Apache starts up mul...

git

›
To see if Git is installed on your computer: $git If you don't have git, to install it: http://git-scm.com/downloads To find out w...
Wednesday, February 03, 2016

d r w x r - x r - x Miné Jan 31 22:00

›
First slot: Is it a file or directory? Next set of triple slots is for the User, then the next three is for the Group and finally the last ...
Friday, December 18, 2015

Helvetica Neue

›
Do you know what Crate & Barrel, Lufthansa, Energizer, SAAB, North Face, American Airlines, Urban Outfitters, NASA, Fendi, Staples and ...
Friday, December 11, 2015

BNF Notation For Syntax

›
BNF or Backus Normal Form is a computer science notation technique that's useful in describing the syntax of a language. This Wikipedia...
Monday, July 20, 2015

How To Disable Text Area Resize

›
Resizable text areas are good as long as when you extend them, they don't "break" your page visually.
Tuesday, July 07, 2015

Data Security

›
There's a new report by leading computer scientists on encrypted communication.
Sunday, June 28, 2015

Testing Mobile with Google Chrome

›
You can view sites as they would appear on a mobile device from your desktop browser. There is a hamburger menu on the right that lets you ...
Tuesday, May 26, 2015

How to Hang a Picture

›
Never one good with a level, or finding the two by fours in American walls, I consider myself successful if a picture is not noticeably croo...
Sunday, March 01, 2015

Half Billion Dollar Art Heist Still a Mystery

›
Isabella Stewart Gardner Museum in Boston was the setting for the crime committed 25 years ago.
Thursday, January 01, 2015

Those Woven Things

›
I'm not crazy about tapestries hanging on walls but that's what was on display in the museum. When we arrived at the exhibition h...
Sunday, November 16, 2014

Into Winter

›
Susulyka, Beech Forest in Mátra CC BY-SA, Wikimedia Commons
Saturday, September 27, 2014

Image Captioning Tool Enhancements

›
There's a new version of the Image Captioning Tool, my jQuery plug-in. I've added capabilities to truncate a larger image and also...
Thursday, September 04, 2014

Basic CSS Drop Cap

›
A lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ornare velit sed libero tristique, ut pellentesque quam porta. Proin ia...
Friday, August 29, 2014

Javascript Apply

›
In Javascript, everything is an object. So, unlike Java and C++, Javascript functions are also objects which come with some built-in methods...
Sunday, August 24, 2014

CSS3 Keyframes & Animation Property

›
Start/Stop In the first fifteen percent of the animation, we sit still. Notice that we have to initialize all the values like height,...
Monday, July 28, 2014

A New Search Engine: DuckDuckGo

›
Did you know that Google takes you on a quick detour every time you click on a search result? So Google knows not only what you searched o...
Tuesday, July 22, 2014

Rotating Text & Making Columns with CSS3

›
I saw a page layout in the Costco store magazine and wanted to try to reproduce it using CSS3. Something that looked simple enough turned ...
Thursday, July 17, 2014

Encrypting Email

›
Here's a few options to help you encrypt your email.
Friday, July 11, 2014

Flat Design

›
Is less more in web design? Decide for yourself after seeing this flat design aesthetic discussion .
Thursday, July 10, 2014

An Open Internet

›
A New York Times video by Brian Knappenberger.
Tuesday, July 08, 2014

Setting up SSL on an Apache Server

›
I administer my own Apache2 server running on Ubuntu, and I had previously setup SSL using a self-signed certificate. Recently I needed to ...
Saturday, July 05, 2014

CSS Vendor Prefixes

›
When a new CSS property is being developed, and does not yet have a final, consistent implementation across browsers, you want to write it u...
Friday, June 27, 2014

CSS Drop Caps

›
L orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ornare velit sed libero tristique, ut pellentesque quam porta. Proin iac...