Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |
| development:architecture:user_interface [2024/04/24 18:13] – [Theme Structure] emaijala | development:architecture:user_interface [2024/04/24 18:14] (current) – [Technical Background] emaijala |
|---|
| ===== Technical Background ===== | ===== Technical Background ===== |
| |
| VuFind® is developed using PHP templates for HTML and [[development:architecture:less|LESS]] / CSS for design. Templates and CSS are bundled into themes, which are found in the themes folder under VuFind®'s home directory. | VuFind® is developed using PHP templates for HTML and [[development:architecture:less|LESS / SASS]] / CSS for design. Templates and CSS are bundled into themes, which are found in the themes folder under VuFind®'s home directory. |
| |
| Starting with release 2.4, VuFind®'s default theme (bootprint3) uses the [[http://getbootstrap.com/|Bootstrap]] library (version 3) for layout. Earlier versions had a different default theme (blueprint) using the [[http://www.blueprintcss.org/|Blueprint CSS]] library. The default mobile theme (jquerymobile) was built with the [[http://jquerymobile.com/|jquerymobile]] library, but it was discontinued starting with VuFind® 4.0. Many basic design elements (such as colors and font sizes) can be customized through small CSS modifications, even if you do not have a detailed understanding of these frameworks. | Starting with release 2.4, VuFind®'s default theme (bootprint3) uses the [[http://getbootstrap.com/|Bootstrap]] library (version 3) for layout. Earlier versions had a different default theme (blueprint) using the [[http://www.blueprintcss.org/|Blueprint CSS]] library. The default mobile theme (jquerymobile) was built with the [[http://jquerymobile.com/|jquerymobile]] library, but it was discontinued starting with VuFind® 4.0. Many basic design elements (such as colors and font sizes) can be customized through small CSS modifications, even if you do not have a detailed understanding of these frameworks. |
