YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Introducing Widgetkit

Introducing Widgetkit

We are proud to finally announce the first release of Widgetkit our next generation tool set. Widgetkit is the successor of the famous YOOtools we first introduced in January 2008. Back then the YOOtools were only built to work with Joomla 1.5 and Joomla 1.0 (for those who remember the old times) and until today enriched countless websites. As time flies by so fast in the web, our tools aged and were due for a major update. So we started working on a new version of our tools back in August 2010, right after we finished our work on the Warp 5.5 theme framework.

When we started we basically had two choices, the easy one would be to take each YOOtool and update it's code to work with our default JavaScript library jQuery and keep everything else. Each tool would still require you to use Joomla articles to fill their content. This seems like a reasonable approach, but we thought if we have the opportunity to re-design the tools what can we do differently now to make them even better. We also wanted to achieve compatibility with Joomla 1.6 and to make them available for WordPress. Giving all this a lot of thought, we came up with great ideas which are now implemented in Widgetkit. With Widgetkit we created a whole new concept to make the tools easier to use, install, update and extend.

By Steffan | | Posted in Widgetkit | 119 comments

JUG Meetup in Hamburg

Meet the YOOtheme developers in Hamburg, Germany on June 15th, 2011

JUG Meetup in Hamburg

We are going to organize a Joomla User Group meeting in Hamburg, Germany! It will be a social meeting in a relaxed atmosphere in a restaurant/bar. Anyone who is working with Joomla, no matter if you are a newbie or an experienced developer, is invited to join us. We will chat about Joomla and you can ask our team about the template designs, the Warp6 framework and our ZOO extension. Thomas Kahl, organizer of the Joomla Day Germany 2011 and known as VirtuemartExpert will join us, too. So if you are starting an ebusiness he's the guy you want to talk to. Also Jan Gieselberg will join our meet up. You will know him from his website Joomla Downloads where he usually blogs about Joomla and provides a directory for selected extensions.

We think this get together will be a great warm up for the upcoming Joomla Day Germany in Hamburg. Expect some good conversations and lots of fun! And the best part is all beers will be on us, the whole evening! So come and join us.

The meetup will be on Wednesday, 15. June at 19.30 in Hamburg (Winterhude, Gertigstraße). Please send us an email if you will attend. The location will be announced soon. We look forward to meet all of you soon!

By Sascha | | Posted in Company | 7 comments

Warp6 Nano Theme

It's optimized and streamlined to serve as a blueprint to build your own custom themes

Warp6 Nano Theme

Today we are very proud to release our new Nano theme! It's entirely based on what we have been working on over the past 6 months: Our brand new Warp6 theme framework!

Nano is the first theme that's build with Warp6, our fast and slick theme framework! It takes full advantage of all the latest Warp6 features like semantic HTML5 markup, a mobile theme, a nice and clean administration UI and much more. You won't find any bloated code or features that will slow your site. It's created from a developers perspective - simplified, no magic, just a great toolset to develop cross-platform themes.

Nano is an optimized and streamlined framework theme and serves as a blueprint to build your own custom themes. It offers 5 different theme styles to get you started right away. Each style has a slightly different motif and inherits its structure and layout from a default base theme. Those styles themselves will function as a starting point for you to design your own customizations, modifications and enhancements. That's simply done through inheritance. It has never been easier to have smaller variations of your theme for presentation purposes.

  • Available for Joomla 1.5, 1.6 and Wordpress
  • 5 style variations available
  • Choose from 5 colors and 8 fonts
  • 1 module style combinable with 4 badges and 6 icons
  • Flexible template and column widths
  • All Warp framework features are available

Joomla Demo WordPress Demo

By Sascha | | Posted in Themes, Warp | 82 comments

Warp6 Error Pages

We added nicely styled error, offline and IE6 upgrade pages to Warp6


Today we want to present some small but nice goodies of our Warp6 theme framework. We added additional layouts to customize several information pages. You are now able to configure and style your own offline and error pages. Also you can activate a dedicated browser upgrade page which only gets displayed to visitors using Internet Explorer 6.

All these pages use the same clean layout and display a relevant headline with a short description text. Therefore we have added a separate error.css file which defines the general error page style. This also gives you the opportunity to create your very own style for system messages like error codes and an offline message.

By Sascha | | Posted in Warp | 57 comments

Warp6 Mobile Theme

Retina Support, CSS3 Powered Drop-Down Menu, Search, Login and more


Warp6 comes with a dedicated theme for mobile devices! We know this was a long time awaited feature. Now you'll get it!

