Cómo dominasteis CSS sin morir en el intento?

B

[Borrado] #1 Mar '19

CSS da asco y es un hecho, me está arrasando completamente por que necesito crear un diseño de web medio decente antes de seguir avanzando con JS pero me resulta jodidamente imposible.

Me he visto negro para crear una puta navigation bar con dos floatings a los extremos sin que se mezcle con el puto divisor de abajo. margin-top: -13px y su puta madre. Estoy haciendo chapuzas y no creo que este sea el camino.

Necesito algo de luz, alguna guía buena? El concepto lo entiendo y requeteentiendo pero soy incapaz de hacer algo decente sin chapuzas.

B

[Borrado] #2 Mar '19

No usando css a pelo, mírate bootstrap o algo así.

1 respuesta

B

[Borrado] #3 Mar '19

#2 bootstrap/flexbox/etc. no son opciones contemplables, al menos por ahora. Necesito meterle mano a CSS a pelo

2 respuestas

B

[Borrado] #4 Mar '19

#3 Estás estudiando o algo supongo....

voignar #5 Mar '19 Inocente

Mirate boostrap y replicalo a pelo... Hoy en día no merece la pena hacerlo a pelo teniendo boostrap

1 1 respuesta

Teq- #6 Mar '19

#3 flexbox es puro CSS

M

messayiah #7 Mar '19

Yo soy maquetador, tal vez el problema no sea que lo hayas escrito mal, sino que depende de lo que tenga alrededor el div que esté jodiéndote.

Si no tienes claro como sacar elementos del flujo con float, o no entiendes bien que es position absolute y relative + display block, mejor deja eso que estés haciendo antes de que te de un infarto.

M

messayiah #8 Mar '19

#5 No se puede andar sin haber aprendido a gatear antes.

Troyer #9 Mar '19 Cofarde

pues si te explota la cabeza con css verás cuando empieces a programar xD

2 respuestas

willy_chaos #10 Mar '19

#9 perdon? XD

programar tiene su lógica... css dependiendo del puto navegador hace lo que le sale de los huevos...

IExplorer 11
Edge
Opera
Firefox
Chrome
Safari

Aunque muchos comparten motor, implementan las formas a su manera. Cierto es que ya no es tan bestia como antaño, pero vamos ... en C / Java / Python / PHP ... un IF ELSE siempre funciona igual.

1 2 respuestas

Troyer #11 Mar '19 Cofarde

#10 https://caniuse.com/

Si te piden que hagas el diseño con css puro tampoco creo que te pidan gran cosa, pero creeme que cuando te digo que css está chupado, luego tienes cosas más complejas como SASS.

pantocreitor #12 Mar '19

Esta mañana justo estaba liado con bootstrap. Como comentan por ahí arriba antes de usarlo debería aprender mas o menos bien CSS y darse cabezazos, creo que es lo mejor, porque si, CSS puede llegar a ser muy muy muy frustrante (sobre todo en casos como el mío que suelo pasar bastante del front), pero aprender a arreglarlo, lo quieras o no, te da un grado de conocimiento que aunque básico y no indispensable a la larga no viene mal.

isvidal #13 Mar '19

empieza por aprender a full la propiedad display:flex

y cuando sepas hacer funcionar el flex, lo cuadraras con la punta del cipote.

Y

Yeeees #14 Mar '19

Aún recuerdo la de hostias que me dí en su día hasta que descubrí que max-width existía, a partir de ahí me empezó a salir todo rodado.

s4suk3 #15 Mar '19 Penitente

Ponle important a todo

9 2 respuestas

eondev #16 Mar '19 Rawe Ceek

#9 xDDDDD js querrás decir. CSS es el demonio, es el tedio personificado, yo no tengo paciencia para semejante mierda aburrida

B

[Borrado] #17 Mar '19

#10 Correcto, es una putísima mierda ese hecho y nos hace la vida x1000 más difícil

Dev #18 Mar '19

#15 sabe

Nah, css es mucha paciencia, lectura y aprender a base de hostias. Sí que es verdad que puedes tirar de bootstrap o materialize y derivados si necesitas algo rápido, pero así no aprenderás una mierda. Lee sobre los diferentes tipos de propiedades y sus opciones para ir entendiendo un poco cómo se comportan las capas en el dom y así tendrás la base hecha.

Btw, esta guía para flexbox mola: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Gamo #19 Mar '19 MCU Consumer

Que recuerdos de estres de cuando estudiaba esta movida. Animo.

Camperito #20 Mar '19

#15 Uno que sabe de lo que habla, ding clarisimo

AikonCWD #21 Mar '19 Git Gud

http://www.csszengarden.com/

Yo con esa web aprendí un huevo. La gente aplica diferentes CSS para cambiar el diseño, la verdad es que parecen webs totalemtne diferentes, te pongo un ejemplo:

http://www.csszengarden.com/221/
http://www.csszengarden.com/219/
http://www.csszengarden.com/216/

Todas son la misma web, solo modificadas por CSS. Viendo el código de cada ejemplo he ido aprendiendo cosillas super útiles.

1

EseLoKo #22 Mar '19 Inocente

Para trabajar con CSS es necesario usar SASS.

SASS + compass.app es mano de santo. Una vez que te acostumbras, picar CSS a pelo da todo el puto asco.

B

[Borrado] #23 Mar '19

1

Cómo dominasteis CSS sin morir en el intento?

Usuarios habituales

Tags