The homepage for CSSclasses, a free CSS workshop series
CSS HTML JavaScript Other
Latest commit 46e3c4a Nov 26, 2016 @Schubidu Schubidu committed on GitHub Merge pull request #67 from fallera/master
Inserted skip link to CSS chapter (#1)
Permalink
Failed to load latest commit information.
_data Add Nils' github username Sep 30, 2016
_includes changed font loading script to load woff and woff2 Sep 23, 2016
_layouts add javascript concat/minify to templates and build stack - fix #3 fix Jun 7, 2016
_plugins add javascript concat/minify to templates and build stack - fix #3 fix Jun 7, 2016
_posts Inserted skip link to CSS chapter (#1) Nov 26, 2016
_sass make main navigation scrollable - fix #64 Nov 1, 2016
assets Fix upcoming events not showing up due to lack of venue Oct 31, 2016
.gitignore Revert "removed vendor directory" Sep 15, 2016
.nojekyll Prevent GH from running Jekyll Sep 16, 2015
.travis.yml fixed ruby version Oct 8, 2016
CNAME Update CNAME Sep 9, 2016
Gemfile Replace Markdown parser Sep 24, 2016
Gemfile.lock Replace Markdown parser Sep 24, 2016
README.md Adjusted README to change of deployment Oct 9, 2016
_config.yml Merge pull request #50 from lukaszklis/fix_missing_js_file Sep 24, 2016
about.html fix missing team names Sep 9, 2016
android-chrome-144x144.png update list of coaches, reduce image file size Sep 9, 2016
android-chrome-192x192.png update list of coaches, reduce image file size Sep 9, 2016
android-chrome-36x36.png update list of coaches, reduce image file size Sep 9, 2016
android-chrome-48x48.png update list of coaches, reduce image file size Sep 9, 2016
android-chrome-72x72.png update list of coaches, reduce image file size Sep 9, 2016
android-chrome-96x96.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-114x114.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-120x120.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-144x144.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-152x152.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-180x180.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-57x57.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-60x60.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-72x72.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-76x76.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon-precomposed.png update list of coaches, reduce image file size Sep 9, 2016
apple-touch-icon.png update list of coaches, reduce image file size Sep 9, 2016
attendees.html Removed location specific information Jun 8, 2016
bower.json Copy files Sep 16, 2015
browserconfig.xml Add different favicon files Sep 19, 2015
coaches.html Add info how to become a coach Oct 19, 2016
code-of-conduct.html Fix typos Mar 2, 2016
deploy.sh Use correct author name and email when deploying Oct 8, 2016
favicon-16x16.png update list of coaches, reduce image file size Sep 9, 2016
favicon-194x194.png update list of coaches, reduce image file size Sep 9, 2016
favicon-200x200.png Add OpenGraph tags for Facebook Nov 11, 2015
favicon-32x32.png update list of coaches, reduce image file size Sep 9, 2016
favicon-96x96.png update list of coaches, reduce image file size Sep 9, 2016
favicon.ico Add different favicon files Sep 19, 2015
feed.xml Genereated by Jekyll v2.5.3 Sep 16, 2015
gruntfile.js Temp fix for the build process issue Sep 20, 2016
index.html consistent spelling of CSSconf and CSSclasses Dec 15, 2015
manifest.json Add different favicon files Sep 19, 2015
materials.html create subpage layout, update templates and style - fix #5 Sep 20, 2015
mstile-144x144.png update list of coaches, reduce image file size Sep 9, 2016
mstile-150x150.png update list of coaches, reduce image file size Sep 9, 2016
mstile-310x150.png update list of coaches, reduce image file size Sep 9, 2016
mstile-310x310.png update list of coaches, reduce image file size Sep 9, 2016
mstile-70x70.png update list of coaches, reduce image file size Sep 9, 2016
package.json Add npm scripts Sep 20, 2016

README.md

CSSclasses Website

Installation

This website is run by Jekyll and GitHub pages. To separate the source files from the files used for the live page this repo uses two active branches: master and gh-pages. master contains all files, gh-pages only contains the files needed to serve the actual website. To work with this environment follow these steps:

  • git clone git@github.com:CSSclasses/CSSclasses.git
  • cd CSSclasses
  • git clone git@github.com:CSSclasses/CSSclasses.git -b gh-pages _site

This clones the source files into the CSSclasses projects folder and the generated _site content aka. gh-pages repository inside the _sitefolder.

  • Ruby – Jekyll requires the Ruby language. If you have a Mac, you've most likely already got Ruby. If you open up the Terminal application, and run the command ruby --version you can confirm this. Your Ruby version should be at least 2.0.0. If you've got that, you're all set. Skip to step #2. Otherwise, follow these instructions to install Ruby.

  • Gems Dependencies – In order to install all of the gems we need, please run the following: gem install bundler. Now you're ready to install everything with one command: bundle install and you're good to go.

  • Grunt Plugins – Run npm install (we recommend turning off the progress bar since it speeds up the npm by npm set progress=false)

  • Bower Dependencies - Run bower install

  • Livereload Browser Extensionhttp://livereload.com/extensions/

Run the project

After installing all dependencies run npm start. This triggers jekyll serve and also a Grunt watch task, Sass compiler and live reload. To access the page go to localhost:4000.

Contributing

All changes have to be made and pushed inside the master branch.

Browser Support

This project only supports the latest versions of Chrome, Firefox and Safari.

Content Guidelines

Images

Images always have to have a ratio of 3:2.

Coding Guidelines

General

  • If you want to change or add stuff to the project make sure to check for already existing modules, classes, styles and so on.

Scss

  • @include, @extend always has to come first in a rule set except .@include bp().
  • Use relative unites like em, rem, % v-units exclusively.
  • There are no px units allowed inside this project.
  • For margin and padding always mulitply or divide the $base-unit.
  • Use the predefined color variables from _variables.

Deployment of the live page

After committing to the master branch, the site is deployed automatically using Travis CI.