Krypton Solid

La última tecnología en raciones de 5 minutos

8 sitios que funcionan bien sin JS, gracias

8 sitios que funcionan bien sin JS, gracias

Demasiados desarrolladores confían en JavaScript como recurso esencial. Observamos una variedad de sitios que son modernos, interactivos y cuentan con una excelente experiencia de usuario, sin la necesidad de JavaScript.

Reúnanse, damas, caballeros y niños. ¡Mira, ante tus propios ojos, revelaremos varios monstruos de Internet! ¡Mirad! ¡Sitios web que no necesitan JavaScript para mostrar su contenido divino!

Oh, ¿crees que estoy bromeando? Los sitios web que se presentan con HTML y CSS simples y antiguos son cada vez más raros. En este momento, no sé a quién culpar, y ¿realmente vale la pena culpar a alguien? Podría señalar con el dedo a quien sea o lo que sea que crea que tiene la culpa, o podría señalar con el dedo a sitios web creativos y, a veces, grandes que lo hacen bien.

Ahora, ¿qué quiero decir con «hacerlo bien»? Es posible que observe que algunos de estos sitios implementan algunas cosas con JavaScript. Pero aquí está el secreto: si desactiva JavaScript, estos sitios seguirán funcionando bien. El contenido no desaparece simplemente. ¡Los efectos y funciones de JavaScript tienen alternativas! Los sitios se mejoran progresivamente o se degradan con elegancia.

De cualquier manera: funcionan. Y son un poco difíciles de encontrar en estos días.

1. Amazonas

Puede esperar un sitio con tanta información presente en una página determinada como Amazonas tiene que usar una montaña de JavaScript para, de alguna manera, organizarlo de manera más eficiente. No tan. Apague el JS y podrá comprar cosas sin problemas.

001

2. The Warren Trust

The Warren Trust es otro que se degrada con bastante gracia. Con JS activado, el sitio utiliza técnicas AJAX para cargar contenido de otras páginas sin salir técnicamente de la página de inicio. Apague el JS, y no funcionará como lo hace con el JS encendido, pero funciona. Todavía puede ver cada página, pero, ya sabe, en su propia página.

002

3. Cosas y tonterías

Cosas y tonterías fue creado por el conocido diseñador web Andy Clarke. Así que sí, funciona con y sin JS muy bien. Es un hermoso ejemplo de un sitio que (en su mayoría) funciona perfectamente bien de cualquier manera.

CONTENIDO RELACIONADO  Los ISP europeos ganarán $ 25 mil millones del mercado corporativo en 2005

Lo único que no funciona cuando JS está apagado es el reproductor de audio. Eso es de esperar, de verdad. No puedo quitar muchos puntos por eso.

003

4. Mike Mai

El sitio de Mike Mai es una prueba suficiente de que su sitio puede ser bastante creativo, aunque un poco extraño en este caso, con o sin secuencias de comandos. Y me refiero a «extraño», y yo De Verdad significa «pequeño».

Puede que no sea el sitio de póster para la accesibilidad visual, pero muestra qué tipo de cosas se pueden lograr en HTML y CSS simples por aquellos lo suficientemente locos como para probarlo.

004

5. Solace House

Casa de consuelo es un ejemplo aleccionador de un sitio que absolutamente necesita funcionar en cualquier momento, bajo cualquier circunstancia, sin importar qué tecnologías estén funcionando o no. Después de todo, es un centro de prevención de suicidios.

Es posible que pueda argumentar que su grupo demográfico objetivo debería tener JavaScript habilitado en todo momento en algunas circunstancias, pero hay algunos servicios que son demasiado vitales para dejarlos al azar.

005

6. Twitter

Si, que Gorjeo. Fue mientras investigaba este artículo que descubrí que Twitter funciona lo suficientemente bien sin JavaScript. Bueno, su solución es un poco complicada, quizás, pero es efectiva.

En resumen, Twitter realmente lo redireccionará a una versión móvil reducida de Twitter. Es completamente funcional, excepto por características como feeds que se actualizan en vivo, etc. ¿Quién dice que las redes sociales necesitan JavaScript?

A decir verdad, Twitter nunca se sintió tan rápido.

006

7. Holgura

Es posible que necesite JavaScript para ejecutar un Flojo sala de chat, pero el resto del sitio orientado al cliente se ve y funciona bien. Incluso tiene una condición en la URL para que no haya JavaScript. Y cuando necesites habilitar JS para que las cosas funcionen, ¡te lo dirán! ¡De hecho te lo dicen!

CONTENIDO RELACIONADO  Siéntate junto a tus camas Krypton Solid

No, en serio, es algo que muchos sitios prefieren dejar que mires una página en blanco antes que decir: “¡Uy! Parece que JS se rompió o necesitas habilitarlo «. No me gusta esta cosa.

