Cómo descubrir consejos CSS

¿Hemos inventado o descubierto técnicas CSS? Miguel Ángel Reveladoras esculturas escondidas dentro de mármolStephen King Decirle lo que piensa Era algo que encontró y encontró «como fósiles en el suelo». El primer párrafo fue temprano para mí, lo suficiente como para compararme con esa creatividad icónica, pero mi trabajo en CSS-Tricks se sintió como «descubrimiento» en lugar de «invención» en lugar de sinergias secretas entre las funciones de CSS, que son sinergias secretas que se centran entre sí. Documentación web de MDN Espere pacientemente a alguien para que baile frente al mundo.

Matriota de las funciones de CSS

Encontrar alianzas inesperadas entre las características de CSS para implementar estrategias imposibles es Pensamiento recursivoLo traje al mundo CSS de mi experiencia en ingeniería. Cuando construye una lógica recursiva, debe encontrar una escotilla de escape para evitar una recursión infinita, y esta mentalidad de estilo establecida me ayuda a identificar emparejamientos de características de CSS que parecen entrar en conflicto entre sí, pero sorprendentemente trabajar juntos. Obtenga estos ejemplos de mis experimentos CSS:

Acepta nada nuevo en el sol

De hecho, Mark Twain quiere No existen nuevas ideas – Los describe como ilusión combinando ideas que siempre han existido, superponiéndolas en un «caleidoscopio psicológico» para describirlas como «hacer una combinación de novedad y curiosidad». Esto no significa que sea fácil de crear. La seguridad se puede romper con solo conocer los posibles números.

Esto trae recuerdos de la actuación Misión espacial III Cuando era niño, porque después de salir del juego, emitirá mensajes de línea de comandos inteligentes, uno de los cuales es: «Recuerda, lo hacemos con uno y cero». Quizás el propósito de simular el tono motivacional es que incluso si obtenemos los mismos materiales y herramientas, es posible que no podamos grabar o hacer juegos más vendidos como Michelangelo (¿es una pieza inspiradora o algo así?). Pero comprender las limitaciones de lo que hacen los creadores es la base de descifrar combinaciones creativas para abrir puertas donde nunca hemos estado en algún lugar. Una verdad que ayuda a lograr la magia a través de CSS es que sus limitaciones ayudan a cultivar la creatividad.

Abrazar limitaciones

Preguntó «¿Por qué hacer esto en CSS cuando solo puedes usar JavaScript?» Justo como me preguntaste: «¿Por qué escribir un poema cuando es más fácil escribir prosa?» Samuel Coleridge definición La prosa es «palabras en su mejor orden», pero la poesía es «las mejores palabras en su mejor orden». Si lo piensa, la diferencia entre prosa y poesía es que este último se basa en mayores restricciones, lo que nos obliga a encontrar conexiones inesperadas entre los pensamientos.

Del mismo modo, el artista Phil Hansen Consíguelo Abrazar restricciones Después de sufrir daño nervioso permanente en sus manos, se puede empujar la creatividad, permitiendo que Jitter evite que dibuje la forma en que había pasado. Sus primeros experimentos que usan esta nueva mentalidad incluyen limitarse a crear Un trabajo que usa solo 80 centavos de suministros. Esto es con Cotización De Antoine de Saint-Exupéry Citando en diseño weblo que significa que la perfección se puede lograr cuando no hay nada que quitar.

Abrazar la nada

Lo interesante del diseño web es cuánto combina el arte con la ciencia. Tanto en el arte como en la ciencia, desafiamos las suposiciones sobre si la causalidad realmente existe. Contrariamente al dicho «No puedes demostrar negativo» Podemos. Esto no es necesariamente más difícil que demostrar positivo. Entonces, antes de la discusión anterior sobre adoptar limitaciones y eliminar la redundancia, hasta que la creación revele, muchas de mis ideas de artículos prueban ideas negativas al desafiar la suposición de que la producción de otra cosa es necesaria.

Ir al extremo

A veces podemos hacerla una idea novedosa al llevarla al extremo. Seth Godin creó «edgecrafttransparente Describa una tecnología que crea ideas al impulsar las ventajas competitivas al mercado que nos desafía a ir. Una vez más, a veces puede usar características antiguas de CSS que las personas han visto antes, pero ir un paso más allá de nadie para crear algo único. Por ejemplo:

• CSS Pasks cubiertos Hacks de casilla de verificación y hacks de botones de radio En 2011. Pero en 2021, decidí ver si podía usar cientos de botones de radio con hacks html Rastrear Cree una aplicación de sudoku que funcione. Una vez, descubrí que las herramientas de desarrollo de Chrome pueden mostrar una hiladora de muerte infinita cuando lanzas demasiado CSS generado, lo que significa que tengo que limitarme a un Sudoku 4 × 4, pero esto me enseñó más sobre lo que CSS puede y no puedo hacer.
• este :target Los selectores han existido desde la década de 2000. Pero en 2024, uso gilipollas Para representar miles de posibles estados de Tic Tac Toe para crear juegos con oponentes de computadora en CSS puro. En algún momento, CodePen se negó a generar el HTML que pedí, pero fue una forma interesante para que los principiantes aprendieran características importantes de CSS. Creo que es mejor que uno Tabla de contenido Manifestación.

