t0kt0

[t0kt0]

Tener una buena relación con CSS

por Sarah Chima

"CSS apesta!", "¿Cómo puedo mejorar en CSS?"

"Me quedo atascadx en pequeños problemas de CSS durante mucho tiempo".

¿Alguna de estas expresiones describe tu experiencia con CSS? En caso afirmativo, sigue leyendo mientras comparto mis consejos personales sobre cómo mejorar tu relación con CSS. Prometo que será breve y no voy a aburrirlxs. Permítanme comenzar contándoles un poco sobre mi historia de amor con CSS.

Solía ​​tener una relación horrible con CSS cuando comencé a programar. Siempre preferí trabajar en Javascript y hacer que mis aplicaciones funcionaran antes de diseñarlas. Me veía más como unx desarrolladorx de JavaScript que como unx Desarrolladorx Frontend debido a mi pobre relación con CSS. Eso ha cambiado ahora, ya no tengo esa visión de mí misma. Puedo afirmar que amo CSS (mucho, de verdad). Ahora, cuando trabajo en una aplicación, prefiero diseñarla antes de implementar cualquier lógica.

La moraleja de la historia: cualquiera puede ser excelente en CSS. Si consideras que CSS es un desafío en este momento, puedes mejorar si haces las cosas correctas.

Entonces, sin ningún orden en particular, aquí hay algunas cosas que puedes hacer para mejorar en CSS.

. Aprende CSS . Deshazte de las bibliotecas . Aprende a encontrar errores en tu código  (”debuggear”) . Lee el código de otras personas . Nombra tus clases de CSS apropiadamente . Practica Analicemos brevemente cada uno de estos puntos.

Aprende y entiende CSS

La sintaxis de CSS es simple. Quiero decir, no tienes que escribir muchas líneas de código para que el color de fondo de un elemento sea verde. Debido a su simplicidad, muchas personas esperan que sea fácil usar CSS.

Sí, es fácil usar CSS si realmente conoces y comprendes las reglas que gobiernan en CSS y cómo se aplican los estilos. Es fácil si sabes qué propiedad de CSS se puede usar para hacer qué. Es fácil si comprendes la especificidad de CSS y qué podría ser la razón por la cual tus reglas de CSS no se apliquen a algunos elementos. Es fácil debuggear tus estilos si conoces CSS.

Dicho esto, para mejorar en CSS, es importante aprender CSS. Aprende los conceptos básicos de CSS como el CSS box model, relleno (padding), margen (margin), especificidad, posicionamiento, etc. Pasa a temas más avanzados como transiciones en CSS, animaciones, flexbox, grillas (grid), etc. Lee un libro sobre CSS, toma un curso de CSS, lee artículos sobre CSS regularmente, suscríbete a los boletines (newsletters) sobre CSS y haz más para aprender realmente CSS. Esto nos lleva a otra cosa que realmente puede ayudarte a mejorar en CSS.

Deshazte de las bibliotecas de CSS

Este consejo me lo dio un amigx y creo que es uno de los mejores que recibí. Me hizo retroceder y realmente aprendí CSS.

Así que abandona Bootstrap, Bulma y cualquier otra biblioteca que conozcas y usa vanilla CSS para tus proyectos. De acuerdo, no tienes que deshecharlas completamente. A veces, hacen que nuestro trabajo sea más rápido. Mi punto es que, antes de aprender a usarlas, es importante aprender CSS primero. Aprender cómo usar una biblioteca sin saber cómo funcionan bajo el capó es como aprender React sin comprender primero JavaScript. Puedes hacer que tu vida resulte miserable en algún momento.

Si deseas tener una mejor relación con CSS, es mejor intentar trabajar sin estas bibliotecas. De esta forma, entenderás cómo funciona CSS en profundidad.

Para obtener una mayor flexibilidad en el uso de estas bibliotecas, intenta estudiar su código, los estilos que aplican e intenta ajustar estos estilos. De esta manera, te serán más útiles.

Aprende a debuggear tu código

