Giter VIP home page Giter VIP logo

modx-boilerplate's Introduction

This repo is not updated anymore

** Feel free to take the code and go your own way. See license update :-) **

"MODX Boilerplate" is a HTML5/CSS3/jQuery based frontend template for further usage.


Please check all these files for changes and consider to not overwrite your own settings / changes / code! Be sure to check all important files before replacing them! I do not (and cannot) give warranty for that…


This template can be used with MODX CMF Revolution and is thought as a basic rock solid HTML5 website template. It has some speed improvements, fallbacks for old browsers and IE.


NOTE: It is not a direct clone of the original HTML5Boilerplate by Paul Irish. I've stripped some content which is not needed and implemented some other speedy scripts.


HOW TO USE THE RIGHT THINGS:

If you want to use a Grid system, please take the files of the "main-grid" folder.

To create your icon-sets you can use: http://frischmilch.github.com/DPS-App-Icons-Template/


WIKI / additional INSTRUCTIONS:

PLEASE NOTE THAT WE NOW HAVE A WIKI ON GITHUB: https://github.com/anselmh/modx-boilerplate/wiki


SETUP:

  1. Download all files and upload to your server in right folder structure:
    • .htaccess/ICO/Touch-Icons and humans.txt, PIE.htc into root directory of your webhosting setup
    • put the other files into your /assets/... structure as you need them or as it's given in my folder structure.
    • Please: If you change template folder name check to change template name in chunks, too!!!
  2. Customize all paths, URLs and App-IDs in the template files
  3. Create the following new chunks in MODX Manager:
    • "site_header"
    • "site_footer" and paste code of the "site_header.html" / "site_footer.html" into.
  4. Create the MODX template in MODX-Manager and paste code from "site_template.html"
  5. Replace the Revolution .htaccess file with this one and customize it
  6. Customize all the other files! Start coding your template layout. You can use Modernizr to add browser specific behavior!

UPDATE instructions:

You can update the package manually. Download the new package and unpack it first. You can override all files (no guarantee, please check if you've change one of them first) but not the following ones:

  • site_header.html
  • site_footer.html
  • site_template.html
  • all CSS-files
  • js/scripts.js and js/plugins.js (if you use custom plugins in here)

Please check all these files for changes and consider to not overwrite your own settings / changes / code!!! Be sure to check all important files before replacing them! I do not (and cannot) give warranty for that…

IMPORTANT NOTICES FOR DEVELOPMENT:

  • added monderizr blog entry

CREDITS GO TO:

ALL supporters and contributors of the great HTML5Boilerplate:

BUGS and FEATURE REQUESTS:

Please file all bugs, improvements or feature-requests in GitHub Issue Tracker! Thank you!

modx-boilerplate's People

Contributors

anselmh avatar yurkobb avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.