Posts tagged with 'Warp'

Navigation with Warp5

Get a clue how the fancy Drop Down and Accordion Menus of the Warp5 menu system work

Jul
16
Navigation with Warp5

In this post we're going to check out the endless navigational possibilities of the Warp framework's completely re-worked menu system.

Please also check out our last posts on Warp in which we presented a brief overview on the framework's history, showed you how fast it loads and checked out what the module system has to offer.

How it works

First of all, we use the Menu Class Suffix of a menu module to define what type of menu we want to render. The Warp framework comes with three different menu types, "dropdown", "accordion" and "default".

By Steffan | | Posted in Warp | 16 comments

Discover the Warp5 module system

Learn how the Warp5 module system works and develop your own modules

Jul
14
Discover the Warp5 module system

In our last two posts on the Warp framework we presented a brief overview on the framework's history and showed you how fast it loads. In this post we're going to check out what the module system has to offer.

The new Warp5 framework includes a comprehensive and sophisticated module system. It comes with a new parameterization of the module class suffix, module templates and styles with a lot of variations of colors, header icons and badges. Furthermore, almost any kind of layout is possible with the numerous module positions and their different module proportions that you can even create yourself.

By Sascha | | Posted in Warp | 9 comments

Faster loading with Warp5

Our new template framework Warp5 unites awesome design and fast loading times.

Jul
10
Faster loading with Warp5

A couple of days ago we introduced our new template framework Warp5. Today we want to show you how fast it is.

Coding our templates we always have one thing in mind: Speed. When we created Warp5 we were thinking about how we can make our future templates perform the best they possibly can.

Despite its beauty, the first Warp5-based template "Phoenix" only loads 9 kb of CSS, 3 kb of images and optional 22 kb of JavaScript for all animated effects (Mootools library is included)!

By Sascha | | Posted in Warp | 11 comments

New template framework

Jul
02

Today we introduce our new framework called 'Warp'. So whats this all about? First of all since the beginning every YOOtheme template design is based on a framework. A framework provides a powerful layer you can develop a new template upon which uses all the features like CSS/JavaScript compression and JavaScript effects to create richer user experience. Overall using a framework makes it easier to create great templates which simply work in a cross-browser environment. Also our Warp template framework evolves over time because we constantly apply updates, add enhancements or introduce new features. Finally we think it's important for you guys to know that each YOOtheme template is more than just a design because there's also a lot of stuff happening inside. Further the template framework helps anyone who extends and customizes a YOOtheme template to create a individual website for a small or even large webproject.

By Steffan | | Posted in Warp | 15 comments

The way we ride! (Part 2)

A look into the code of our free template overrides

Jan
23

In the previous post we told you about our new template overrides (which you can download here) that render the Joomla output tablelessly. Now we can create websites that have semantic markup and a sensible structure. But actually the tables were not the only problem we had with the way the Joomla core treats content. Also we quickly reached the limits on how we could style the content. In this post we want to present some improvements we made with our overrides.

By Sascha | | Posted in Warp | 13 comments

Overrides, everyone! (Part 1)

Free YOOtheme template overrides for Joomla 1.5

Jan
21

Hi everybody! With our latest template release Way Beyond we started to deliver overrides for Joomla's core output! This means that now not only the layout of our templates is tableless but also the core components which Joomla usually renders as tables. We restructured the whole HTML output. Now it is semantic and easily styleable with CSS. We also deliver a single, cleaned up CSS file which styles our overrides. One of the most important changes is the way we use the page class suffix. It is no longer attached to the existing CSS classes, which was a nightmare for web designers. Instead, we now use the page class suffix as an additional CSS class in a container which is wrapped around the core output. This is awesome for web designers because this way you can override existing CSS styles for specific pages very conveniently. Also our CSS styles only apply to our overrides and will not affect any other HTML code. You should take a look at it yourself :-)

By Steffan | | Posted in Warp | 33 comments

Fastest templates

Delivering CSS and Javascript files fast

Jan
02
Fastest templates

A look at todays websites shows that a lot of files are transfered to the browser actually display the webpage. These files are the HTML page itself and all attached files like images, flash, style sheets and Javascript. Using all the web 2.0 effects and features the size of CSS and Javascript files are generally increasing. Delivering these files over the internet to a browser can be optimized using the "gzip" compression. This feature is offered also in the Joomla! configuration to compress the HTML page which is send to the browser. But this only works for the page itself not for the attached components like CSS and Javascript.

By Steffan | | Posted in Warp | No Comments