Mobile Theme

Retina Resolution

So what is a mobile theme? A mobile theme provides the general look and feel of a mobile device's user interface, so you'll get the best browsing experience on the go. Warp6 supports all mobile browsers which use the WebKit engine like the Apple iPhone, iPod Touch and Google Android devices!

And yes we also support the iPhone 4 and its new retina display, with its awesome 960-by-640-pixel resolution on a 3.5 inch LCD. The Retina display has four times the number of pixels as previous iPhones, resulting in double the pixel density.

This means that the theme requires optimized images for the high pixel density display. And guess what, we deliver the mobile theme with all images optimized for the retina display to show up in a crisp resolution.

By Steffan | | Posted in Warp | 28 comments

Warp6 Administration

We added a nice and unobtrusive administration UI for Warp6


Here we go with our new theme admin and configuration UI of the Warp6 theme framework. Yes, you heard right! Warp6 now comes with a nice and unobtrusive UI for the theme configuration. We know we are late to the party but we wanted to make sure to get it right from start. Basically we didn't want to change the native theme configuration UI of WordPress and Joomla too much because everyone is familiar with using them. But on the other hand we wanted to implement some new features to improve the overall user experience. So we created a very slick and clean UI implementation. It focuses on simplicity and integrates perfectly in the Joomla and WordPress administration while supporting every framework feature on both platforms.

By Steffan | | Posted in Warp | 8 comments

Warp6 CSS Framework

We provide a modular and flexible CSS tool set for Warp6


In addition to our last blog post about the HTML5 template and system markup we now talk about our new CSS framework. We will explain how it works and how you use it.

The CSS Framework

So what is a CSS framework? A CSS framework is a rich tool set of useful CSS classes to style HTML markup. It provides cross-browser support and enables you to build robust and future-proof websites. For Warp6 we created our own CSS tool set. It is a collection of best practices we learned in the last 5+ years of theme development. Of course we also kept track with the major CSS and grid frameworks which popped up in the last years and what we can learn from them to improve our code.

By Sascha | | Posted in Warp | 12 comments

Warp6 and HTML5

The Warp6 template and system markup is completely HTML5 based

Warp6 and HTML5

Last week we highlighted the new Warp6 framework and the new styles feature. This week let's start with something we are very proud of: Warp6 is fully packed and enriched with HTML5 and CSS3 goodness!

The template markup is now completely HTML5 based and we updated the entire WordPress, Joomla 1.5 and 1.6 system markup which is now also rewritten in HTML5. We also use a lot of CSS3 and CSS 2.1 selectors which we couldn't use back in the days when we supported IE6. Now let's take a closer look at the details of the newly polished markup.

By Sascha | | Posted in Warp | 24 comments

Warp6 Styles

We introduce a new feature similar to child themes


We started this week with a closer look at the overall Warp6 framework structure. Today we want to introduce a new feature called "Styles" which relates to the framework structure. So if you missed the latest article you can read it here: Inside the Warp6 Framework.


Styles are variations of the default theme and are similar to the concept of child themes in Wordpress or sub themes in Drupal. A style defines a layer after the default theme and can inherit or override resources from the parent default theme. We implemented this by using the file cascade we described in the previous blog post. Warp6 looks first in the specific style folder and loads the file if it's found. Otherwise it looks what's next in the cascade. This gives you full flexibility to override any file of the default theme. Each style is placed in its own directory in the themes /styles folder and can provide its own custom HTML layouts, CSS, JavaScript and images. Let's take a look at this feature in the following example.

By Steffan | | Posted in Warp | 15 comments

E-Commerce 3 Icon Set

Today we released our icon set for April 2011

E-Commerce 3 Icon Set

Today we released our new club icon set: E-Commerce 3! This is the third part of our e-commerce series. For this icon set we focused on shipping and storage icons. One of the highlights is our new truck icon. We spend a lot of time working on all the details and are pretty proud how great the truck looks at 512 pixels! The second highlight is the parachute box icon. We had some concerns because of the different perspective of this icon but we are really suprised how well this worked out. The icon set also includes a pallet and sack barrow with different boxes as well as a shopping bag in different color variations. This makes 13 altogether. All icons come in 32-bit transparency PNG file format and in 8 different standard sizes, ranging from 16x16 to 512x512 pixels. It makes a total of 104 newly handcrafted icons which are of course optimized for each specific size.

Head over to the new e-commerce icons and join the icon club!

Sign Up Today

By Sascha | | Posted in Icons | No Comments