¿Cómo se hace este tipo de sitio web?

Nada en común es un back-end: todos son diferentes. Evil Window Dog utiliza el generador de sitios estáticos Docpad. SOPRESSO se ejecuta en el framework web Express. Startup Giraffe es WordPress, Keyless Entry … usa Ruby on Rails.

Para el front-end, SOPRESSO usa Twitter Bootstrap. El resto está escrito a mano por lo que parece (Startup Giraffe está compilando MENOS en el navegador, pero de todos modos …).

Lo que tienen en común es que todos responden. Si reduce cualquiera de esos sitios al tamaño móvil, aún son fáciles de leer. Desde el punto de vista del desarrollo, no hay cambios complejos. Contenido centrado. Texto grande en trozos pequeños y digeribles. No hay diseños de cuadrícula complejos que necesitan ajustes cuidadosos en los puntos de interrupción. Son relativamente rápidos de construir, necesitan pruebas mínimas y son fáciles de modificar. Las startups necesitan producir algo rápido que se vea bien, que es una de las razones por las que muchos tienen sitios que se ven de esta manera. También está de moda, por lo que cuanto más hay, más se producen. Las startups no tienen mucho personal, por lo que es posible que un solo desarrollador / diseñador lo reúna y lo implemente en un corto período de tiempo. Para mí, así es como se ven estos sitios; solo muy ligeramente apresurado y atascado juntos. Todos ellos están un poco fuera de lugar en términos de diseño.

Este enfoque no funciona bien [en absoluto] con sitios complejos (por ejemplo, minoristas en línea o periódicos). A menudo hay [mucho] más contenido, y ese contenido es a menudo mucho más complejo.

Si desea emularlo, Bootstrap facilita este estilo: es adecuado para sitios de folletos simplistas. Fundación Zurb también, aunque es un marco mejor pensado y algo más complejo.

En resumen (porque una respuesta técnica larga sería absurdamente larga):

Con MUCHA planificación primero, con énfasis en el diseño y la asignación de la carga de trabajo a un equipo (probablemente) muy grande. Nunca antes había trabajado en un equipo de diseño web, así que no estoy seguro de cómo funciona todo junto, sinceramente, pero puedo decirles que se trabajó mucho en Quora.

Tendría que centrarse en el código del lado del servidor, el código del lado del cliente, una gran cantidad de marcado y CSS, así como los métodos más eficientes para usar algo como AJAX para comunicarse con el servidor sin actualizar la página.

Además, estoy seguro de que todas las publicaciones, comentarios, créditos, votos y seguidores “recordados” probablemente estén en una base de datos SQL (supongo) en algún lugar (con múltiples tablas relacionales). Esta base de datos obviamente está cargada del lado del servidor.

No me sorprendería si se usaran varios complementos de JavaScript / jQuery, pero probablemente sean exclusivos de Quora y estén escritos por el propio personal.

Tenga en cuenta que estoy haciendo muchas conjeturas aquí, por lo que fácilmente podría estar equivocado, pero principalmente habría varias “fases” de un proyecto de esta magnitud donde la primera fase probablemente se centraría en construir equipos o en general diseño del sitio en sí. Escribir código vendría más tarde. El estilo (CSS) se consideraría separado de la codificación pura, estoy seguro.

Otras cosas que no me sorprendería encontrar implementadas aquí serían el uso de XML o JSON.