El Inspector en los navegadores es una bendición para los desarrolladores frontend. Aprende a usarlo. Aprender a debuggear tu código usando el inspector de tu navegador hará que debuggear sea más fácil y más rápido.

Cuando encuentres un error, ve a tu inspector y descubre qué regla de CSS se está aplicando. Puedes hacer mucho con el inspector de tu navegador. Puedes ver todas las reglas de CSS que se aplican y el orden en que se aplican, puedes editar el HTML, agregar estilos a cualquier elemento e incluso pseudoclases. En lugar de implementar tus correcciones en tu IDE (Entorno de desarrollo integrado) primero, pruébalo en el navegador, ve si funciona. Luego regresa y arréglalo en tu IDE. Esto te ahorra mucho tiempo.

Lee el código de otras personas

Sí, deberías hacerlo. Hay muchas cosas hermosas en Codepen, hay muchos sitios web hermosos en Awwwards. Mira sus hojas de estilo, intenta comprender qué hace que el sitio parezca hermoso. Si te encuentras con un diseño/layout con el que no has trabajado antes, inspecciona el elemento, descubre los estilos que se utilizan.

Esto puede no ser fácil al principio, especialmente si estás comenzando con CSS, pero créeme, se pone mejor. Intenta aprender al menos una cosa nueva de cada sitio que visitas al mirar su código. Con el tiempo, estas pequeñas cosas se suman y te hacen mejor en CSS.

A veces, cuando veo algo que no he hecho antes en un sitio web, creo un Codepen y trato de rehacerlo. Eventualmente, cuando necesito algo similar, visito este pen y estudio lo que hice. Esto me ha ayudado mucho.

Aprende a nombrar tus clases apropiadamente

Nombrar correctamente tus clases de CSS te ahorrará horas de depuración.  Ayuda a evitar errores que pueden ocurrir cuando hay clases con nombres similares. Por ejemplo, nombrar una clase ‘title’ puede parecer correcto, pero es ese el único título que tendrá tu archivo CSS?. Sería mejor usar nombres más específicos como ‘post-title’ o 'card-title’.

Si tus nombres de clases no son específicos, podría ser difícil hacer un seguimiento de todos los nombres de clase de CSS que has utilizado.  Eventualmente, puedes terminar teniendo estilos no deseados aplicados a un elemento debido al uso de un nombre de clase ya usado.

Siguiendo una convención de nombres como BEM, SMACSS u OOCSS hace que elegir nombres de clase sea más fácil. Incluso si no quieres seguirlas estrictamente, aprende los principios que las rigen, aplica estos principios y mantén un patrón. Hazlo por ti y por la persona que podría mantener tu código en el futuro.

¡Practica! ¡¡Practica!! ¡¡¡Practica!!!

Nada es mejor que practicar. Obtienes experiencia cuando trabajas en muchos diseños de Interfaz de Usuario (UI) con diferentes características y layouts. Te quedarás atascadx en varias cosas, especialmente cosas que no has hecho antes. Sin embargo, cuando le encuentres la vuelta, te tomará menos tiempo trabajar en cosas similares en el futuro.

Acepta siempre diseños de Interfaz de Usuario (UI) desafiantes y trabaja en ellos. De esa forma, mejorarás más rápido. 

Últimas palabras

Si encuentra la solución a cualquier problema de CSS en StackOverflow o Codepen o en cualquier otro foro, descubre por qué funciona. Evite copiar y pegar estilos que no sean necesarios. Podrían ser el motivo de los errores que podrías tener más adelante.

No te sientas abrumadx por la cantidad de cosas que tienes que aprender. Nuevas funciones se agregan a CSS regularmente. Asegúrate de conocer los conceptos básicos primero, luego sigue aprendiendo y ampliando tus conocimientos.

Aquí hay un enlace a sitios web con contenido CSS útil.

W3Schools MDN A List Apart CSS Tricks CSS Weekly Smashing Magazine Bits of Code CSS Wizardry Responsive Design Weekly En fin, eso es todo. Espero haber cumplido mi promesa de no aburrirte ;) Siéntete libre de compartir consejos personales que te han ayudado a mejorarse en CSS y cualquier recurso CSS útil que tengas. Gracias por leer. :)

