All about creating template - Joomla! 3 and 4

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 350
Joined: Fri Oct 02, 2015 3:28 pm

All about creating template - Joomla! 3 and 4

Post by JurajB » Fri Jul 24, 2020 3:30 pm

Hello guys.
I'm familiar with html, SCSS, I can do Bootstrap 4, basic javascript, and I understand what stands in PHP code.
Now please provide me the links what else should I learn or read. Some blogs, maybe some tips. I will start with J3 and continue to J4 in its RCs.
I know w3schools which is great.
Please some good info also about this: "(Level AA of WCAG 2.1)"
Also Joomla! official knowledge about templates should be linked here.
Maybe later I add some framework like T4 or Helix ultimate. Is adding such framework reliable for clients and companies?
Thank you!
https://gurutesting.tech - For cooperative testing, learn Joomla!, explore JoomlaExtesnsionsDirectory (JED), fun and friends Joomlers! write here.
testers@gurutesting.tech

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 350
Joined: Fri Oct 02, 2015 3:28 pm

Re: All about creating template - Joomla! 3 and 4

Post by JurajB » Fri Jul 24, 2020 3:52 pm

This page is reserved here will be some stuff I find in future.
So lets add.
https://fonts.google.com/
https://www.fontsquirrel.com/
https://fontawesome.com/
https://material.io/resources/icons/?style=baseline


https://extensions.joomla.org/category/ ... emplating/ - JED templating
https://docs.joomla.org/Portal:Template_Management:
-Recommended Reading
-References
-FAQ
-Tutorials
https://docs.joomla.org/Portal:Template_Development:
-Recommended Reading
-FAQ
-Template Development Tutorials

IF YOU KNOW SOMETHING PLEASE ADD IN POST
Thank you.
https://gurutesting.tech - For cooperative testing, learn Joomla!, explore JoomlaExtesnsionsDirectory (JED), fun and friends Joomlers! write here.
testers@gurutesting.tech


User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 350
Joined: Fri Oct 02, 2015 3:28 pm

Re: All about creating template - Joomla! 3 and 4

Post by JurajB » Sat Jul 25, 2020 2:03 pm

https://gurutesting.tech - For cooperative testing, learn Joomla!, explore JoomlaExtesnsionsDirectory (JED), fun and friends Joomlers! write here.
testers@gurutesting.tech

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 350
Joined: Fri Oct 02, 2015 3:28 pm

Re: All about creating template - Joomla! 3 and 4

Post by JurajB » Sun Jul 26, 2020 3:09 pm

https://gurutesting.tech - For cooperative testing, learn Joomla!, explore JoomlaExtesnsionsDirectory (JED), fun and friends Joomlers! write here.
testers@gurutesting.tech

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 350
Joined: Fri Oct 02, 2015 3:28 pm

Re: All about creating template - Joomla! 3 and 4

Post by JurajB » Sun Jul 26, 2020 6:15 pm

https://gurutesting.tech - For cooperative testing, learn Joomla!, explore JoomlaExtesnsionsDirectory (JED), fun and friends Joomlers! write here.
testers@gurutesting.tech

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 350
Joined: Fri Oct 02, 2015 3:28 pm

Re: All about creating template - Joomla! 3 and 4

Post by JurajB » Sat Aug 01, 2020 2:23 pm

https://www.canva.com/learn/canva-for-work-brand-fonts/
https://www.canva.com/learn/minimalist-font/
VSCode : https://code.visualstudio.com - you can install comunity (programers) plugins
- you may like:
Import Cost
File Utils
Project Manager
SVG Viewer
Code Spell Checker
Remote — SSH
Trailing Whitespace Visualizer
Debugger for Chrome
ESLint
Live Server
Visual Studio Intellicode
Git Blame
Prettier
JavaScript (ES6) Code Snippets
Sass
Path Intellisense
Material Icon Theme
Visual Studio Spell Checker
CodeMaid
VS Color Output
Visual Studio IntelliCode
Trailing Whitespace Visualizer
Magical C# Debugging—OzCode
ReSharper
Glyphfriend
SlowCheetah
File Icons
Image Optimizer
File Nesting
Roslynator
NCrunch for Visual Studio
SideWaffle Template Pack
And more...

Thats it! Now lets look at some icons:

https://skillcrush.com/blog/99-web-desi ... rces-free/
https://linearicons.com/
https://icons8.com

Images sources:
https://unsplash.com/
http://www.pexels.com/

Code playground:
https://codepen.io
https://www.codeply.com
https://jsfiddle.net
https://gurutesting.tech - For cooperative testing, learn Joomla!, explore JoomlaExtesnsionsDirectory (JED), fun and friends Joomlers! write here.
testers@gurutesting.tech

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 350
Joined: Fri Oct 02, 2015 3:28 pm

Re: All about creating template - Joomla! 3 and 4

Post by JurajB » Sat Aug 01, 2020 2:27 pm

https://gurutesting.tech - For cooperative testing, learn Joomla!, explore JoomlaExtesnsionsDirectory (JED), fun and friends Joomlers! write here.
testers@gurutesting.tech

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 350
Joined: Fri Oct 02, 2015 3:28 pm

Re: All about creating template - Joomla! 3 and 4

Post by JurajB » Mon Sep 28, 2020 4:29 pm

can be this pinned? If so I'll add some relevant info about creating templates from Joomla! knowledgebase (I extend this) and I have book Joomla! templating, so this can be really one thread army swiss knife for templates. With your help this can be usefull. And I can add FAQ, if you give me access to moderate my posts I will do tidy magic, I really work hard for this. Don't mind Im poor user, this can be plus for Joomla! a little piece one of many. I will do it like you tell me.
https://gurutesting.tech - For cooperative testing, learn Joomla!, explore JoomlaExtesnsionsDirectory (JED), fun and friends Joomlers! write here.
testers@gurutesting.tech


Post Reply

Return to “Templates for Joomla! 3.x”