10-04-2023 Research & development

HTML template Frameworks VS.

Joomla! template Frameworks

10-04-2023

Aim of the studyVisionEars wants to create user- and maintenance-friendly, high quality

(responsive) websites/apps.

What existing framework can help us best?

10-04-2023

HTML frameworks VS

Joomla! template frameworksResearch into making a choice about the use of an HTML framework or

Joomla template framework

10-04-2023

What is a framework?“A software framework is a universal, reusable software platform to develop applications, products and solutions. Software frameworks include support programs, compilers, code libraries, tool sets, and application programming interfaces (APIs).”(Source: wikipedia)

10-04-2023

Why you need a (web) Framework?

- Short developmenttime (In Theory)- Cross browser issues can be tackled in advance- Responsive out of the box- Consistency- Everyone develops a template the same way.

- VisionEars develops a standerd to develop a template for all (future) employees.

10-04-2023

SpecsWhich specs must conform to the framework (according to VisionEars)

10-04-2023

Durable

10-04-2023

Easy to upgrade and maintainminor updates (3.1 > 3.2)major updates (2.5 > 3.0)

10-04-2023

Safety- Is the code public- susceptible to security issue?- security fixes?

10-04-2023

FreedomEverything is possible without having to make concessions in regards to the design and functionalityVisionEars can make sites/apps EXACTLY like we (and the client) want it.

10-04-2023

CompatibilityThe framework has to be compatible with ‘our’ components/ modules / scripting languages, etc….- ZOO- Widgetkit- Rsforms- Article module- VE seo- jQuery- etc…

10-04-2023

Reputation:-What company is behind it?- Documentation- Support- Community- Look/ feel - Feedback

10-04-2023

Costs- Subscribe?- One time fee?- Lifetime subscription?

10-04-2023

HTML vs Joomla!HTML framework Joomla! template framework

Complete freedom Complete freedom (in a sense)- Limited to the options provided by the framework.- Can be customized, but some customization is gone after

an update

Easy to upgrade Upgrade slightly harder- Depending on third party regarding updates / bug fixes / leaks etc ...

Low threshold (pure HTML) Relatively high entry threshold (own template system)

Free (often) Costs money

Setting up takes time (in the beginning) Relatively fast to set up

Client side- No security issues

Server side- Extra layer between Joomla! and the template- Chances of errors?- Chances of security issues?- Performance issues?

Easy to switch- Again, HTML- Switch to another framework? No problem, structure of the

frameworks is the same- Use in external environments (the environments supports

HTML)

Difficult to switch- Only compatible with Joomla!, can’t switch from Joomla! To

another CMS without having to re-code the template.- Can’t be used stand-alone. (Always in combination with the

templating system and Joomla!)

- 100% Compatible with existing components- Using HTML overrides

- Not always compatible with our existing components

10-04-2023

HTML vs Joomla!HTML framework Joomla! template framework

Open source Closed source- Commercial party is behind the framework.

Open community- Tutorials- Forums- Source code is available on Github so that everyone can

contribute to the framework- unbiased opinions

Semi open community- Not allways the greatest support.- Biased opinions?

10-04-2023

So…

10-04-2023

Hold up

What does the public say?

https://www.linkedin.com/groups/Joomla-frameworks-vs-HTML-frameworks-52867.S.5834029215623716865?qid=8d96642d-7882-42c4-af1f-37a38e3dace1&trk=groups_items_see_more-0-b-ttl

10-04-2023

For whom do you create the template?

“Most of my clients so far want to do their own day to day admin, which for them is part of the appeal of Joomla, so simplicity of module positions is often key. Trying to get a non-techie client to remember where 'position-56' is on their template is always going to be a challenge”

“Since we manage all our clients sites, we prefer to know that all clients are on the same framework using the same base template”

10-04-2023

Freedom

“Kevin, I'd agree with your assessment that HTML frameworks are less time-consuming than Joomla template frameworks.

A truly custom, from-scratch template (with or without an HTML framework) is lean, mean, and works perfectly for the one site you build it for. The code is easier to read and understand because you wrote it all yourself”

“You don't see it so much with joomla but for other softwares such as opencart, the templates have been known to break modules. Just one more headache I don't need”.

10-04-2023

So…

- Complete Freedom- More suitable for developers who Already

know Joomla! templating- Exact wishes can be realized- Non-technical users can manage the website

- Back-end access- Suitable for tech users- Not always compatible with modules /

components

10-04-2023

So…

A core of the VisionEars webpolicy is that the non-tech user's can do the day-to-day maintenance.

10-04-2023

So…

10-04-2023

Part 2What specific HTML framework?

10-04-2023

Semantic UI, Foundation, Uikit, 960 grid system, Skeleton, Kube, Less framework, Flaminwork, G5 Framework, Easy Framework, Blueprint, YAML, Bluetrip, YUI CSS, Elements, 52framework, elastiCSS, Boilerplate, Emastic, Malo, The Golden Grid, 1kb Grid, Fluid 960 Grid System, Baseline, xCSS FEM CSS Framework, Helium, Knacss, Groundwork, Gumby, Unsemantic, Seelva, Twitter Bootstrap, Tuktuk, Maple, Fluidable, Ink, Kickoff, Cascade Framework, Metro UI, Jeet, Susy, Topcoat, Amazium

10-04-2023

Again filtering, on the basis of specs

10-04-2023

Bootstrap vs Uikit vs Foundation

Foundation Bootstrap UIkit

Some UI elements styled All UI elements styled All UI elements styled

Limited javascript elements

Some Javascript elements More javascript elements

Jquery Jquery Jquery

Stand alone Native Joomla! Native ZOO/Widgetkit

Average documentation Good documentation Good documentation

> IE8 > IE8 > IE8

Also have email templates (including Expoints template)

Used in existing projects (only the. Less files)

10-04-2023

So…

10-04-2023

UIkithttp://www.getuikit.com/

Learn it Live it

10-04-2023

Uikit 101

- Addons http://www.getuikit.com/docs/addons.html

- Grids

- Customizer

10-04-2023

Grids

- Use a grid

- 10 Column grid system

- No half pixels, poor alignment outside the grid, etc ...

- Use a grid ... for EVERYTHINGhttp://www.getuikit.com/docs/grid.html

10-04-2023

Customizer

- Use the customizer to style, all elements within a website

- These are not your design

- Often these elements are called back into Joomla!

- This way you can't forget anythinghttp://www.getuikit.com/docs/customizer.html

10-04-2023