background preloader

Web Dev

Facebook Twitter

How Reddit's cofounders built Reddit with an army of fake accounts. 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 Provide a way for a user to display to other people (either the public, or their contacts, depending on the rules of the system) when they are available for contact and when not. Display Collection. Web App with jQuery, CoffeeScript, Ajax, & Heroku.

Computing ThoughtsWeb App with jQuery, CoffeeScript, Ajax, & Herokuby Bruce EckelSeptember 30, 2011 Summary Following up on my previous article, I create a super-simple example where a web page communicates with the server (written in sending a JSON request object and receiving a JSON object as a response, which it uses to dynamically update the page.

Web App with jQuery, CoffeeScript, Ajax, & Heroku

Afterwards, James Ward quickly loads the example into Heroku using their new Python support. Here is the previous article, showing how to use CoffeeScript and jQuery. 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

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 Accessing content. 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> 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

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.

We have a huge problem on the web today.

Web Intents: A fresh look - Tales of a Developer Advocate

If I built an image gallery application and I wanted to let users edit an image so that they can remove red-eye from a photo I either have to build an application that edits the images, or integrate with a 3rd party solution. Coding Better Object-Oriented JavaScript with Closure Compiler. Intro.

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. TV - CakePHP Blog Tutorial Part 1 - Installation produced by andrewperk. W3Fools – A W3Schools Intervention. Building Dynamic Websites / OpenCourseWare. This is OpenCourseWare. Computer Science E-75 is a course at Harvard Extension School. Even if you are not a student at Harvard, you are welcome to "take" this course via by following along via the Internet. (The course's own website is at Available at left are videos of lectures along with PDFs of projects.