1. The document outlines a workshop on using SASS for WordPress themes. It will cover installing SASS and setting up a WordPress development environment, the basics of SASS including variables, nesting, mixins and more, and a hands-on workshop to slice a mockup design and implement it using SASS.
2. Attendees are instructed to bring a laptop with Photoshop, a text editor like Sublime Text, WordPress installed and Ruby and SASS installed.
3. The workshop consists of an introduction to SASS, setting up the project files and structure, and a mockup slicing workshop followed by a Q&A session.
2. Ritesh Sakya
Team Lead / Front-end Developer
at WEN
Kanchha Kaji Prajapati
Co-founder / Front-end Developer
at eVision Themes
@creativekaji
Mishal Rai
Front-end Developer
at Eagle Vision IT
SPEAKERS
3. For the Workshop Participation:
Required:
1. Have a good knowledge of HTML and CSS
2. Bring your own Laptop with fully charged.
3. Photoshop Installed in your PC ( Latest version recommended )
4. Text editor ( Sublime Text recommended )
5. Wamp/Xammp
6. Installed WordPress ( Latest version )
Recommended:
- Installation
1. Installed Ruby
2. Installed Ruby SASS
3. Underscores Sassify theme named "wcktm-sass“
4. TABLE OF CONTENT
Part 1: 25 minutes
- Introduction of SASS
Part 2: 10 minutes
- Project Setup Description
1. Ruby and SASS Installation
2. WordPress and Theme Setup
3. Files/Folders Structure
Part 3: 45 minutes
- Workshop
1. Mockup Slicing
Part 4: 10 minutes
- Q & A Session
16. Other Features
1) Parent selector, @content
2) Variable declaration and Print
3) Color function
4) Each and Nth function
5) Custom function
6) For and While Loop
7) Some use other functions
25. RUBY INSTALLATION
apt (Debian or Ubuntu)
$ sudo apt-get install ruby-full
pacman (Arch Linux)
$ sudo pacman -S ruby
Homebrew (OS X) (Mac)
$ sudo homebrew
$ brew install ruby
(If your pc have not installed Homebrew then go to http://brew.sh/ )
Windows
Go to http://rubyinstaller.org/downloads/ and download latest version Ruby 2.3.1
or Ruby 2.3.1 (x64) .
For Other visit official site:
https://www.ruby-lang.org/en/documentation/installation/#rubyinstaller
$ ruby -v