Esta página é uma (tentativa de) tradução do conteúdo publicado em Motherfucking Website.

Sério, o que mais você quer?

Você provavelmente cria sites e acha que sua porcaria é especial. Você acha que sua home page parallax-ativa de 13 megabytes vai te render um banner Awwward que você pode colar no canto superior do seu site. Você acha que seu arquivo jQuery de 18 quilos e 83 polyfills dão uma ereção no IE7 porque ele finalmente tem box-shadow. Errado, filho da puta. Deixe-me descrever seu site perfeito:

• A merda é leve e carrega rápido
• Serve em todas as suas telas ruins
• Parece o mesmo em todos os seus navegadores de merda
• O filho da puta está acessível a qualquer babaca que visite seu site
• A merda é legível e transmite sua mensagem (se você tivesse uma ao invés de fotos de 5 MB de hipsters tomando café)

Bem, adivinha, filho da puta:

Você. Está. Exagerando no design. Olha essa merda. É um site de merda. Por que diabos você precisa animar uma bandeira de banner da moda quando eu passo o mouse sobre esse pedaço de merda inútil? Você passou horas nisso e adicionou 80 kilobytes ao seu site de merda, e algum filho da puta cutucando isso no iPad com dedos gordos de salsicha nunca verá essa merda. Sem mencionar que pessoas cegas nunca verão essa merda, mas elas não veem nenhuma das suas merdas de merda.

Você nunca soube, mas este é o seu site perfeito. Eis o porquê.

É muito leve

Esta página inteira pesa menos que o logotipo do Facebook com malha de gradiente no seu site Wordpress de merda. Você carregou 100kb de jQuery UI só para poder animar a porra da cor de fundo de um div? Você carregou todas as 7 fontes de uma webfont de merda só para poder dizer "Oi." a 100px de altura no começo do seu site? Seu pedaço de merda.

É responsivo

Seu idiota. Você pensou que precisava de media queries para ser responsivo, mas não. Responsivo significa que ele responde a qualquer tamanho de tela em que é visualizado. Este site não se importa se você está em um iMac ou em um Tamagotchi.

Funciona pra caralho

Olha essa merda. Você consegue ler... isto é, se você consegue ler, filho da puta. Faz sentido. Tem uma hierarquia do caralho. Está usando tags HTML5 para que você e seu navegador de merda saibam o que tem nesse site de merda. Isso é semântica, filho da puta.

Tem conteúdo na porra da tela. Seu site tem três bylines e um link para sua conta do dribbble, mas você o espalha por 7 telas cheias e me faz clicar em um botão de bobbing para me mostrar o quão legal é o plugin jQuery ScrollTo.

Compatibilidade entre navegadores? Carregue esse filho da puta no IE6. Eu te desafio pra caralho.

Este é um site. Olhe para ele. Você nunca viu um antes.

Assim como o homem que nunca deixou a barba crescer não tem ideia de qual é seu verdadeiro estado natural, você não tem a mínima ideia do que é um site. Tudo o que você já viu são bastardizações skeuomórficas de merda do que deveria ser um texto comunicando uma mensagem de merda. Este é um site real e nu. Olhe para ele. É lindo pra caralho.

Sim, isso é uma porra de sátira, seu filho da puta

Não estou dizendo que seu site de merda deveria ser assim. O que estou dizendo é que todos os problemas que temos com sites são aqueles que nós mesmos criamos . Sites não são quebrados por padrão, eles são funcionais, de alto desempenho e acessíveis. Você os quebra. Seu filho da puta.

"Um bom design é o mínimo de design possível."
- algum alemão filho da puta