html template frameworks vs. joomla! template frameworks
Post on 27-Jan-2015
145 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related