• WpVeda
  • Introduction
    • How to use this book
    • How to contribute
    • FAQ
  • WordPress Blog
  • Environment
    • Mac
    • Linux
      • Commands
  • Tools
    • Code Sniffer
    • Xdebug
    • Sublime Text
    • VS Code
  • Git
    • Merge Conflicts
    • Diff
    • Webhooks
    • .gitignore file
    • Workflow (Branching model)
    • Git Flow
    • Multiple Remotes
    • Submodules
    • Subtree
    • Changelog Generation
  • Basics
    • HTML
    • CSS
    • Sass
    • JavaScript
    • PHP
  • WordPress
    • Get Involved
    • Architecture
    • Coding Standards
    • Hooks
    • Core APIs
    • Plugin Development
    • Theme Development
    • Block Editor
    • Best Practices
    • WP-CLI
    • REST API
    • PHPUnit
    • References
    • Contribute
  • Documentation
    • Inline Comments
    • README
    • Changelog
  • QA
    • Git integration
    • QA Checklist while testing theme
    • Useful Links
    • All about WP Debug
    • QA Guidelines
    • QA Process Standards
    • Go Live check list
    • Performance Testing tool – Webpagetest Quick start up Guide
    • Automation
      • Automation Testing Basic Guide
      • Codeception Setup Guide line
    • Manual Testing Work Flow and tools to be used
  • Build
    • README.md to README.txt generation
    • Updating Translation
    • A way to ignore files during build
    • combine\/minify css and js to 1 file per project
    • CI + build + testing tools
  • Deployment
    • Github to WordPress SVN
    • Github to WooCommerce Product
    • Github to Amazon S3
    • Github to EasyDigitalDownload Product
  • Planning
    • Google Docs
    • Wireframes
    • Mockup Tools
    • Github wiki
    • Github milestone\/issues
    • Database Design
  • Post Release
  • Workflow
Powered by GitBook

CSS

CSS

Go through the following tutorials and articles to learn CSS.

  • CSS Tutorial by W3Schools
  • Flexbox Froggy
  • CSS Flexbox Fundamentals Visual Guide
  • Flexbox — The Animated Tutorial
  • Flexbox Defense
  • CSS Grid Garden
  • Opening the Box Model
  • Learn CSS Layout
  • Learn BEM — Block Element Modifier

Sass (Syntactically Awesome StyleSheets)

Note: Use SCSS syntax.

  • http://sass-lang.com/
  • Sass Basics
  • Sass Documentation

Useful Links

  • CSS Snippets - CSS-Tricks
  • Sass Snippets - CSS-Tricks
  • CSS Cheat Sheet
  • BEM Best Practices - BEM-Examples

results matching ""

    No results matching ""