Aprendizaje de CSS y referencia a WordPress: más de 150 recursos

Cuando se trata de aprender y recordarle CSS, no hay ninguna razón por la que tenga que memorizar cada propiedad y clase cuando puede buscar rápidamente todo lo que necesita saber en solo unos segundos. Pero si bien los motores de búsqueda (léase: Google) proporcionan una forma rápida de buscar respuestas de CSS, puede ser difícil saber cuáles son realmente útiles y, lo que es más importante, actualizados. En nuestra reciente encuesta de miembros, le preguntamos cuál es el mayor obstáculo en el aprendizaje de WordPress y un número abrumador de ustedes dijo que desea mejorar sus habilidades de codificación y ser más hábil en HTML, CSS y PHP.
En vista de esto también para ayudarlo a conquistar CSS, organizamos esta selección de algunos de nuestros recursos favoritos para aprender y referirnos a CSS e idiomas relacionados y preprocesadores, como Bootstrap, Sass y menos. ¡Así que navegue, marca y disfruta del aprendizaje de CSS! CSS, SASS, LESS, los recursos de arranque se agrupan en siete secciones:
CSS-es un lenguaje de estilo utilizado para agregar color y estilo a su sitio. Aunque técnicamente no es un lenguaje de programación, se usa ampliamente en Internet y se incluye en otros idiomas, como Bootstrap.
Sass: este es un lenguaje de hoja de estilo que es una extensión CSS. Se llama oficialmente un preprocesador y está diseñado para hacer que los estilos CSS sean fáciles de escribir y organizar.
Menos, similar a Sass, menos es otro lenguaje y lingüístico de la lámina previa al procesador que está diseñado para expandir la funcionalidad CSS al agregar nuevas características, como variables y mezclas.
Bootstrap-un marco frontal, código abierto, diseñado para crear sitios web HTML, CSS y JavaScript. Cada sitio creado con Bootstrap es receptivo en dispositivos móviles. People notable: hay muchas personas excelentes a seguir en Twitter que comparten consejos y trucos fantásticos de CSS. Estos son algunos de los mejores para ver y tuitear.
Recursos obligatorios: hay muchos sitios que merecen pasar por ellos, con mucha información para mantenerlo al día con los cambios de CSS, así como para brindarle un lugar para hacer preguntas y obtener ayuda. También hay sitios con una gran selección de tutoriales, así como cursos CSS y todos los lenguajes de programación.
Independientemente de su estilo de aprendizaje, debería poder encontrar recursos que funcionen para usted con una combinación de lecciones escritas, tutoriales y cursos de video.
Aquí está la cosa, hay muchos recursos y esta lista no es exhaustiva. Debido a que esta lista no puede continuar para siempre, probablemente haya algunos de sus favoritos que no están incluidos. Si piensa en un enlace que sentí que si reservamos, no dude en publicarlo en los comentarios a continuación. Recursos de CSS Si usted es nuevo en CSS, puede parecer un lenguaje abrumador, pero una vez que ha ingresado, es bastante fácil de administrar y bastante fácil. Para profesionales experimentados, puede ser útil tener una lista de todos los selectores y propiedades, porque hay mucho que recordar y especialmente CSS es una gran parte del diseño de Bootstrap y Web en general.
Si desea comenzar a aprender sobre CSS o desea mejorar sus habilidades existentes, aquí hay algunos recursos excelentes: nociones de CSS (W3C Wiki)
Tutorial CSS (W3Schools)
Los artículos de Hugo Giraudel sobre CSS, SCSS y Sass (Sitepoint)
Nociones introductorias con CSS (MDN, Mozilla)
Columna y plantillas de subsolos (wiki W3C)
Tutorial CSS, 16 lecciones (html.net)
Guía de principiantes para CSS (bit amigable)
Guía CSS completa (Westciv)
Uso efectivo de hojas de estilo (Nielsen Norman Group)
Aprenda todo sobre CSS (CSS tutorial.net)
Tutorial para principiantes CSS (perro HTML)
Para aquellos que son fanáticos de aprender a través de la práctica, estos son para ti:
Demostración CSS3 (MDN, Mozilla)
Experimentos con hojas de estilo en cascada (juego CSS)
Agregar iconos de redes sociales a WordPress con Sprites CSS (WPMU DE)
Impresión de un libro con CSS (una lista aparte)
Uso de la consulta CSS3 de medios para un diseño receptivo de WordPress (WPMU DE)
Comenzando con HTML y CSS (W3C)
Empujando CSS a los límites (CSS/EXP)
Belleza del diseño de CSS, ejemplos (CSS Zen Garden)
Obtenga ganancias de estilo rápido con estas herramientas de animación de WordPress (WPMU DE)
Libro de cocina de CSS Anarchist (O’Reilly Web Dev Center)
Lista de tutoriales de CSS (LinkedIn Learning)
Tutoriales de CSS para principiantes, intermediarios y avanzados (perro HTML)
Agregar fuentes personalizadas a WordPress con @Font-Face y CSS3 (WPMU DE)
Tutorial CSS (punto de tutor)
Aprenda a codificar HTML y CSS (Shay Howe)
HTML y CSS Advanced (Shay Howe)
Cómo agregar CSS personalizado a su sitio web de WordPress: 3 Métodos explorados (WPMU DE)
Haga que sus imágenes aparezcan con el estilo CSS súper fácil y sexy (WPMU DE)
Cómo personalizar el editor de texto de WordPress para que se vea y funcione como su marco front-end (WPMU) con el marco de Compass CSS (Mashable)
Mejorar la apariencia y la sensación de los comentarios de su autor (WPMU DE)
Cómo agregar icono a los menús personalizados de WordPress: sin complementos (WPMU DE)
Cómo personalizar completamente la página de inicio de sesión de WordPress (WPMU DE)
Aprenda el aspecto de CSS (aprenda la apariencia)
Cómo elegir enlaces externos en WordPress como Wikipedia (WPMU DE)
Agregue un botón dinámico “Realización” en su sitio de WordPress (WPMU DE)
Si aprende mejor en un entorno estructurado, aquí hay algunos cursos gratuitos y premium:
Cursos de diseño web, HTML y CSS (WestCiv)
CSS (Team Treehouse) Cursos y talleres
30 días para aprender HTML y CSS (Tuts+)
Curso rápido para principiantes CSS y CSS3 (Robin Nixon)
Introducción a HTML y CSS: no es una introducción típica al desarrollo web (UDacy)
Hay muchas lecturas excelentes que son una forma excelente y accesible de aprender sobre todo lo que necesita saber. Si toma uno o más de los libros en esta lista, también se duplican como una referencia remota rápida.
CSS Secrets: mejores soluciones a los problemas diarios del diseño web (Lea Verou)
Aprenda a codificar HTML y CSS: desarrollar y estilizar sitios web (Shay Howe)
HTML y CSS: diseñar y crear sitios web (Jon Duckett)
CSS3: Manual faltante (David Sawyer McFarland)
Aprende CSS un día y aprende bien, incluye HTML5 (Jamie Chan)
CSS Master (Tiffany B Brown)
Fundamentos CSS3 (Ian Lunn)
CSS: Guía definitiva (Eric A. Meyer)
CSS: forma inteligente y efectiva de aprender CSS en dos horas (Simon Bedford)
Libro CSS3: Guía del desarrollador para el futuro del diseño web del diseño web (Peter Gasston) con HTML5 y CSS3 (Ben Frain)
HTML5 y CSS3 para maniquíes (David Karlins)
Regla CSS: estándares web avanzados (Simon Collison)
CSS Design Zen: iluminación visual para la web (Dave Shea y Molly E. Holzschlag)
Los videos tutoriales pueden ser útiles porque se guía por un experto paso a paso. A veces es más fácil tener imágenes visuales. Aquí hay algunos excelentes tutoriales y cursos en video en YouTube que vale la pena explorar:
Cómo convertir la página HTML/CSS en el tema de WordPress (Chris Lam)
Tutorial CSS: Construya una página inicial (Elias Sarantopoulos)
Tutorial CSS para principiantes – Parte 1 en 4 – Aplicación de estilos, segunda parte – Selectores, tercera parte – El patrón de la caja y la cuarta parte – Posicionamiento (Tutor4U)
Cómo dominar CSS (CodeGeek)
Tutorial HTML y CSS Cree su propio sitio web completo (Antu Tunga)
[Completo] HTML5 CSS3 Fundamental 7 horas (I && Developer)
Aprenda CSS en 12 minutos (Jake Wright)
Tutorial HTML y CSS: divisiones, IDS y clases (Devhqlesons)
Cree un sitio web receptivo utilizando HTML5 y CSS3 (1stWebDesigner)
Sitio web de HTML y CSS para principiantes (Drew Ryan)
Cómo hacer que un sitio comience hasta el receptor receptivo final-html5/css3, deslizamiento de imágenes y menú desplegable (Drew Ryan)
Aprenda el curso HTML y CSS (Guía del codificador)
Aprende CSS (Devtips)
Posicionar CSS, Flotación, Clears y muchos más (Devtips)
Tutoriales CSS3 (Leveluptuts)
¡Cómo hacer que su CSS sea maravilloso con bourbon, ordenado, amargos y reservas! (CodeCourse)
Secret CSS3: 10 cosas que quizás no sepa sobre CSS3 (Lea Verou)
Si está buscando sitios que pueda consultar rápidamente cuando esté bloqueado, estos son algunos de sus favoritos: selectores y propiedades (CSS-Triks)
Referencia de CSS (MDN, Mozilla)
Servicio de validación de CSS (W3C)
Referencia de CSS (punto de sitio)
Lista de propiedades (wiki W3C)
Lista de selectores (W3C Wiki)
ÍNDICE DE PROPIEDAD (MEIERT)
Uso de CSS como herramienta de diagnóstico (O’Reilly Web Dev Center)
Los recursos de SASS que simplifican el CSS con SASS significa que puede diseñar su sitio más rápido. Aquí hay algunas guías que te ayudarán a llegar allí:
Guía lingüística Sass: nociones básicas (sitio web oficial de SASS)
El dominio de Sass (Tuts+)
Fragmentos Sass (CSS-Tricks)
Guía de estilo Sass (CSS-Tarks)

