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. That sets a whole tone for the site which isn't really sustainable. Common approaches I've seen for seeding a UGC site: 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. Web App with jQuery, CoffeeScript, Ajax, Web.py & Heroku.

Computing ThoughtsWeb App with jQuery, CoffeeScript, Ajax, Web.py & 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 Web.py) 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, Web.py & Heroku

Afterwards, James Ward quickly loads the example into Heroku using their new Python support. 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). Blog Interesting - 32 Ways to Keep Your Blog from Sucking.

Best practices - What should every programmer know about web development. Schema.org - Home. About microformats - Webmaster Tools Help. Rentzsch.tumblr.com: 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 google.com 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. 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. Don’t use section as a wrapper for styling One of the most common problems I see in people’s markup is the arbitrary replacement of <div>s with HTML5 sectioning elements — specifically, replacing wrapper <div>s (used for styling) with <section>s.

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. Optimal Head Ordering <meta http-equiv content-type charset > {*style:<i> </i>*}<meta http-equiv x-ua-compatible > {*style:<i> 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. Doing this is hard and stops you from building an awesome image gallery; and what happens if the user has a favorite service that they already use to remove red-eye? Simple, you have a frustrated user. We have a solution! In December 2010 I announced a project called Web Intents whose goal was to allow developers to build applications and services that could work with each other, but not need to explicitly know about each other – the concept has heavily inspired by the Intent system in Android, although the API bore no resemblance. 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

Using Google Closure Compiler can not only help you to compress the the code, but it also compiles it just like any compiler does. When the compiler’s flag ADVANCED_OPTIMIZATIONS is enabled, you can get a lot more optimization than most JavaScript compressors such as YUI Compressor, Dojo Compressor. This article will talk about several common OO-style patterns and how they are implemented now or how they should be implemented. 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 webplatform.org The Opera web standards curriculum has now been moved to the docs section of the W3C webplatform.org site.

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

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 cs75.tv by following along via the Internet. (The course's own website is at www.cs75.net.) Available at left are videos of lectures along with PDFs of projects.