SachaG

State of CSS 2021 Preliminary Dataset

This is a preliminary dataset (after ~2 weeks of running the survey) for the 2021 State of CSS survey.

It contains results to four freeform (textfield) questions:

• Other CSS pain points* (aspects of CSS you struggle with the most)
• What do you feel is currently missing from CSS?*
• Other accessibility features you usually implement*
• Browser incompatibilities (Are there any CSS features you have difficulties using because of differences between browsers?)

SachaG

# the survey outline

# First level: blocks
# Second level: questions (will use the block's question template if no template is specified)

---
### FEATURES ###

- template: statictext
  id: features_intro

SachaG

{
  "data": {
    "survey": {
      "tool": {
        "experience": {
          "year": {
            "facets": [
              {
                "buckets": [
                  {

SachaG

These are some preliminary results for the "tournament bracket"-style questions in the 2021 State of CSS survey.

The data is originally stored as a series of 7 triplets (for the four first-round match-ups, two semi-finals match-ups, and the finals) containing the first participants, the second participants, and the winner of each match. For example:

const bracketResult = [
  [7, 6, 6], // first round
  [4, 0, 0], // first round
  [5, 2, 2], // first round
 [3, 1, 3], // first round

SachaG

class IntlDirective extends SchemaDirectiveVisitor {
  visitFieldDefinition(field, details) {
    const fieldName = field.name; 
    field.resolve = async function (...args) {
      // get document, GraphQL arguments, and query context
      const [ doc, graphQLArguments, context ] = args;
      // get the locale either from the query's arguments, or from the context
      const locale = graphQLArguments.locale || context.locale;
      // get the field containing translations
      const intlField = doc[`${name}_intl`];

SachaG

User Interface

• Tshirt

Demographics

• Salary Ranges
• Years of Experience
• Company Size
• Sources

SachaG

Strings

• T-shirt
• Demographics/salary ranges
• Demographics/years of experience
• Demographics/company size
• Demographics/gender
• Demographics/sources
• Demographics/javascript proficiency
• Demographics/back-end proficiency

SachaG

/*

AWS Utilities

*/
import AWS from 'aws-sdk';
import request from 'request';
import rp from 'request-promise';
import { getSetting } from 'meteor/vulcan:core';
import aws4 from 'aws4';

SachaG

scalar JSON
scalar Date

# Type for Movies
type Movie {
  _id: String
  createdAt: Date
  user: User
  userId: String
  name: String

SachaG

# the survey outline
---

### TOOLS ###

# Answers:
# - I've never heard about it
# - I'd like to learn it
# - I'm not interested
# - I've used it and would use it again