-

Artículo original en Inglés x Sarah Chima https://dev.to/sarah_chima/having-a-good-relationship-with-css-f1e * intento de traducción al español via translate.google.com

[t0kt0]

Mulük fotografía x Erika Lust Films

Mulük Fotografia sobre por qué cada toma es una declaración política

Entrevista original en inglés > https://erikalust.com/muluk-fotografia/

¡Presentando a Paola, o Mulük Fotografia! Cada acción y cada persona que fotografío es una declaración política.

¡Dénle una cálida bienvenida a Paola de La Cruz, desde Buenos Aires! Primero vi el trabajo de Paola en el instagram de mi buena amiga Maria Riot, y tan pronto como vi las imágenes, supe que Paola sería una increíble incorporación a la familia XConfessions. Ella es fotógrafa y pornógrafa que trabaja bajo el nombre de Muluük Fotografia, y la política corre a través de su trabajo creativo, original y audaz. Lo que más me gusta de las fotografías de Paola es cómo capta la personalidad de sus sujetxs. Aunque hay un estilo claro con el que Paola trabaja, cada imagen parece reflejar su propia historia. ¡Pero dejaré que ella hable sobre su trabajo!

Hola Paola! ¿Qué te hizo querer colaborar con XConfessions?

Escuché sobre XConfessions a través de unx amigx, y al instante comencé a seguir el trabajo de Erika. Unos meses más tarde, unx amigx me dijo que Erika estaba llamando a directoras, y de inmediato supe que tenía que enviar mi trabajo. Pero decidí esperar un poco para hacerlo, porque en ese momento no pensé que podría ser una colaboradora. Pero cuando XConfessions me invitó a colaborar con ellxs [como artista], fui muy feliz. 🌈Sus imágenes ahora están ilustrando sus confesiones sexuales, miralas acá! 🌈

Tu trabajo tiene una estética súper genial: ¿cuánto de eso proviene de las personas que fotografías y cuánto les provees de disfraces / maquillaje, etc.?

Creo que es un poco de ambas cosas. Definitivamente hay personas que me han inspirado mucho. Usualmente mis trabajos eróticos son de trabajadoras sexuales que hacen su propio maquillaje y eligen sus propios conjuntos. Pero siempre doy instrucciones generales sobre la paleta de colores que quiero usar. Creo que ahora mismo estoy en un momento en el que quiero comenzar a experimentar con la dirección de arte y el estilo. Pero hasta ahora todo ha sido planificado un 50% y otro 50% improvisado.

¿Cómo conoces a la gente en tus fotos?

Las personas que aparecen en mis fotos generalmente son trabajadorxs sexuales que me contratan, mis amigxs o personas al azar que conozco en las redes sociales y que me escriben para sesiones de fotos. Hay muchas personas que quieren colaborar conmigo y eso me encanta.

Me cuesta encontrar trabajo erótico, especialmente en Instagram, de cualquier persona que no sean mujeres delgadas y blancas. ¿Has notado esta representación desproporcionada?

Sí, por supuesto. Lo veo todos los días y es algo que realmente me molesta. Existe una obvia invisibilización de cuerpos no hegemónicos. Los cuerpos gordos, no blancos, trans y funcionalmente diversos están siendo "borrados" o se muestran solo como un fetiche. Esto es lo que trato de mostrar en mis fotos. Que estos cuerpos pueden ser sexys, pueden ser eróticos y TIENEN que ser sexualizados.

💜 Seguí a Mulük Fotografia en Instagram! 💜

¿Ves política en tu trabajo?

Mi trabajo es política. Soy un activista de tiempo completo y he realizado una serie de fotografías inspiradas en la política, el anarquismo, el transfeminismo y la sexualidad. Creo que todo mi trabajo es de alguna manera una protesta, y es parte de mi política. Cada acción y cada persona que fotografío es una declaración política. No solo con mi forma de trabajar, trato de comunicar con cada aspecto de mi trabajo un gran FUCK YOU, literal, a la norma. Y espero ayudar a las personas a encontrarse representadas. El hecho de que algunos cuerpos no se muestran y no son considerados deseables por los medios de comunicación hegemónicos es una forma de violencia. Y para muchos de nosotrxs, vernos representadxs puede ser muy liberador. Con mis fotos, también trato de aliviar algunas de las cosas que nos oprimen.

