background preloader

Web Dev

Facebook Twitter

How Reddit's cofounders built Reddit with an army of fake accounts. The problem with Mechanical Turk is that you tend to get a lot of low-quality content.

How Reddit's cofounders built Reddit with an army of fake accounts

If people don't have an emotional investment in the site's success, they'll usually just write drivel and collect their fee. Design Pattern Library. View the most recent patterns added to the library.

Design Pattern Library

Accordion There are too many items to fit into a limited space without overwhelming the user. Availability. Web App with jQuery, CoffeeScript, Ajax, & Heroku. Computing ThoughtsWeb App with jQuery, CoffeeScript, Ajax, & Herokuby Bruce EckelSeptember 30, 2011.

Web App with jQuery, CoffeeScript, Ajax, & Heroku

WebSockets: A Glimpse of the Future. Computing ThoughtsWebSockets: A Glimpse of the Futureby Bruce EckelDecember 31, 2011 Summary In order for HTML5 to become the true user interface technology of the future, servers must be able to transparently push data to clients.

WebSockets: A Glimpse of the Future

People have been trying to do this for a long time, and WebSockets look like they will solve the problem once and for all. How content delivery networks (CDNs) work. Content delivery networks (CDNs) are an important part of Internet infrastructure that are frequently used without a full understanding of what’s happening behind the scenes.

How content delivery networks (CDNs) work

You’ll hear people saying, “oh, we put that on the CDN” or “make sure static assets go on the CDN,” when they have only a rudimentary idea of what CDNs are and how they work. As with most pieces of technology, CDNs are not magic and actually work in a pretty simple and straightforward manner. When a web browser makes a request for a resource, the first step is to make a DNS request. Making a DNS request is a lot like looking up a phone number in a phone book: the browser gives the domain name and expects to receive an IP address back.

With the IP address, the browser can then contact the web server directly for subsequent requests (there are actually multiple layers of DNS caching, but that’s beyond the scope of this post). DNS resolution. Blog Interesting - 32 Ways to Keep Your Blog from Sucking. Best practices - What should every programmer know about web development. - Home. About microformats - Webmaster Tools Help. Marcado de datos con microformatos Los microformatos son sencillas convenciones (conocidas como entidades) que se usan en las páginas web para describir un tipo concreto de información (por ejemplo, una opinión, un evento, un producto, una empresa o una persona).

About microformats - Webmaster Tools Help

Cada entidad tiene sus propias propiedades. Por ejemplo, una persona tiene las siguientes propiedades: nombre, dirección, cargo, empresa y dirección de correo electrónico. En general, los microformatos hacen uso del atributo class en las etiquetas HTML (que suelen ser <span> o <div>) para asignar nombres breves y descriptivos a las entidades y a sus propiedades. A continuación mostramos un ejemplo de un bloque HTML breve con la información de contacto básica de Roberto Sánchez. <div><img src="" /><strong>Roberto Sánchez</strong> Editor principal de Ediciones ACME Calle Mayor 4 Alcalá de Henares, Madrid 28801 </div> A continuación se indica cómo funciona este ejemplo. HOWTO Use UTF-8 Throughout Your Web Stack. How Browsers Work: Behind the Scenes of Modern Web Browsers. Web browsers are the most widely used software.

How Browsers Work: Behind the Scenes of Modern Web Browsers

In this primer, I will explain how they work behind the scenes. We will see what happens when you type in the address bar until you see the Google page on the browser screen. The browsers we will talk about There are five major browsers used on desktop today: Chrome, Internet Explorer, Firefox, Safari and Opera. On mobile, the main browsers are Android Browser, iPhone, Opera Mini and Opera Mobile, UC Browser, the Nokia S40/S60 browsers and Chrome–all of which, except for the Opera browsers, are based on WebKit.

The browser's main functionality The main function of a browser is to present the web resource you choose, by requesting it from the server and displaying it in the browser window. The way the browser interprets and displays HTML files is specified in the HTML and CSS specifications. Web development - The Definitive Guide To Forms based Website Authentication. Avoiding common HTML5 mistakes. Between curating sites for the HTML5 gallery and answering readers’ questions here at HTML5 Doctor, I see a host of HTML5 sites and their underlying markup.

Avoiding common HTML5 mistakes

In this post, I’ll show you some of the mistakes and poor markup practices I often see and explain how to avoid them. Best Practice: Get your HEAD in order - EricLaw's IEInternals. To ensure optimal performance and reliability when rendering pages, you should order the elements within the HEAD element carefully. First, I’ll explain the optimal order, and then explain the reasoning for this structure. Career - Best approach to learning web programming - Programmers - Stack Exchange. HTML5 Rocks - A resource for open web HTML5 developers. Web Intents: A fresh look - Tales of a Developer Advocate. Coding Better Object-Oriented JavaScript with Closure Compiler.

Intro While many programmers do think that Object Oriented JavaScript is a good approach to take, it’s also known that it’s hard to write robust OO-style JavaScript simply due the nature of the language itself and the environment which it’s running in (mostly are browsers).

Coding Better Object-Oriented JavaScript with Closure Compiler

Flexie. Clean Up Your Mess - A Guide to Visual Design for Everybody. 1: Introduction to The Web Standards Curriculum/Table of Contents. By Chris Mills 11th October 2012: Material moved to The Opera web standards curriculum has now been moved to the docs section of the W3C site.

1: Introduction to The Web Standards Curriculum/Table of Contents

Go there to find updated versions of these docs, and much more besides! 12th April 2012: This article is obsolete The web standards curriculum has been donated to the W3C web education community group, to become part of a much bigger educational resource. Introduction. TV - CakePHP Blog Tutorial Part 1 - Installation produced by andrewperk. W3Fools – A W3Schools Intervention. Building Dynamic Websites / OpenCourseWare.