¿Cuál es la diferencia entre SASS y SCSS? (Punto de sitio)
Sass Learning: una guía para principiantes de Sass (primer diseñador web)
La guía absoluta para principiantes en Sass (Andrew Chalkley)
Uso de Compass y Sass para CSS en el próximo proyecto (Tut+)
La guía de un desarrollador para enseñar a Sass en 20 minutos o menos (Josh Pollock)
Sass: ¿Mezcla o sustituyente? (Hugo Giraudel)
Fragmentos útiles Sass Mixin (Box Web Creator)
Aquí hay algunos tutoriales para practicar lo que aprende:
Guías y tutoriales para principiantes (modo SASS)
Guías y tutoriales intermedios (modo SASS)
Guías y tutoriales avanzados (modo SASS)
Ver a un experto que muestra sus cuerdas de video es lo mejor para tenerlos en la habitación contigo. Estos son algunos de los mejores tutoriales y cursos de video tutorial en YouTube:
Tutorial Sass (Leveluptts)

CSS Receptivo con SASS y Compass (cursos CSS HTML gratuitos)
Tutorial Sass y SCSS para principiantes (entonceswbobosto)
Tutoriales de la brújula (Levelupts) secuestrados por Sass para CSS en siete minutos (JREAM)
Conversión CSS en Sass (casa en árbol)
¿Qué es Sasss y por qué deberías usarlo? (Justin Meyers)
Las pautas y los tutoriales son fantásticos, pero si necesita más información y orientación, un curso puede ser más su velocidad:
Asamblea de Sass (escuela de código)
CSS Receptivo con SASS y Compass (Ray Villalobos)
Sass paso a paso (Lisa Catalano)
CSS con menos y Sass (Joe Marini)
Menos recursos de SASS son generalmente más populares, pero hay muchos menos fanáticos. Estas útiles guías y tutoriales deberían proporcionarle toda la información que necesita para aprender menos desde cero o mejorar sus habilidades. En cualquier caso, debe poder decidir qué lado de la cerca está.
Curso CSS con menos y SASS (tutoriales de FedElopment)
Sass o menos? ¿Qué debes usar? (Consejos de desarrollo)
Cómo acelerar su proceso de desarrollo web utilizando menos (Sitepoint)
Menos: los elementos básicos (Peter Witham)
Ingrese menos: lenguaje programable para hojas de estilo (Daniel Pataki)
No lea este tutorial menos CSS (muy adicto) (Blog de@Verekia)
Nociones introductorias con menos (Nicholas Cerminar)
Menos CSS – Guía para principiantes (Hongkiat)
Aprenda menos en 10 minutos (o menos) (Tutorialzines)
Una introducción completa a menos (punto de sitio)
La guía absoluta para principiantes en menos (ostra de ostra)
Usando preprocesador menos CSS para hojas de estilo más inteligentes (Dmitry Fadeyev)
Una introducción a menos y una comparación con Sass (Jeremy Hixon)
Sass vs Less (Chris Coyier)
Tutorial menos CSS – Guía para principiantes para un preprocesador CSS (IOSSTREAM)
Los recursos de bootstrap pueden no ser muchas guías y tutoriales en esta lista, pero no dejen que el tamaño lo engañe, porque estos recursos merecen su peso, ellos, el tamaño del archivo en oro.
Estos incluyen todo lo que necesita saber para comenzar a crear sitios receptivos de arranque:
Tutorial Bootstrap: una guía para principiantes (Blog de Udemy)
Uso de Bootstrap con menos CSS – Tutorial (Atanas Ruzhin)
Si necesita una guía detallada para ser casi en cualquier momento, estos libros son excelentes opciones:
Bootstrap de aprendizaje: diseño web moderno, elegante y receptivo y fácil (Araving Shenoy)
Bootstrap 3 paso a paso: una guía rápida para el desarrollo web receptivo usando Bootstrap 3 (Rwanto Megosinarso)
Bootstrap Essentials (Snig Bhaumik)
Si considera que aprender a través de artículos y libros no es tan útil para tener un maestro que lo guíe a través del material, aquí hay algunos cursos que puede encontrar para obtener ayuda:
Bootstrap 3.0 Essentials (Tuts+)
Bootstrap en WordPress (Code College)
Aquí hay algunos excelentes tutoriales en video y cursos de bootstrap creados por personas talentosas en YouTube:
Tutorial Bootstrap 3: cree el primer sitio web receptivo de una página con Bootstrap (Wiredwiki English)
Tutoriales de Bootstrap 3 – Instalación #1 de Bootstrap e insertando el sistema de cuadrícula (Wiredwiki English)
Construyendo hermosos sitios web con bootstrap: un estudio de caso (Michael Kennedy)
[Completo] Creación de una interfaz de uso receptivo con bootstrap 6 horas (I && desarrollador)
Creación de una interfaz de uso receptivo y un aspecto de sitio web con el bootstrap 3 (esfera del código)
Cómo hacer un sitio web receptivo desde cero usando bootstrap: desde PSD a HTML5, la segunda parte y la tercera parte (Quentin Starr) Course completamente de bootstrap – Cómo construir un tutorial de sitio receptivo de arranque (el sitio web)
Cree un tema de WordPress con Bootstrap 3 (Guía del codificador)
Tutorial Bootstrap 3 (Guía del codificador)
Diseño web receptivo con bootstrap (guía del codificador)
Bootstrap GID – Serie CSS Grids (devTips)
Hay tantos desarrolladores web maravillosos que es difícil elegir solo una mano. Por lo tanto, he reunido algunos más, porque la búsqueda de las personas adecuadas en Twitter puede brindarle un flujo constante de información útil.
Sara Souidan-Front-End desarrolladora, escritora y oradora. Autor CODROPS CSS Referencia.
El desarrollador y diseñador de Ana Tudor que escribe publicaciones de CSS para muchos sitios como CSS-Tarks.
Snook – Diseñador, desarrollador, escritor y orador que también escribió SMACS.
Codrops: dedicado a la oferta de tutoriales útiles, artículos perspicaces, inspiración creativa y recursos gratuitos para diseñadores y desarrolladores web.
CSS-TRETRBS-A CSS Web Design Community.
Lea Verou – Investigador de HCI, autor de CSS Secrets (enumerados aquí) y miembro del personal de W3C.