¿Qué hay en el futuro para tu trabajo?

Empecé a hacer porno gracias a mis amigxs / aliadxs. Descubrí que ese era el camino que quería tomar. Siento que el porno es mi siguiente paso después de la fotografía erótica. Estoy muy motivada a mostrar cuerpos desobedientes en el porno. También quiero representar diferentes formas de abordar el placer y la sexualidad. Me reconozco dentro del espectro asexual (demisexual / greysexual) y generalmente no encuentro cosas que me gusta hacer en porno, porque las prácticas sexuales no explícitas generalmente no se consideran eróticas, incluso si para mucha gente lo son. Quiero hacer porno para y con esas personas.

Si pudieras describirte en una imagen, ¿qué sería?

¡Esta soy yo, la bomba representa mi activismo gordo!

¿Alguna vez encontraste una buena representación visual de un orgasmo?

*intento de traducción al español via translate.google.com

[t0kt0]

SASHA SATHYA

tran$bitch | rapper – beatmaker – producer Buenos Aires, Argentina

facebook.com/transtorta/

instagram.com/transbeba/

soundcloud.com/sashasathya

[t0kt0]

lesbianbands.com

lesbianbands.com ✨ - una maravillosa web donde se puede conocer y escuchar bandas lesbianas, hecha en WordPress.

[t0kt0]

#AdaLovelace

10 de Octubre es el #AdaLovelaceDay

Ada Lovelace ✨ - brillante matemática y escritora, nacida en 1815 en Reino Unido, conocida por haber trabajado en la máquina calculadora mecánica llamada 'máquina analítica'. Es considerada  además como la primera persona en escribir un algoritmo factible de ser procesado por una computadora. Su padre fue el poeta Lord Byron, y su madre Lady Byron, también matemática, anti-esclavista y activista por los derechos de las mujeres.

[t0kt0]

Cómo crear una página web usando Tumblr

Guía de pasos para crear una página web personal usando un blog de Tumblr

Hay muchísimas maneras de crear una página web y pueden variar desde hacerla desde 0 a usar alguna plataforma de creación de páginas web por módulos que se arrastran y sueltan -como wix.com o Weebly, pero que son pagos o gratuitos con publicidades- hasta configurar un blog personal como Tumblr. El resultado sin duda va a depender de los conocimientos previos, las destrezas propias para googlear, además de la infinita paciencia y curiosidad y la alta tolerancia a la frustración que la tarea demanda.

Para hacerla fácil va un paso a paso para tener una página web usando Tumblr pero con un dominio de internet propio. (Vale la aclaración de que el blog en Tumblr puede ser reemplazado por Blogger o cualquier otra plataforma que acepte usar un dominio diferente al que proporcionen)

