Dibujar un Sharingan de Naruto usando CSS: Un tutorial creativo

david limonche · 4 Oct 2022

Cómo dibujar un Sharingan con CSS

Hola betas !!
El día de hoy estaba navegando en YouTube aprovechando que me llegaron los datos y tenía la cobertura 4g..

Y en uno de los shorts de YouTube me apareció este tutorial..

Me pareció tan genial que simplemente no puedo dejar pasar la oportunidad de postearlo y compartirlo..

A quien no le gusta el anime después de todo 😗👍

Que opinan de este tipo de contenido?
La verdad es que es bastante creativo..

Personalmente me gustó bastante.
No sabía que se podían hacer elementos como esos desde el css..

Por lo visto lo que se suele utilizar con bastante frecuencia los seudo-elementos
Beafore y affter

Yo sabían que existían pero no sabía usarlos ni manejarlos..

Voy a tener que investigar y practicar con seudo-elementos
Para poder dibujar cosas chidas con css 😍

Ya que en la vida real no se dibujar por lo menos lo voy a poder hacer de esa manera jeje...

Alexk · 4 Oct 2022

No me gusta la moda de dibujar con CSS, todos los días en twitter me salen dibujos de mucha gente (sin seguirlos)... me da mucha pereza solo verlo... para mi es una perdida de tiempo.

PERO!... el mejor en cuanto a menos uso de etiquetas HTML y técnicas CSS es este sujeto (y no solo para dibujar, es un crack del CSS):

CSS-only Art by Temani Afif

A collection of drawing created by Temani Afif using only CSS

css-only.art

Salvo en raras ocasiones como logos o iconos simples, SVG es mejor y dibujar con CSS seria como jugar al minecraft si te gusta perder el tiempo sin un objetivo útil... pues bien por ti.

Suprax · 4 Oct 2022

Un primo hizo un control del Super Nintendo con CSS ("el dibujo"). Realmente me pareció interesante y a la vez pensé que se toma bastante tiempo; no es por el hecho de hacerlo ni nada, si no cuadrar el ancho y largo o la medida en general, para que quede bien. Aunque de cualquier manera, ya sea dibujando lo normal o a través del códigos de diseños (CSS), tardas de todas formas en hacerlo.

Usuario eliminado 263618 · 4 Oct 2022

Muy interesa como los programadores utilizan las propiedades CSS para diseñar cualquier cosa que se les ocurra en la mente como estas figuras, interesante tutorial david limonche

moiseseccam · 4 Oct 2022

* Procede a insertar un GIF de Sharingan *

david limonche · 4 Oct 2022

Alexk dijo:
No me gusta la moda de dibujar con CSS, todos los días en twitter me salen dibujos de mucha gente (sin seguirlos)... me da mucha pereza solo verlo... para mi es una perdida de tiempo.

Y es por eso que tú insignia dice que eres diseñador (gente que sabe dibujar)

Cómo yo sé de diseño web
Más no se dibujar..
Me pareció un interesante está moda de arte con css..

No lo entenderías 🤷‍♂️

Alexk dijo:
PERO!... el mejor en cuanto a menos uso de etiquetas HTML y técnicas CSS es este sujeto (y no solo para dibujar, es un crack del CSS):

CSS-only Art by Temani Afif

A collection of drawing created by Temani Afif using only CSS

css-only.art

La web se ve que está en inglés 😕😢..
Voy a echarle un ojo de todos modos y a traducirla con Google traslate.👍

Aunque te digo que me vale verga si es un crack o no..
Todos los contenidos de dibujo con css son posibles códigos a implementar para mí jeje..

Aparte de que me divierten ver esos vídeos..

Alexk dijo:
Salvo en raras ocasiones como logos o iconos simples, SVG es mejor

Obvio..
Hay que saber equilibrar los tamaños de la web...

Si dibujas todo con css la web se va a poner pesada y lenta..
Igualmente si pones todo con SVG
(sobre todo hay que hacer énfasis en que mientas mas SVG agregues más peticiones al servidor estarás haciendo, si es que los agregas de forma externa.).

