Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

DXA HTML design

No description
by

Bart Koopman

on 14 January 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of DXA HTML design

how to manage/customize the
Digital eXperience Accelerator HTML design

location
[download]\html\whitelabel
demo
http://bkoopman.github.io/tri/
sources
[download]\html\design
Publish HTML design
DXA HTML design
from
Whitelabel HTML design
to
DXA HTML design
to
Customized HTML design
Modifying the HTML design
Building the HTML design
First time setup
Building the assets
Running locally
Install GIT (required by Bower)
Install Node.js
Install Grunt and Bower globally
npm install -g grunt-cli
npm install -g bower
C:\STRI\html\design>

npm install
bower install
grunt build

C:\STRI\html\design\dist>
C:\STRI\html\design>

grunt serve

Started web server on http://localhost:9000
Know Bootstrap?
http://getbootstrap.com/

Unpack
html-design.zip
Or use
[download]\html\design

package.json
and
Gruntfile.js
in
html-design.zip
are configured for minimal build by Publisher
Responsive HTML5 design
Stored in CMS
Skinning the HTML design
After every change:
update
Version Number
refresh website via
/admin/refresh
See
http://www.tridiondeveloper.com/reference-implementation-html-design
and
http://www.tridiondeveloper.com/remove-nodejs
Create your own
html-design.zip
Base on original
html-design.zip
optionally use also the
node_modules
directory from
the original
html-design.zip
(this is smaller)
Full transcript