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. 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: How Reddit's cofounders built Reddit with an army of fake accounts
Design Pattern Library

Design Pattern Library

View the most recent patterns added to the 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.
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. Afterwards, James Ward quickly loads the example into Heroku using their new Python support. Web App with jQuery, CoffeeScript, Ajax, Web.py & Heroku Web App with jQuery, CoffeeScript, Ajax, Web.py & Heroku
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. People have been trying to do this for a long time, and WebSockets look like they will solve the problem once and for all. WebSockets: A Glimpse of the Future WebSockets: A Glimpse of the Future
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. 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). How content delivery networks (CDNs) work How content delivery networks (CDNs) work
Blog Interesting - 32 Ways to Keep Your Blog from Sucking
What things should a programmer implementing the technical details of a web application consider before making the site public? If Jeff Atwood can forget about HttpOnly cookies, sitemaps, and cross-site request forgeries all in the same site, what important thing could I be forgetting as well? I'm thinking about this from a web developer's perspective, such that someone else is creating the actual design and content for the site. So while usability and content may be more important than the platform, you the programmer have little say in that. best practices - What should every programmer know about web development

best practices - What should every programmer know about web development

This site provides a collection of schemas, i.e., html tags, that webmasters can use to markup their pages in ways recognized by major search providers. Search engines including Bing, Google, Yahoo! and Yandex rely on this markup to improve the display of search results, making it easier for people to find the right web pages. Many sites are generated from structured data, which is often stored in databases. schema.org - Home

schema.org - 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). Cada entidad tiene sus propias propiedades. About microformats - Webmaster Tools Help
rentzsch.tumblr.com: HOWTO Use UTF-8 Throughout Your Web Stack rentzsch.tumblr.com: HOWTO Use UTF-8 Throughout Your Web Stack Good is the enemy of GreatLatin-1 is the enemy of UTF-8 You write web apps. You understand the web is global, and want to support internationalization.

HTML5 Rocks - How Browsers Work: Behind the Scenes of Modern Web Browsers

Web browsers are the most widely used software. 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. HTML5 Rocks - How Browsers Work: Behind the Scenes of Modern Web Browsers
PART I: How To Log In As a rule, CAPTCHAs should be a last resort. They tend to be annoying, often aren't human-solvable, most of them are ineffective against bots, all of them are ineffective against cheap third-world labor (according to OWASP, the current sweatshop rate is $12 per 500 tests), and some implementations are technically illegal in some countries (see link number 1 from the MUST-READ list). If you must use a CAPTCHA, use reCAPTCHA, since it is OCR-hard by definition (since it uses already OCR-misclassified book scans).It is possible to prevent browsers from storing/retrieving a password with the autocomplete tag for forms/input fields. However in the real world, your customers will have many accounts on different systems; it compromises their security if they use the same password for every site.

web development - The Definitive Guide To Forms based Website Authentication

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

Avoiding common HTML5 mistakes

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> Best Practice: Get your HEAD in order - EricLaw's IEInternals
career - Best approach to learning web programming - Programmers - Stack Exchange Few years back I asked this question to myself! This is what I find easy and organized way to start web programming, you can skip steps which you have already know To learn web programming, first you have to know What is a websiteWhat are the main role players [Webserver, Mark-up languages, Client side scripting, Server side scripting, Protocols (http), Browsers Trace complete server round trip i.e. from typing google.com in browser and to loading the complete page.
We have a huge problem on the web today. 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. Web Intents: A fresh look - Tales of a Developer Advocate
Coding Better Object-Oriented JavaScript with Closure Compiler
TV - CakePHP Blog Tutorial Part 1 - Installation produced by andrewperk
Building Dynamic Websites / OpenCourseWare