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

Warp6 CSS Framework

We provide a modular and flexible CSS tool set for Warp6

Apr
19

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

Apr
18
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

Apr
15

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

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

Apr
13
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

Inside the Warp6 Framework

Apr
12

Let's kick off our Warp6 blog post series in which we take a closer look at the overall framework structure and how everything fits together. This first post shows the basic file concept of the Warp theme framework and how to use it. If you don't know Warp6 yet take a look at the announcement. Okay, let's start!

The Framework

The Warp6 theme framework is the next step in evolution succeding our version 5.5 released in August 2010. Like its predecessor, Warp6 is a lightweight framework which provides a solid tool set for solving repetitive tasks creating themes. The Warp6 framework has HTML, CSS, JavaScript and PHP helper classes to cover all aspects in theme development. It's really portable since all framework related files are kept in a single place, a folder called "warp". This folder resides directly in every theme. There are no dependencies on other components or plugins. Nothing needs to be installed or maintained separately.

By Steffan | | Posted in Warp | 28 comments

Warp6 - Engage!

We are proud to announce our new theme framework

Apr
08
Warp6 - Engage!

Surprise! We are very proud to announce our next generation theme framework: Warp6! Over the last 6 months we worked hard on it and put all our efforts into making it the state of the art theme framework. Often people think that theme frameworks are overdone with a lot of bloated code and too much features which slow the site down. Be relieved, Warp6 is quite the opposite! It's created from developers perspective - simplified, no magic, just a great toolset to develop cross-platform themes. We believe that Warp6 is the fastest and slickest theme framework to date. For us everything is done the way it should be.

By Sascha | | Posted in Warp | 44 comments

Milk template

April 2011 YOOtheme club template

Apr
01
Milk template

Milk template is our latest fresh and friendly design and a good choice if you are looking for a clean and lightweight template, that presents you and your content in the best light. We took all the best from previous business like releases like Enterprise, Studio, Way Beyond or Phoenix, to combine them to a exciting new experience. Its shiny look and feel fits perfectly to our Iconsets available.

Milk comes with 10 bright color variations and 6 discreet background textures you can individually apply to them. This makes it pretty easy to create your own unique design! Another interesting aspect beneath a broad range of module variations available, is the ability to wrap top and bottom modules with a box that also adds a hover effect to them. Milk is build with the Warp 5.5 theme framework which utilizes the latest web techniques and is available for Joomla 1.5, 1.6 and WordPress 3.0.

Feature list

  • A variety of template color variations
  • Lots of modules with color variations, endless combinations with icons and badges possible
  • Built with the Warp5.5 template framework
  • Utilizes different webfonts
  • Compact size, using minified CSS/JS, gzip and data-URI's

Joomla Demo WordPress Demo

By Sven | | Posted in Themes | 8 comments

Mega Template

April 2011 YOOtheme club template

Apr
01
Mega Template

Please welcome MEGA, our latest template beauty. Tired of your old fashioned website? Then MEGA is the right choice for your next project. It comes with a broad range of lovingly designed backgrounds, a fresh body font called "Comic Sans" and a bunch of really cool animated GIFs. This awesome technique allows you to bring life to your website very easily.

But thats not all: MEGA is our first template that brings your visitors the ultimate multimedia experience - now you can even play your favourite MIDI songs in the background! Your visitors will love it!!!

Update: If you haven't noticed by now, Mega is our April fools day template :) Thank you all for the great tweets and comments we received today!

Feature list

  • Rock solid nested tables layout
  • Make your visitors groove with midi background music
  • Incredibly detailed animated GIFs
  • Built with Pulse Framework
  • Looks great in IE6
  • First time featuring beautiful "Comic Sans" Font

Joomla Demo WordPress Demo

By Sven | | Posted in Themes | 211 comments

ZOO 2.4 STABLE released

Yes We Can! Public release of ZOO for Joomla 1.5 and 1.6

Mar
24

Today we are excited to announce that ZOO 2.4 is stable now! As always a big thank you to all of our BETA testers! ZOO 2.4 is now available to the public for free. The new release is all about making ZOO Joomla 1.6 compliant. An Event system, Email notifications, Speed improvements: Make sure to read about its new Features in our previous blog post.

Grab your own copy of ZOO 2.4 and take it for a spin.

By Jan | | Posted in ZOO | 39 comments

ZOO 2.4 BETA released

The ZOO is running on Joomla 1.5 and 1.6 now!

Mar
01
ZOO 2.4 BETA released

Today, with a bit of pride, we are happy to announce the release of our ZOO 2.4 BETA. As promised we worked hard the last weeks on making ZOO work with Joomla 1.6. And here it is running on both, Joomla 1.5 and 1.6! In this post will shed some light on the new Joomla 1.6 version and take a closer look at the new features.

Ready for Joomla 1.6

We had already plans to make a major overhaul to ZOOs underlying framework with the 2.4 release to increase its flexibility. So it was the perfect time to take it for a test drive with Joomla 1.6. To achieve compatible with both Joomla versions we added a new abstraction layer between Joomla and the ZOO. This makes it possible to have the same ZOO version running on Joomla 1.5 and 1.6. This means all functionalities of ZOO for Joomla 1.5 are also available in ZOO for Joomla 1.6. We have not yet fully embraced all of Joomla 1.6s new capabilities but this new framework will make it possible to take advantage of e.g. Joomlas ACL in a future update.

By Jan | | Posted in ZOO | 68 comments