Difference between revisions of "Foundation"
From Dreamwidth Notes
Foxfirefey (Talk | contribs) |
(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 | + | * 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 <name@email.com> | ||
| + | |||
| + | 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 <name@email.com>
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
- Foundation
- SASS (which SCSS is a variant of)
