Writing clear, valid, and concise CSS code. Reviewing other people's CSS code. Providing feedback to others about their CSS code.
Learning/improvement resources:
- CSS coding standards and best practices for Drupal
- W3C CSS standards page
- W3C list of tutorials
- W3Schools CSS tutorial
- W3C CSS validator
- Mozilla Developer Network CSS documentation (contains links to tutorials, references and examples)
- Learn SASS (official tutorial)
- PostCSS basics (blog post)
- CodePen -- a good place to look at other HTML/CSS/JavaScript projects people have done, and/or test your own code
- freeCodeCamp has many tutorials on web development topics; start with the Responsive Web Design Certification curriculum if you are new to CSS
Demonstrated by:
A Skilled CSS coder should be able to do the following:
- Adhere to and extend a project's visual identity with new CSS.
- Carefully scope and bound CSS selectors to specific use-cases to minimize unwanted CSS styling.
- Define and implement media queries to properly render content across various breakpoints and media types.
- Verify CSS using the W3C CSS validator
An Expert CSS coder should additionally be able to do the following:
- Implement and review others' implementation of CSS coding standards and best practices for Drupal
- Leverage modern CSS standards, such as Flexbox and CSS Grid.
- Compile CSS with preprocessor tools such as Sass and PostCSS.
Roles and Tasks that may use this skill
Accessibility group member
(Contributor role)
Duration: ongoing
Improve the accessibility of Drupal core and contributed modules, themes, and distributions
Backport a patch
(Contributor task)
Duration: 1 hour
After a patch has been committed to the latest development version of a project, adapt it for an earlier version
Contributed module, theme, or distribution maintainer
(Contributor role)
Duration: ongoing
Help manage the software development, design, and issues for a contributed module, theme, or distribution
Create a merge request for an issue
(Contributor task)
Duration: 1 hour
Add or update a "merge request" (software fix) on an issue
Discover Drupal mentor
(Contributor role)
Duration: ongoing
Share your experience and expertise with an underrepresented student in the Discover Drupal program
Drupal Core Leadership Team
(Contributor role)
Duration: ongoing
Perform final review and governance on community-suggested improvements to Drupal core
Drupal core subsystem maintainer
(Contributor role)
Duration: ongoing
Oversee the development of a module, theme, or other subset of Drupal core
Drupal core topic maintainer
(Contributor role)
Duration: ongoing
Review issues in a given topic in Drupal core
DrupalCamp speaker
(Contributor role)
Duration: 1 hour
Make a presentation at a DrupalCamp or DrupalCon event
Mentor
(Contributor role)
Duration: several hours
Inspire, enable, and encourage new core contributors. Work on the core tools and process for mentoring
Participate in a Usability meeting
(Contributor task)
Duration: 1 hour
Attend a Usability group meeting. Participate in or lead usability reviews.
Project contributor
(Contributor role)
Duration: ongoing
Contribute your time to Drupal core or a contributed module, theme, or distribution project
Provide support via text chat
(Contributor task)
Duration: 20 minutes
Answer questions, provide suggestions and resources to another user through text chat.
Provide support via text forums
(Contributor task)
Duration: 20 minutes
Answer questions on Drupal Support forums or Drupal Answers (Stack Exchange).
Usability group member
(Contributor role)
Duration: ongoing
Improve the usability of Drupal core and contributed modules, themes, and distributions
Write a change record for a Drupal core issue
(Contributor task)
Duration: 20 minutes
Create a page that documents a change made to Drupal core on an issue.