Alexk dijo:
y dibujar con CSS seria como jugar al minecraft si te gusta perder el tiempo sin un objetivo útil... pues bien por ti.

El arte con css es más productivo que el que juega Minecraft..

Claro, ambos son raritos debido a que se divierten a su manera..

Pero hay una diferencia clara en la productividad..

Pero en mi opinión personal, los que juegan Minecraft son unos niños rata..

david limonche · 4 Oct 2022

otiliojr14 dijo:
Muy interesa como los programadores utilizan las propiedades CSS para diseñar cualquier cosa que se les ocurra en la mente como estas figuras, interesante tutorial david limonche

👍

david limonche · 4 Oct 2022

Suprax dijo:
Un primo hizo un control del Super Nintendo con CSS ("el dibujo").

OMG 😱
Es genial lo que hace tu primo 😮

Suprax dijo:
Realmente me pareció interesante y a la vez pensé que se toma bastante tiempo; no es por el hecho de hacerlo ni nada, si no cuadrar el ancho y largo o la medida en general, para que quede bien. Aunque de cualquier manera, ya sea dibujando lo normal o a través del códigos de diseños (CSS), tardas de todas formas en hacerlo.

Claro wey, no es como que lo tengas listo en un par de clicks XD..

Son personas que codifican dibujos originales..
Eso suele tomarse su tiempo 😅

devseo · 21 Oct 2022

david limonche dijo:
Cómo dibujar un Sharingan con CSS

Hola betas !!
El día de hoy estaba navegando en YouTube aprovechando que me llegaron los datos y tenía la cobertura 4g..

Y en uno de los shorts de YouTube me apareció este tutorial..

Me pareció tan genial que simplemente no puedo dejar pasar la oportunidad de postearlo y compartirlo..

A quien no le gusta el anime después de todo 😗👍

Que opinan de este tipo de contenido?
La verdad es que es bastante creativo..

Personalmente me gustó bastante.
No sabía que se podían hacer elementos como esos desde el css..

Por lo visto lo que se suele utilizar con bastante frecuencia los seudo-elementos
Beafore y affter

Yo sabían que existían pero no sabía usarlos ni manejarlos..

Voy a tener que investigar y practicar con seudo-elementos
Para poder dibujar cosas chidas con css 😍

Ya que en la vida real no se dibujar por lo menos lo voy a poder hacer de esa manera jeje...

Echa un ojo al tipo este

david limonche · 21 Oct 2022

devseo dijo:
Echa un ojo al tipo este

Eso es algo de otra dimensión 🤩🤩

Los 15 y pico de megabites de css que creo valieron la pena 😎

Es extrahuevoordinario como juegan tanto con los css..

devseo · 22 Oct 2022

david limonche dijo:
Eso es algo de otra dimensión 🤩🤩

Los 15 y pico de megabites de css que creo valieron la pena 😎

Es extrahuevoordinario como juegan tanto con los css..

15 megas de CSS? Todo lo contrario, el CSS apenas ocupa nada, es solo texto

david limonche · 22 Oct 2022

devseo dijo:
15 megas de CSS? Todo lo contrario, el CSS apenas ocupa nada, es solo texto

Es en sentido figurado wey..

Por obviamente si se creo una cantidad notable de css..
Pero claro, no supera los 700kb me imagino..

fmogro · 11 Nov 2022

Que crack el que dibujó el sharingan

Css siempre es mi asignatura pendiente, pero ya le voy a meter ganas

BURGAKIKE · 12 Nov 2022

Gracias David, buen tutorial xdd.

david limonche · 12 Nov 2022

fmogro dijo:
Que crack el que dibujó el sharingan

Css siempre es mi asignatura pendiente, pero ya le voy a meter ganas

Si wey, css es chido 👀🔥

david limonche · 12 Nov 2022

BURGAKIKE dijo:
Gracias David, buen tutorial xdd.

De nada 😉👉👉

Dibujar un Sharingan de Naruto usando CSS: Un tutorial creativo

Cómo dibujar un Sharingan con CSS​

Usuario eliminado 263618

Cómo dibujar un Sharingan con CSS​

Cómo dibujar un Sharingan con CSS

Cómo dibujar un Sharingan con CSS