Harry Roberts-Speaker, autor y consultor arquitecto front-end para Google, Un, Etsy, Kickstarter, BBC y muchos más.
Nicole Sullivan – Desarrolladora web, ingeniero principal y gerente de ingeniería.
Hakim el Hattab-JavaScript y Tweker CSS, así como cofundador @Slides.
Mathias Bynens – Fanático de los estándares web especializados en JavaScript, HTML, CSS, HTTP, Performance, Security, Bash, Unicode y OS X.
Peter-Paul Koch-Strategist Platform, consultor, escritor, organizador de conferencias y orador, blogger, entrenador y experto en compatibilidad de navegadores. Referencias obligatorias en el mundo de Internet, las cosas cambian muy rápido antes de que puedan parpadear dos veces. Por lo tanto, hemos hecho una lista especial de sitios para marcar, por lo que puede mantenerse al día con lo último y lo mejor.
Guía lingüística Sass: nociones básicas (sitio web oficial de SASS)
Menos CSS (sitio web oficial por menos)
Compass, un marco creativo de CSS
Bourbon, una biblioteca de mezcla para sass
El consorcio en la red mundial
WordPress.tv
Codex WordPress
látigo
Dónde aprender aún más cuando está listo para aprender más y dar el siguiente paso, tiene muchas opciones. Todos estos sitios son lugares fantásticos para registrarse a precios asequibles para avanzar en sus conocimientos y tal vez incluso en su carrera.
Treehouse: cursos de calidad sobre diseño y desarrollo web para individuos y negocios en los que las principales empresas confían.
LinkedIn Learning (anteriormente Lynda.com) – El creador de LinkedIn fundó este sitio de educación tecnológica con cursos, desde fotografía y música hasta desarrollo web y negocios. Debido a que las principales empresas ya están a bordo, no debería ser difícil encontrar un trabajo después de haber terminado los cursos aquí.
Sitepoint: hay muchas guías excelentes para CSS y no solo aquí. Es prácticamente un contador único y una excelente referencia para el código.
Sitepoint Premium: anteriormente llamado Learable, esta es la Casa de los Cursos de Sitepoint sobre diseño y desarrollo web. Es una fuente confiable para aprender todo lo que necesita para comenzar o avanzar en su carrera. Complete para los desarrolladores web (Rob Percival): un curso práctico sobre UDEMY para principiantes y desarrollo web. El ex maestro, Rob Percival, hace un excelente trabajo, lo que hace que la programación sea fácil de entender.
CodeCademy HTML y CSS: este es un curso HTML y CSS de calidad. Lo que diferencia a CodeCademy de otros sitios de cursos es que sus cursos son interactivos y se consideran modernos en el enfoque en comparación con el sistema escolar tradicional de los Estados Unidos.
Coursera: hay cursos de desarrollo web y desarrollo web gratuitos disponibles, así como paquetes de cursos asequibles, creados por universidades reales como Brown, Harvard, Standford y muchos más. Por una tarifa, puede registrarse para un paquete de cursos y recibir un certificado al final. Aunque no es un equivalente con un diploma, todavía se ve muy bien en un CV, porque su educación sería de una fuente de gran confianza.
UDACY – Google ha creado este sitio educativo que ofrece cursos gratuitos y premium. También puede inscribirse en sus programas de desarrollo y programación web, que son casi tan buenos como un diploma, ya que es suficiente para calificar para un trabajo bien pagado en las principales empresas, incluida Google.
CodePen-una comunidad para que los desarrolladores front-end presenten su trabajo, obtengan comentarios y creen un caso de prueba para errores.También hay tantos ejemplos realmente interesantes sobre lo que puede hacer CSS, es bastante inspirador. ¿Tienes ayuda?”Pobody’s Nerfly”.A veces puede encontrar que necesita una mano adicional cuando un código no funciona como esperaba.Afortunadamente, hay algunos sitios excelentes a los que puede acceder para obtener consejos y ayuda gratuitos:
Pila de WordPress
Foro de asistencia de WordPress.org
Y si usted es un desarrollador de WPMU, recuerde que puede preguntarle a nuestro maravilloso equipo de asistencia en cualquier momento para cualquier dilema de CSS.
Si se han omitido sus enlaces favoritos y cree que deberían incluirse, no dude en publicarlos en los comentarios a continuación.
Etiquetas:
CSS