Introduction/Overview

This will be your one stop shop for any code, guidelines and reference you need to develop your website or within your web application. This website will give you the core principles, visual design, components, styles and resources to help you create a modern and responsive web impression. This uses a customized version of the Bootstrap framework which already contains the default Truenicks styles, shapes and fonts.

Some quick notes

When working through this componentized website, you will have options to copy and paste code directly from your clipboard. Anytime you see this file_copy, you will able to copy the portion of code within the box it is in.

Resources

Following will be a list of resources you will need that will help you through the Truenicks UX website:

  • Bootstrap responsive framework

    Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
    Documentation: https://getbootstrap.com/docs/4.3/getting-started/introduction/

  • jQuery javascript Library

    jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
    Documentation: https://jquery.com/

  • Modernizr

    Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.
    Documentation: https://modernizr.com/

  • CountUp.js

    CountUp.js is a dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.
    Documentation: https://inorganik.github.io/countUp.js/

  • Overlay Menu script

    This provides the overlay menu functionality
    Download Script

  • Font Awesome Icons

    This provides all the website icons. We used the version you can run on the server, which is provided in the site files.
    View Doumentation