Bad CSS in JS

I tried to understand the argument made for styled components vs. ‘traditional’ CSS. But when reviewing these arguments I found out that they typically use bad code as proof for their point.

See e.g. the following SCSS code:

$blue = #5DBCD2;

@mixin button-styles($bg-color, $color) {
  background: $bg-color;
  color: $color;
  border: none;
  border-radius: 0.20em;
  &:hover{
      background: darken($bg-color, 6%);
      cursor: pointer;
  }
}

.button {
  @include button-styles(#ddd, black)
}

.button--primary {
  @include button-styles($blue, white)
}

To pair with a simple component along the lines of:

const Buttons = props => (
  
    Default
    Primary
  
)
export default Buttons

The suggested alternative is:

import themeVars from "myTheme"
import styled from "styled-components"
import { darken } from "polished"

const B...

Management management

Op verzoek van een klant heb ik onlangs moeten werken met een vooraf, door de klant bepaald, content management systeem (CMS). Veel ervaring met 'grote' CMS'en had ik eerlijk gezegd niet, dus het leek mij ook wel weer interessant om het uit te proberen. Het gaat in dit geval om een middelgroot bedrijf waar ongeveer 100 medewerkers in dienst zijn. Het CMS dat zij graag geïmplementeerd zagen was Drupal. Blijkens de keuze van het Witte huis voor dit CMS, waarschijnlijk toch geen slecht CMS. Hoe dan ook, mijn ervaring met het Drupal CMS bleek een grote reclame stunt te zijn voor simpelere CMS'en. Nu ben ik al een week bezig met inrichten, om de defaults goed te krijgen. Maar waarom toch? Waarom zijn heeft het systeem niet gewoon goede defaults? En nee, ik zou dit betoog hier niet schrijven wanneer er geen idee bestaat van wat goed is.Het web is gebouwd op simpele technieken, die samen overigens erg complexe gehelen kunnen vormen. Maar in essentie is de techniek…