bootstrap_logo

What is Bootstrap?

Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for text, forms, buttons, navigation and other components and is the default css framework used by Joomla 3.

To make CSS development easier Bootstrap makes use of LESS, a dynamic stylesheet language. LESS is a CSS extension which makes it easier for you and us to write better CSS.

How do we implement Bootstrap?

We use Sass to compile and minimize our CSS files. Sass is similar to LESS but gives us more power. We do not use the pre-compiled Bootstrap CSS file you can download from the Bootstrap site.

We are loading the following CSS files for our extensions:

  • admin.css (loaded only for backend)
  • site.css (loaded only for frontend)
  • module.css (loaded only for extension modules)

Note: For Joomla 2.5 our custom CSS files are appended with -25 e.g. admin-25.css

All our CSS files are namespaced. For more info see: What are the .koowa styles for

Joomla 2.5

In Joomla 2.5 all our extensions are loading a custom bootstrap.css file by default. This CSS file contains only a subset of all Bootstrap CSS rules that we require. The bootstrap.css on Joomla 3.0 is 140kb while ours on Joomla 2.5 is 95kb, about 33% smaller.

Joomla 3

By default we never load any bootstrap file in Joomla 3.x. Instead we rely on the template to load the bootstrap file. This allows us to blend our extensions in with any Joomla 3 compatible template that uses Bootstrap.

Continue reading »

DOCman 2 has just been released – and has already received tons of great feedback!

Ten years ago Joomlatools was founded and set out on a mission to create the best document management solution for Joomla! Today we are taking a next step with the release of DOCman 2 stable.

See whats new or give DOCman a test drive today on our new demo site.

docman2

Upgrading from Version 1

Making the switch from version 1 is easy – thanks to our “Migration tools”. You can read the complete migration guide on our new help area.

Users with an active subscription for DOCman 1 have immediate access to DOCman 2 at no additional costs. If you do not have a subscription yet you can subscribe on our online store.

Get your copy of DOCman 2 now!

With the stable DOCman 2 release come lots of cool new features. Icon fonts for document icons is just one of them.

As great as images are, they present challenges in designing websites. Sometimes the best solution for using images in a responsive design is not to use an image. This is why DOCman 2 out of the box uses icon fonts for it’s document and category icons.

select_icon

The advantages of icon fonts

Bitmap images don’t scale well. They can lose quality when scaled up and waste file size when scaled down. They require http requests for each image, further slowing load times. They’re also difficult to manipulate without reworking the image in an image editor.

Fonts don’t have these problems. They scale well and don’t require http requests for each character. While we think of fonts in terms of the characters we use for writing, they’re really just shapes. What if instead of those shapes being letters, they were icons?

Adding custom document Icons

Because you might not always want to use the beautiful font icons we picked here’s a quick tutorial on how to add your own custom icons.

Continue reading »