Como ejemplo, la idea es terminar con una página tan linda (al igual que sus ilustraciones ✨) como la de Amanda Mijangos: ilustradora mexicana ganadora de numerosos premios internacionales y con varios libros publicados, que es básicamente un Tumblr (http://a-mijangos.tumblr.com) al cual se accede por su dominio 'http://www.amandamijangos.com'.

# Crear el Tumblr

1.

Para empezar es necesario tener una cuenta en Tumblr o de lo contrario registrarse e ingresar `mail - contraseña - nombre de usuario`

2.

Una vez registrada la cuenta y habiendo iniciado sesión si fuera necesario, clickear en 'Modificar apariencia', opción ubicada en el menú de la derecha *todas las referencias están resaltadas en naranja en la foto que le sigue*

3.

La opción nos lleva a la sección de configuración del blog en la que se pueden modificar varias cosas como la imagen de portada y de usuario, pero lo que importa en este caso es clickear en 'Editar tema' en la sección Tema para el sitio web.

4.

En esta parte se pueden seguir modificándo detalles de la apariencia del tema actual de Tumblr que se le aplica a cualquier nuevo blog creado por default. No obstante, para buscar un tema en particular para instalar en el blog clickear en 'Buscar temas' y después 'Buscar muchísimos más'

5.

Tumblr redirige a su sección de Temas en el que se pueden buscar temas por categoría dependiendo de lo que mejor se vaya a ajustar al contenido del blog o del gusto propio, además de que diferencia los temas que son gratuitos de los pagos (tienen un círculo azul con el precio en el extremo superior derecho). Clickeá en el siguiente link si lo que te interesan son los temas más usados y gratuitos, que probablemente tengan la ventaja de ser bastante flexibles y completos, además de tener su propia documentación al día y soporte al usuario.

6.

Por último, para instalarl el tema hay que elegirlo, abrirlo y clickear en el botón 'Instalar'. Eso va a hacer que el tema se instale automáticamente y se redireccione de nuevo al blog para seguir editando su apariencia y opciones personales.

# Crear el dominio

Un dominio puede ser gratuito o pago, pero antes de sacarlo hay que asegurarse de que no esté ya en uso. Los dominios gratuitos son los que terminan en '.tk' o '.ml' -entre otros-, y se pueden registrar en Freenom.com.

Dominios de uso más común como '.com' o '.net' son pagos y pueden registrarse en diferentes páginas que proveen dominios como 1and1.com o godaddy.com (para comparar los precios de dominios proporcionados por diferentes páginas se puede buscar en domcomp.com).

Los dominios específicos a una localidad geográfica como '.com.ar' en Argentina o '.com.mx' en Mexico se registran en las páginas específicas de cada región, como nic.ar o nicmexico.mx.

7.

Se registra el dominio que esté disponible en algunas de las páginas mencionadas anteriormente. En general todas las páginas requieren que se cree una cuenta, desde la cual después se puede acceder para modificar opciones del dominio -como conectarlo con Tumblr- o para cancelarlo si fuera necesario.

# Conectar el dominio con Tumblr

Para conectar el dominio con el blog de Tumblr es necesario configurar ambos para que se establezca la conexión entre si. Entonces por un lado hay que configurar el dominio para que apunte a Tumblr y por otro lado hay que configurar el blog Tumblr para que apunte al dominio registrado.

8.

Para que el dominio apunte a algún lado en Internet es necesario ingresar una dirección IP de algún servidor. Esto se requiere para que cuando en un navegador -Chrome, Firefox, Internet Explorer- escribo un dominio (ej: google.com) la página que aparezca sea efectivamente la del búscador Google.

En el caso de Tumblr la dirección IP de sus servidores es 66.6.44.4. Por ende es necesario agregarle ese IP al tipo de registro A/AAAA (o A/AAAA records en inglés) accediendo al panel de control de la página proovedora del dominio en la sección de configuración de DNS o DNS Settings en inglés.

9.

Por último lo que falta es especificar en el blog de Tumblr que queremos que para acceder al mismo la dirección sea el dominio que registramos. Para eso hay que volver a la página de configuración del blog clickeando en 'Modificar apariencia'

10.

Configurar el dominio al que se accede al blog haciendo click en el ícono lápiz que aparece a la derecha de la sección 'URL de Tumblr' > activar la opción 'Utilizar un dominio personalizado' e ingresar el dominio creado y Guardar las modificaciones.

Para verificar que se haya establecido la conexión clickear en 'Probar dominio' y esperar a que devuelva un "Perfecto!" o un error.

✨ Listo ✨

Si la configuración está bien hecha al ingresar al dominio a través de un navegador de internet, debería cargarse el blog de Tumblr.

En el caso de que hubiera fallado podés dejar un mensaje acá con tu email incluido para responderte.

[t0kt0]

https://t0kt0.info

t0kt0 web, un Tumblr con tema personalizado creado en base al libro #BuildThemes de @RohanChandra 

> http://buildthemes.tumblr.com/about 💖