Turn Your Web Browser Into A Scratchpad With 1 Line Of Code

  1. Open a new window or tab in your web browser
  2. Type the following code into the URL bar and press enter data:text/html, <html contenteditable>
  3. Start typing directly in your the browser window!
  4. Alternatively, for a better looking editor try this code: data:text/html,%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%23e%7Bposition%3Aabsolute%3Btop%3A0%3Bright%3A0 %3Bbottom%3A0%3Bleft%3A0%3B%7D%3C%2Fstyle%3E%3Cdiv%20id%3D%22e%22%3E%3C%2Fdiv%3E%3Cscript%20src%3D%22http%3A%2F%2Fd1n0x3qji82z53.cloudfront.net%2Fsrc-min-noconflict%2Face.js%22%20type%3D%22text%2Fjavascript%22%20charset%3D%22utf-8%22%3E%3C%2Fscript%3E%3Cscript%3Evar%20e%3Dace.edit(%22e%22) %3Be.setTheme(%22ace%2Ftheme%2Fmonokai%22) %3Be.getSession().setMode(%22ace%2Fmode%2Fruby%22)%3B%3C%2Fscript%3E
Read More

How Did The Nes Zapper For Duck Hunt Work

The Duck Hunt gun, officially called the Nintendo Entertainment System (NES) Zapper, seems downright primitive next to the Nintendo’s Wii and Microsoft’s Kinect, but in the late 80s, it filled plenty of young heads with wonder. How did that thing work?

Read More

Common Javascript Gotchas

If you are a beginner to JavaScript you might find this article quite useful. It mentions a few common JavaScript quirks that you may not understand at first, including: details on the global namespace, the this object, knowing the difference between ECMAScript 3 and ECMAScript 5, asynchronous operations, prototypes, and simple JavaScript inheritance.

Read More

A Closer Look Into Php Arrays

PHP is one unique language where the array data type has been highly generalized to suit a very broad set of use cases. For example, in PHP you can use an array to create both ordered lists as well as dicts (key/value pairs or maps) with a single data type. A PHP array isn’t an array in the traditional sense, but in fact it’s actually implemented as an ordered hashmap. There are good reasons for this. One of those reasons is that arrays traditionally do not allow you to mix types. They also don’t normally provide a simple means of random access such as mapping a key to it’s value. At least not in the sense that we’re used to doing in PHP. So I’m going to share with you some of the underlying details of how the PHP array data type works, why it works the way that it does, how it’s different from other languages, and what behaviors the PHP array has that you may not be fully aware of… (article continues via the link below)

Read More

An Advanced Guide To Html Css

Here is a guide I just came across that seems to be a quite extensive resource for advanced HTML & CSS web development. It appears that the guide is sectioned into lessons, where a new lesson is posted each week. So you should be able to follow along at our own pace over time. From the first few lessons that I’ve read so far it seems to be a fairly good guide for somewhat advanced front-end web development work.

Read More

Vim Adventures

How would you like to play a Zelda-like game while learning how to use VIM? VIM Adventures is what you should be playing!

Read More

How Computers Boot Up

Here is a somewhat lengthy but very good in-depth description of how an x86 machine boots up from the point you hit the power button until the operating system kernel initializes.

Read More

Google Chromes Webkit Inspector

Google Chrome includes quite a few extremely useful tools for web developers. It can be somewhat overwhelming at first if you haven’t used them before. This article gives a quite comprehensive overview of the tools included and what they do. While reading this article keep in mind that new versions of Google Chrome are released really frequently, so much of the content here may already be out of date.

Read More

An Introduction To Graphviz

If you are not familiar with Graphviz, it is an excellent open source graph visualization tool that utilizes a “dot” language as specification for the generation of graphs. These “dot” files can be created manually or programmatically, thereby making Graphviz a very powerful tool. This article provides a good introduction on Graphviz and how to get started with using it. The author starts at the very beginning by explaining how to install the software and ends up with walking you through creating a few somewhat advanced “dot” file specified graphs.

Read More