This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

FAQ

Common questions about the dCodes HTML Framework.

+ expand all

What is a HTML Framework?
A HTML framework is a library of HTML/CSS files that are used to make development of standards-based XHTML and CSS web pages quicker and easier. A framework typically includes a collection of pre-designed CSS styles, scripts and web apps ready for immediate use.
What are template shortcodes?
Shortcodes are pre-defined HTML/CSS codes. By adding a few line lines of codes to your webpages you can embed YouTube videos, add clickable buttons, twitter feeds or stylize your HTML tables! These are just some of the 1500+ shortcode functions available in the dCodes HTML Framework. To use a shortcode, simply copy the codes to your HTML document!

Shortcode Example:

Current code:

Visit Google : <a href="http://www.google.com">Visit Google</a>

To buttonize this, we include the required <CSS+JS> files and then call one of the many available "button" shortcode styles.

Updated code:
<a href="http://www.google.com" class="dc_awb_large dc_flat">Visit Google</a>

The browser will now render the code as:

Visit Google

How do I add shortcodes?

To add a shortcode to your page, simply toggle the "View code" link under each shortcode example.
Copy this code and paste it into your HTML document. Make sure you also add all necessary CSS/JS scripts! That's it!

Note: Make sure you include the jQuery library if any <javascript> tags are called.
<script type="text/javascript" src="dcodes/jquery-1.7.2.min.js"></script>

How do I add a local shortcode?
To add a shortcode to your page, simply toggle the "CSS/JS files" and "View code" link under each shortcode example. Copy the codes and then paste this code into your web page. Make sure you copy and include all necessary CSS/JS scripts!

Give it a try below, press the "View code" tooggle to begin!

View code:

1
2
3
4
5
1. Move mouse inside this code window
2. Double click mouse to go into edit mode
3. Press Ctrl-C to copy all contents in this window.
4. The code is now in your windows clipboard.
5. Paste this code into your web page (Ctrl-V)

How do I add a local shortcode (picture tutorial)
In this example, we'll insert the Flat Button shortcode, found under Elements -> Flat Buttons.

1) Open the "CSS/JS files" toggle & copy its contents.
Note: Some shortcodes do not require CSS/JS files. Skip this step if code window indicates N/A.


2) Paste this code into the <HEAD> section of your web page.


3) Find desired shortcode, then open the "View code" toggle & copy its contents.


4) Paste this code into the <BODY> section of your web page.


5) That's it. Open the page in your browser to see the shortcode in action!

How do I add a hosted shortcode (video tutorial)
Hosted shortcodes use redundant CDN/cloud servers to let you add shortcodes without downloading any external CSS libraries.
Simply copy and paste codes to your webpages!

A shortcode is not showing up after I copy + pasted the codes!
Run through this checklist:

  • 1) Did you include/declare all necessary Javascript & CSS files for that shortcode?

  • Ensure contents under the "CSS/JS files" toggle are copied.
    e.g. DataGrid shortcode:
    1
    2
    <link rel="stylesheet" href="dcodes/datagrid/css/dc_datagrid.css" />
    <script type="text/javascript" src="dcodes/datagrid/js/dc_datagrid.js"></script>
  • 2) Did you ensure the included/declared Javascript & CSS files are placed within the <HEAD> section of your webpage?

  • 3) Did you include/declare the Javscript jQuery library file? Make sure it is called before any other JS file.
    1
    <script type="text/javascript" src="dcodes/jquery.min.js"></script>
  • 4) Make sure you haven't included/declared any Javascript library files twice.

  • 5) Make sure your webpage is XHTML / HTML5 compliant. Your webpage should start with:
    1
    2
    3
    <!DOCTYPE html>
    <html lang="en">
    <head>
  • 6) Are your file paths correct? Your web pages should be placed in the primary template folder.

    Example:
    If the dCodes folder is located: c:\templates\dcodes\
    your webpages should be placed in c:\templates\


Is there a command to clear/force a line break?
Yes, use the following codes to clear a line. This is useful in instances where <br /> fails to clear a line for a shortcode.
1
<div class="dc_clear"></div> <!-- line break/clear line -->
My dCodes/ folder is virtually blank?
This template is configured to fully support dCodes. dCodes is available in both hosted and non-hosted (local) editions. By default, all files are hosted online. To host dCodes on your own web server/site, you may download the dCodes distribution here. After extraction, move the dcodes/ folder to the root directory of your template folder, overwritting all files.
Do I need to upload the entire dcodes/ folder?
No. dCodes is designed to be modular, therefore you only need to upload the shortcode folders you use. For example, if you use social buttons on your website, then only the folder /dcodes/social_buttons/ as well as the core files need uploading (/dcodes/jquery.min.js, /dcodes/jquery.easing.js)
There are local & online JS/CSS versions. What should I use?
There are benefits to each JSS/CSS inclusion method. We recommend using a mix of both.

Local version: dCode files are hosted on your server, abiltiy to customize & edit JS/CSS to your needs.

Online version: dCode files are hosted on the Amazon S3 & CloudFront CDN which spans across 32+ worldwide edge locations. Delivery of CSS/JS scripts are usually 80-100% faster than single hosts. Ability to handle unlimited traffic with 99.99% uptime. Files are maintained and always up to date. JS/CSS customization unavailable.
dCodes Hosted Infrastructure
dCodes Hosted edition is powered by Amazon S3 & Amazon CloudFront CDN.

How it works
dCodes files stored on redundant S3 buckets are cached automatically by all CloudFront edge locations. CloudFront uses Amazon Route 53/Anycast to route your visitors to the nearest data center/point of presence. The result is that dCode files, on average, loads twice as fast for your visitors regardless of where they are located. With 32+ edge locations, the Amazon CloudFront content delivery network in combination with S3 delivers 99.99% uptime.

CloudFront edge locations: Ashburn/VA, Dallas/TX, Jacksonville/FL, Los Angeles/CA, Miami/FL, New York/NY, Newark/NJ, Palo Alto/CA, San Jose/CA, Seattle/WA, South Bend/IN, St. Louis/MO, Amsterdam, Dublin, Frankfurt, London, Milan, Paris, Stockholm, Hong Kong, Osaka, Singapore, Tokyo, Sao Paulo, Sydney.

Can I use this framework in other projects?
dCodes CDN/Hosted edition: Free worldwide usage (via CSS/HTML embedding) on unlimited URLs/websites.
dCodes Local Edition: A single license is included free of charge for all TemplateAccess products.

To license dCodes Local Edition for use on non TemplateAccess products, prices are $39.95 per URL or $199 for unlimited URL/websites.
Is dCodes compatible with other frameworks?
Yes. You can use dCodes with other popular frameworks such as Bootstrap, Skeleton, BluePrint, 960Grid, Less Framework and more without any compatibility issues.
dCodes License
Reselling or redistribution strictly prohibited. See DCODES-LICENSE.TXT
US copyright (protected works) filing C39843285R038, C39843415M490.


© TemplateAccess