Difference between revisions of "Foundation"

From Dreamwidth Notes
Jump to: navigation, search
(Flesh out the page)
Line 2: Line 2:
  
 
* All pages can be designed to work with both mobile and desktop pages, using the same HTML.
 
* All pages can be designed to work with both mobile and desktop pages, using the same HTML.
* We can start to use the advantages of [[SCSS]], such as variables and mixins, to  
+
* We can start to use the advantages of [[SCSS]], such as variables and mixins.
 +
 
 +
== Skeleton .tt page using Foundation ==
 +
 
 +
<source lang="text">
 +
[%# path/to/file.tt
 +
 +
Short description of the page
 +
 +
Authors:
 +
    name <[email protected]>
 +
 
 +
Copyright <years> by Dreamwidth Studios, LLC
 +
 +
This program is free software; you may redistribute it and/or modify it under
 +
the same terms as Perl itself.  For a copy of the license, please reference
 +
'perldoc perlartistic' or 'perldoc perlgpl'.
 +
%]
 +
 +
[%- sections.title = ".title" | ml -%]
 +
[%- CALL dw.active_resource_group( "foundation" ) -%]
 +
 +
[%- dw.need_res( { group => "foundation" }
 +
) -%]
 +
</source>
 +
 
 +
== Error handling in Foundation pages ==
 +
 
 +
Use [[Error_Handling]] in the controller.
  
 
== Documentation ==
 
== Documentation ==

Revision as of 10:58, 27 October 2014

Foundation is a responsive front-end network. We are going to convert our current site skins to use Foundation and SCSS. Advantages:

  • All pages can be designed to work with both mobile and desktop pages, using the same HTML.
  • We can start to use the advantages of SCSS, such as variables and mixins.

Skeleton .tt page using Foundation

[%# path/to/file.tt
 
Short description of the page
 
Authors:
    name <[email protected]>
 
Copyright <years> by Dreamwidth Studios, LLC
 
This program is free software; you may redistribute it and/or modify it under
the same terms as Perl itself.  For a copy of the license, please reference
'perldoc perlartistic' or 'perldoc perlgpl'.
%]
 
[%- sections.title = ".title" | ml -%]
[%- CALL dw.active_resource_group( "foundation" ) -%]
 
[%- dw.need_res( { group => "foundation" }
) -%]

Error handling in Foundation pages

Use Error_Handling in the controller.

Documentation