liamcurry

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

jareware

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

kevin-smets

Default

Powerlevel10k

Joseph-N

  <div class="record" data-id="<%= user.id %>">
    <p><b>ID: </b> <%= user.id %></p>
    <p><b>Name: </b> <%= user.name %></p>
    <p><b>Location: </b> <%= user.location %> </p>
    <p><%= link_to 'Show', user %> | <%= link_to 'Edit', edit_user_path(user) %> | <%= link_to 'Destroy', user, method: :delete, data: { confirm: 'Are you sure?' } %> </p>
  </div>

fabricionaweb

{
  "workbench.colorTheme": "One Dark Pro",
  "workbench.tree.renderIndentGuides": "none",
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.fontFamily": "JetBrains Mono Light",
  "terminal.integrated.fontWeightBold": "500",
  "terminal.integrated.rightClickBehavior": "paste",
  "terminal.external.osxExec": "iTerm2.app",
  "terminal.integrated.copyOnSelection": true,
  "editor.fontFamily": "JetBrains Mono Light",

MiguelMachado-dev

Install the packages

yarn add eslint -D

Run yarn eslint --init and set your configuration to use airbnb and create a javascript configuration file.

yarn add prettier eslint-config-prettier eslint-plugin-react-hooks eslint-plugin-prettier babel-eslint eslint-plugin-jsx-a11y -D

To use absolute paths

If you want to use absolute paths just copy the .eslintrc.js below, else, delete the settings object in it.