HTML

  • Add styling to the core Web Links component

    The Joomla 2.5.* version of the Web Links Component is missing a class for the descriptions in the list view of a category. This means you can't control the look of the description using css. To fix this you can do a simple template override.

  • Ajax - preferred by some, hated by others

    Ajax is not a genuine Joomla technology, it is just one of programming techniques to made a web page more attractive.

  • Can I just paste content from Word?

    The most likely complaint you can get after launching a Joomla site is, that the owner calls you or mails you, saying, that the page is looking weird after he added his first content item. Blindly you can bet, that he (sometimes despite your warnings) just copy/pasted that content from a Word document, another web-page or some other word processor. The order above isn't an arbitrary one, BTW! What you can do? Humm, you can clean his content item, but you must make them understand, why isn't a good idea to do this, and you must provide them with an alternative: an easy way to paste from Word without damaging (badly) the site.

  • Clickjacking

    Is a malicious technique of tricking a Web user into clicking on something different from what the user perceives they are clicking on, thus potentially revealing confidential information or taking control of their computer while clicking on seemingly innocuous web pages. On a clickjacked page, the attackers load another page over it in a transparent layer, in most cases using HTML FRAME based techniques. The users think that they are clicking the buttons they are actually seeing, while they are in fact performing actions on the hidden page. This way the attackers can trick users into performing actions which the users never intended. There is no way of tracing such actions to the attackers later, as the users would have been genuinely authenticated on the hidden page.

  • Contact images in the contact Category table

    Would be nice to have the contact images in the contact Category table, don't you? Yea, and in fact is a relatively simple trick, since Joomla 1.5 and the template overrides being handy!

  • Convert Microsoft Word documents to clean HTML

    Have you been driven crazy by the junk code added to your articles when you, your mate, or your clients are added page content to a Joomla site by copy&pasting from Word? I'm sure the answer is YES. The huge amount of junk you can add this way to your page not only slows down considerably the site, but also can potentially destroy your design. Anyway, you can kiss goodbye the clean, uniform look you (may) wished for your page when started to build it.

  • Create your next Joomla site locally with Ampps

    Like the majority of web developers I develop my websites and services locally before Ipublish them on the Internet. This makes sense in a variety of ways, from saving a lot of bandwidth to faster updating or improved security.

  • Easy to implement Click-to-call link

    Sometimes the simplest problems are giving you headaches... here is one of them. One of my clients recently requested to build a mobile-aware (responsive) site with phone numbers callable with one click from mobile devices.

    After fooling around a while with testing  all sorts of complicated solutions, I found it to be a very easy homerun, in fact:

  • Frontend

    The Frontend is a collective term to name the areas of the website as visitors or registered users see it. A registered user normally works only in the frontend. It is like in a store, where the goods are displayed in shop windows and on shelves. Here you can have a look around.

    So, in nutshell: it's everything an unregistered user (Guest) and all other registered users, withouth administrative user rights (the members of main Registered group and it's subgroups) can see.

  • How to override the output from the Joomla core

    There may be occasions where you would like to change the way a Joomla! Extension (such as a Component or Module, whether from the Joomla! core or produced by a third party) is displayed on your site. Of course, you could recode the Extension from scratch, but that may be a bit ambitious for you! Thankfully, there is another way.

  • How to reuse Joomla 1.0 Templates

    Do you have a huge collection of nice Joomla 1.0 templates, and dunno what to do with them? Let's go green and reuse themWink!

  • iPad and iPhone - how to design a Joomla site for them

    What you must be aware of, when designing a Joomla page that should work on iPad and iPhone too? It is enough to have a proper template and the proper tools to display the respective versions when your Joomla site is displayed on these devices?

  • iPad and Joomla

    The Apple iPad is the buzzword of the day, and probably will stay on the top of many people's wishlist on the top - or near to the top. The iPhone's big brother arrived in early 2010, and Apple has sold a huge number of devices already. The iPad is a success, and as a mobile device for consuming information it's really great.

    So how does this relate to your reality as a Joomla developer? In short: You need to make sure that your Joomla website works on the iPad. And not just that it works. It should be a delight surfing your website on the iPad. On a previous tip I touched already the subject, here are more tips on how you can build an iPad-friendly Joomla site.

  • Joomla Chrome and Template Overrides

    When you developing a template for a new site you often get stacked, and hit your head against the wall: the code outputted by Joomla sometime severely limits your ability to format the output as you wish. This is true not only for Joomla 1.0.*, but partially for the Joomla 1.5.*. Yes, partially, because you can do things here - and you can do a lot. Searching for a solution for a problem I had run into developing a template for one of my clients I found this great tip of Jonathan on his blog on http://www.beckettwebdesign.com:

  • Module Chrome - an evolving concept

    Styling the output of the Joomla was - and is - one of greatest challenges. One of tools making this easier for template developers is the "module chrome" concept/toolset introduced with Joomla 1.0 and constantly evolving ever since.

  • Module Layout Overrides

    The best way to create individual look of your Joomla website, since Joomla 1.5 is to create module overrides. These are special files, placed in your template's directory, used to override the output of your existing modules.

  • Style your tooltips

    A tooltips is a piece of text that pops up when you hover the mouse over a region on a website. If you use the Joomla! back end, for example, tooltips are used to help explain the action of different parameters. The tooltips can add functionality and fun to your site, but just inserting them without styling them accordingly can have an unusable or "just" boring result. And you want to avoid both, I guess...

  • Unresponsive WYSIWYG editor

    The WYSIWYG editors are great additions to the Joomla, and we have lots of them around. They make a webmaster from casual user and can speed up the work of pros. But, sometimes, you find that you cannot enter text into the HTML editor, or click on the HTML editor's toolbar buttons - you are locked out of editing your content!

    What can be more annoying as being unable to edit your own site?

  • Use the category alias to tweak your pages according to active category

    There are endless possibilities to made tricks with your template using a little bit of PHP code. Let me show you another one!

  • Using the Page Class Suffix in Template Code

    The Page Class Suffix is a parameter in Joomla! content Menu Items. It is set in the Menu Item: [Edit] screen under the "Parameters (Advanced)" section. This will cause Joomla! to either add a new CSS class or modify the existing CSS class for elements in this specific Menu Item layout.