¿Cuál es el mejor lugar para aprender CSS ‘libros o en línea’?

En realidad, hay muchos sitios web y recursos disponibles en Internet para aprender CSS (de pago y gratis). Estoy de acuerdo con David en que debe probar los tutoriales en línea de W3Schools en línea para la capacitación básica a intermedia. Además de eso, aprender a codificar también es una gran opción. Pero si necesita algunos materiales fuera de línea como libros electrónicos, le sugiero que visite http://it-ebooks.info para obtener una gran cantidad de libros electrónicos gratuitos y valiosos (también aprendí codificación al leer esos libros). Algunas de las otras fuentes principales de libros electrónicos son:

  1. Descarga gratuita de libros electrónicos de TI
  2. ¡Descarga gratis el motor de búsqueda de eBooks!
  3. Biblioteca electronica. Descargar libros gratis. Encontrar libros
  4. Descargar eBooks gratis – ebook3000.com

Un consejo adicional: como dijiste que quieres ser más profesional en el diseño, te sugiero que aprendas a diseñar vectores en Inkscape y algunos trabajos de Photoshop en GIMP. Estos dos softwares son de código abierto y de uso gratuito, por lo que no necesita pagar nada a su nivel de aprendizaje (puede buscar en Google para obtener más información sobre estas aplicaciones). Lo digo porque los gráficos vectoriales son una de las partes más importantes de la industria gráfica actual. Incluso si alcanza un nivel profesional en diseño, puede hacer la mayoría de los diseños gráficos en Photoshop o Illustrator y generar el HTML del sitio web a partir de maquetas PSD. Puede encontrar su tutorial en sus sitios web oficiales, es decir, Draw Freely | Inkscape y GIMP.

Nota: El sitio web http://it-ebooks.info no funciona desde hace algunos días, por lo que, como sustituto o alternativa, puede encontrar libros electrónicos de las otras cuatro fuentes que he mencionado anteriormente.

No soy un dios CSS, sin embargo, trabajo en la industria y he aprendido algunos trucos a lo largo de los años.

  1. Recuerde todo lo que pueda sobre todas las propiedades CSS. Intenta recordar en qué navegadores trabajan o si todavía están en desarrollo. Esto es esencial si desea que su sitio web funcione de la misma manera en todos los navegadores y plataformas. ¿Puedo usar … Las tablas de soporte para HTML5, CSS3, etc. son muy útiles para esto.
  2. A veces pueden ser difíciles de leer, pero lea las especificaciones del W3C para CSS. Son los chicos que lo escribieron, y es muy detallado. Explican dos conceptos fundamentales en cualquier desarrollo: modelo de caja y flujo de documentos. Hojas de estilo en cascada
  3. Una vez que tenga los conceptos básicos, puede pasar a los conceptos más abstractos de desarrollo. Trate CSS como le gustaría otros lenguajes de programación. Aprenda patrones y técnicas comunes y eficientes. Por ejemplo, table-cell para el contenido de alineación central. Puedes encontrar muchas personas hablando de estas cosas en sus blogs. Una excelente para empezar es con CSS-Tricks
  4. Aprende sobre la arquitectura CSS. Sistemas de rejilla, ritmo vertical. Un buen ejemplo de esto es bootstrap y fundación. Mira cómo escribieron el CSS para su sistema de cuadrícula. Entiendelo. Mejora en ello.
  5. Aprende a estructurar tus clases. Lea sobre BEM y SMACSS para comenzar. Su objetivo es la mantenibilidad y la escalabilidad.
  6. Lea sobre preprocesadores CSS como SCSS y LESS. Te ayudarán a repensar la forma en que creas CSS.
  7. Google, Google y Google. Todavía busco en Google cosas 200000 veces al día.
  8. Intenta ser inventivo. Encuentre sus propias soluciones a los problemas.
  9. Pide ayuda a Internet. El desbordamiento de pila es un gran sitio.
  10. Leer blogs Escribe lo tuyo. Ir a las charlas de desarrollo. Dev se reúne. Conferencias de desarrollo. Descubre quiénes son los dioses CSS y sigue sus acontecimientos.

EDITAR: Noto que mucha gente sugiere w3schools. Si bien no hay nada de malo en esto, y ciertamente se puede aprender allí, tienen un historial de mala información o falta de ella. Yo personalmente opto por Mozilla Developer Network, ya que tienen explicaciones muy detalladas y claras. Van en profundidad, muestran implementaciones sintácticas adecuadas y también ejemplos en muchos.

Espero que esta información ayude.

La mejor manera de aprender CSS es leyendo / escribiendo códigos reales. Creo que deberías consultar los códigos fuente de las páginas de destino simples. Le dará una mejor perspectiva sobre cómo escribir códigos bien organizados y reutilizables.

Como está buscando profesionalismo en CSS, debe consultar los sitios web como:

Awwwards – Las mejores tendencias de diseño web

Onepagelove – One Page Love

Aprendí la mayoría de las propiedades mediante el uso de elementos de inspección en sitios web reales como airbnb, fiverr, etc. También puede obtener ayuda de algunos de los mejores blogs como Codrops (Codrops | Útil ..).

Puede inspirarse en los kits de interfaz de usuario gratuitos – Designmodo para verificar los códigos y probarlos usted mismo.

Si está buscando un mentor personal para aprender Desarrollo Frontend mientras realiza algunos proyectos en el mundo real, consulte Internstreet: tutoría en línea individual de un desarrollador sénior.

PD: trabajo para internstreet

Vas a aprender más efectivamente haciendo.

Encuentre un diseño que le parezca difícil. (No muy por encima de tu cabeza; eso solo te hará sentir frustrado y desmotivado. Lo difícil es lo que necesitas). Intenta implementarlo. Cualquier problema que tengas, búscalo en Google. En los resultados de búsqueda, busque CSS-Tricks, StackOverflow y ¿Puedo usar?

Cada vez que busca una solución, revisa los resultados para encontrar la respuesta aplicable a usted y adapta la información para resolver su problema, lo hace un poco más rápido. Esta es el arma secreta de los grandes programadores: no ha memorizado miles de detalles de especificaciones sino que es bueno para cazar y capturar la información correcta en el momento adecuado. El tiempo que pasa buscando la solución para que este cuadro se alinee con esa imagen flotante no se desperdicia; estás invirtiendo ese tiempo en mejorar en la búsqueda.

(Los desarrolladores serios se mantienen alejados de W3Schools. Lo sé, la gente dice que han mejorado, pero pasar de mucha información mala a otra mala no es exactamente útil. Existen fuentes mucho más precisas).

En línea es la mejor opción.

Vaya al sitio web de w3schools y podrá aprenderlo tan fácilmente Solo un día es suficiente para flotar.