007

8. WebdesignerDepot

No, en serio, pruébalo. Verá algunas degradaciones visuales, pero todo lo esencial se ve bien y funciona bien. ¡De esto se trata, gente!

Me encantaría atribuirme algo de crédito por eso, pero de vez en cuando escribo aquí. ¡Supongo que esta es mi carta oficial de felicitaciones al diseñador!

008

En conclusión

Solo quería mostrarle a la gente lo que se puede hacer. Eso es. No estoy diciendo que debas deshacerte de JS por completo, pero hacer Creemos que deberíamos ser más considerados sobre lo que hacemos y no implementamos en JavaScript.

Mira los sitios que he enumerado aquí. Mira el tuyo. Para cada cosa que implemente con un script, pregúntese si realmente necesita convertirlo en un script. Para esa materia, ¿De verdad necesitas HTML??

Bien bien. Eso va demasiado lejos.

Deja un comentario

También te puede interesar...

Google Analytics evoca el seguimiento visual

Google Analytics está lanzando una nueva función que ayudará a las personas a ver el tráfico a sus sitios web. Flow View permitirá a los usuarios de Google Analytics ver el flujo de visitantes en

El retro-FPS Strafe se ha retrasado hasta mayo

Strafe, el FPS «uber-gore» que parece un cruce entre Quake y Brutal Doom con una pizca de System Shock 2, estaba programado para lanzarse en marzo en enero. Hoy, sin embargo, el desarrollador Pixel Titans

Windows Live Messenger para iPhone

Hasta ahora, los propietarios de iPhone que quieran conectarse con amigos de Windows Live Messenger deben usar aplicaciones de terceros. Pero la espera por una aplicación oficial de Microsoft casi ha terminado. Neowin tiene la

Cingular se conecta a teléfonos Siemens

Cingular Wireless comenzará a vender teléfonos producidos por el fabricante alemán de teléfonos Siemens a finales de este año, anunciaron las dos compañías el lunes. El primer teléfono Siemens, el CT56 capaz de tomar y

Evaluación del mapa Nuke actualizado de CS:GO

Valve acaba de lanzar Operation Wildfire, y con ella viene una nueva versión del mapa Nuke. Una vez inmensamente popular, Nuke fue eliminado del grupo de mapas competitivos debido a problemas de equilibrio. Desde entonces,

Hitachi conecta Johnson Controls para baterías

La compañía de tecnología global Hitachi firmó un acuerdo el lunes con el fabricante de baterías para automóviles Johnson Controls para unir sus esfuerzos en baterías y otras áreas de almacenamiento de energía avanzado. Según

Tocame en otro lugar para variar

Multi-touch no es solo para tabletas. Pronto estará en todas partes, porque las tecnologías básicas (resistivas, capacitivas u ópticas) resuelven muchos problemas complejos de interfaz de usuario. Tome el humilde teclado, por ejemplo. Uno pensaría

Programas de enrutador Krypton Solid

Los mejores programas de enrutador. Fácil reenvío de puertos Como su nombre indica, Fácil reenvío de puertos es una aplicación de Windows que le permite abra suavemente los puertos del enrutador para permitir el correcto

¿Qué FAANG ganará la guerra de Blockchain?

Para los inversores, blockchain y FAANG son dos palabras mágicas que pueden mover los mercados. Simplemente asociar una acción con estas dos palabras puede hacer que una acción se vea más atractiva. (Ver también: Las

Enfoque de Austin: Tommy Landry de Anue Systems

Mi segunda parte El enfoque de Austin características de la serie Anue Systems, que proporciona emuladores de red para probar las condiciones de la red en el mundo real y agregar herramientas para la optimización

Telstra anuncia planes para pequeñas empresas T22

Telstra ha presentado sus nuevos planes para pequeñas empresas, que incluyen un servicio de asistencia técnica 24 horas al día, 7 días a la semana y un «conserje» de línea fija. Los planes fueron anunciados

Cómo enviar un número de teléfono en WhatsApp

Chatear con un amigo Whatsapp, se le pidió chatear con un contacto que tienen en común. Por lo tanto, le gustaría entender cómo compartir el contacto directamente, sin tener que copiar manualmente el número de

tCero (t0) Definición

¿Qué es tZero (t0)? tZero (t0) es una plataforma de registro distribuido y una criptomoneda lanzada por el minorista de Internet Overstock. Fue desarrollado para proporcionar una mayor legitimidad y supervisión de las ofertas iniciales

Los mejores momentos de hardware de 2018

2018 estuvo por todas partes en lo que respecta a las noticias de hardware: escándalos, exploits, grandes lanzamientos, lo que sea. Vimos la introducción del trazado de rayos de Nvidia, la burbuja de las criptomonedas