Crear arte externo CSS

Chris Coyier Ya escrito Con respecto a su disgusto por la agenda de Gatekeeper, está oculto detrás de la cuestión de si CSS es un lenguaje de programación. Si el CSS no se considera la programación «real», se puede usar como una excusa para que los expertos en CSS respeten menos que aquellos que codifican en lenguajes imperativos, lo que puede conducir a salas injustas y una dinámica tóxica en el lugar de trabajo.

Pero tal vez el otro lado siempre parece estar celoso porque la gente de allí está emitiendo celos, porque como ingeniero de pila completa que completa un título en informática, siempre me siento fuera de la conversación frontal. No es correcto poner «desarrollador de pila completa» en mi currículum cuando todo lo que los usuarios ven en una aplicación web me parece misterioso.

Tal vez CSS no es solo la lesión de la mente del cuerpo en comparación con otros tipos de codificación, porque Investigación Instruyendo que realice FMRI en personas que realizan tareas de diseño, encontrará que la cognición de diseño parece involucrar un perfil cognitivo único con la resolución tradicional de problemas, que se refleja en el área donde el cerebro aparece en las fMRI. Investigaciones La estructura del cerebro ha cambiado Como gente Mejorar existir Diferentes tipos de trabajos. Cerebro Plasticidad estructural Le recuerda las formas en que los diferentes tipos de ejercicios se vuelven más obvios, pero cuando mi cerebro ha sido entrenado durante décadas en mi cerebro, algunos de mis colegas pueden entrenar con CSS, lo cual es tan cercano como levantar un automóvil en la cabeza.

Cuando entiendo los hacks de casilla de verificación, la intimidación que siento de CSS comienza a cambiar La parte trasera de la parte delantera. Mi trabajador de diseñador me desafió a jugar con CSS una noche. Se me ocurrió un juego de aventuras de texto sin formato hecho con trucos de botones de transmisión. Debido a la creatividad y la curiosidad, las personas son Más sensible a los nuevos estímulosLos expertos en diseño de mi equipo se sintieron atraídos por mi demostración original, no porque fuera un juego de vanguardia, sino porque era algo que nunca antes habían visto. Mi experiencia en ingeniería ahora es un activo en lugar de una barrera a la perspectiva única de Outsider que puedo aportar al mundo CSS. Estoy obsesionado con eso.

Descubrí que el hacker para volver a cablear para que se vuelva más amigable con el cerebro es encontrar una analogía en CSS a los tipos de tipos que resuelven el problema, y ​​estoy más familiarizado con los comandos de programación:

Entonces, si todavía está aprendiendo sobre el desarrollo web y el CSS (y todavía estamos aprendiendo al final), en lugar de sentir el síndrome del impostor, considere que algo que te hace sentir que los extraños pueden permitirte traer algo único para tu uso de CSS.

Encuentra el propósito

Estaba emocionado cuando mi hacker CSS finalmente ofreció la oportunidad de publicar mis experimentos en CSS-Tricks Primer comentario En mi primer hack en CSS-Tricks, fue un perdedor universal que «¿Por qué haces esto?» criticado. Otros comentarios aparecen y me vuelven más solidarios, yo Dijo en el artículo anterior Mi paz es porque no a todos les gustan mis artículos. Sin embargo, este es el segundo artículo que propuse en 2021. Um …

Por supuesto, esta no es la razón por la que no he escrito artículos de CSS-Tricks en años. Puede ser una coincidencia, cuando regresé a CSS-Tricks el año pasado, yo El primer artículo nuevo Es un hacker CSS que puede usar ataques de accesibilidad después de dejar comentarios negativos en mi primera publicación. La casilla de verificación Hacker destruye la accesibilidadincluso en divertidos juegos CSS, no está destinado a ser producido. Nuevamente, limítese a los hacks de CSS y haga de la accesibilidad una fuente de inspiración. Todos podemos recordarnos que incluso si hacemos un trabajo experimental extraño, siempre podemos simpatizar con los usuarios que necesitan lectores de pantalla, porque no solo necesitamos aceptar las limitaciones de CSS, sino también las limitaciones de nuestra audiencia.

La razón por la que quiero que los comentarios negativos sigan rugiendo conmigo es que estoy de acuerdo en que es importante aclarar la relevancia y el propósito de las técnicas CSS. Pero si estoy hablando de trucos de CSS que son más como lo que encontramos que lo que hacemos, es como encontrar una pluma hermosa mientras caminamos. Al principio podríamos elegirlo solo porque podríamos, pero si te llevara contigo el viaje que llevó al descubrimiento, entonces puedes ayudarme a determinar si el significado es si la pluma que encontramos es una gran pluma o revelando un pájaro raro que vive en el área.

Es uno Viaje y destino Comparta cosas que conducen a fallas en el compromiso y las limitaciones que enfrentan al empujar los límites de CSS. Cuando te llevo en la ruta del curioso elemento que encontré, en lugar de solo mostrarte el elemento, cuando nos separamos, puedes rastrear los pasos y probar otras horquillas en el camino que seguimos, lo que puede llevar a tu descubrimiento de tus propios trucos CSS.