Skip to content

Web Development Tools

Resources

Asset management for web

Cloudinary - free account available

ClipArt

Other

Tools

CSS and SCSS

Resources

Seo

Linting CSS and SCSS

  • Install stylelint, stylelint-config-standard
    • npm install stylelint stylelint-config-standard
  • Add stylelint in package.json
      "stylelint": {
        "plugins": [
          "stylelint-scss"
        ],
        "extends": "stylelint-config-standard"
      }
    

Stylelint Notes

  • stylelint-config-sass-guidelines - scss stylelint rules
  • Stylelint webpack plugin
    • const StylelintPlugin = require('stylelint-webpack-plugin')
    • new StylelintPlugin({syntax: 'scss', emitErrors: false, lintDirtyModulesOnly: true})
  • stylelint
    • npm install --save-dev stylelint stylelint-config-sass-guidelines stylelint-config-standard stylelint-scss stylelint-webpack-plugin
  • config in package.json
    "stylelint": {
        "plugins: [
            "stylelint-scss"
    }
    

PostCSS Notes

Font Awesome

  • Font Awesome icon as part of before pseudo class using scss. StackOverflow Font Awesome Icon as CSS Content
    .a:after {
        // Import mixin from font-awesome/scss/mixins.scss
        @include fa-icon();
    
        // Use icon variable from font-awesome/scss/variables.scss
        content: $fa-var-exclamation-triangle;
    }
    

Fonts

Icons - Free

Web Framework

Templates

Video

How to

Web Authentication

JWT

Rest

  • Response Codes: Response Codes
  • HTTP Status Codes: HTTP Status Codes
  • Details:
    • 200 OK
    • 201 Created
    • 202 Accepted
    • 304 Not Modified
    • 400 Bad Request
    • 401 Not Authorized
    • 403 Forbidden
    • 404 Not Found
    • 500 Internal Server Error
    • 501 Not Implemented
    • 503 Service Not Available

Web Colors


Last update: April 13, 2020 16:50:19