Joe's Blog

Stacks Image 2729
Stacks Image 2732
Stacks Image 2735
Stacks Image 2738
Stacks Image 2741
Stacks Image 2744
Stacks Image 2747
Stacks Image 2750

Foundation for RapidWeaver v1.2

Since Foundation for RapidWeaver launched back in May, I have been overwhelmed with the reception and feedback from the community. So let me start by saying thank you for all of the amazing reviews and encouragement. I am lucky to have such amazing customers that love my products that I love developing for them.

Today I am happy to announce Foundation for RapidWeaver v1.2. This is by far the largest update that I have ever released. We have been working for 3 months solid to bring you more amazing features and smooth down a ton of wrinkles. Below is a list of the highlights in this update. For a more comprehensive list, make sure to check out the detailed release notes.

Highlights

See many of these highlights in action at the new Foundation 1.2 sample page

  • Theme updated to Foundation 5.4.3 with hundreds of fixes and features.
  • No more HTML comments! New meta tags in head
  • Orbit animation weirdness have been fixed
  • Add dividers between your columns.
  • Internationalization support for forms and email
  • Top Bar got a major overhaul with custom breakpoints and Magellan integration
  • Off Canvas now support multi-level menus
  • New Animation stack to nicely animate content onn scroll or page load
  • Create Mega Menus with the new Dropdown mega sizing
  • New Icon Bar stack to create awesome bar style navigation
  • New Switch stack to add iOS-like switches to your forms

Release Notes

Downloading Updates

You will need to download the updated theme from the Foundation for RapidWeaver Website.

All of the stacks should update through Stacks update. Check out our Update FAQ is you have any questions around that.

Foundation for RapidWeaver is here!

Well I am releasing 3 months after my initial estimate but the day has finally come! After 5 months of work and 71 beta releases, I am proud to finally ship Foundation for RapidWeaver.

Foundation for RapidWeaver is a stack based theme that really take the website building experience to the next level.

I leverage the open source Foundation 5 framework from Zurb. It is the world’s most advanced responsive front-end framework. Its mobile first philosophy provides faster websites for all devices. This theme and stacks set brings all of that power directly into RapidWeaver.

Feature Highlights

  • Contains over 70 stacks for layout, navigation, content and more.
  • Build your own theme with stacks. Make the website that you envision!
  • Site Styles is a new awesome way to style your site.
  • Global templates allow you to configure supported stack once and have those settings be reflected across all instances of that stack in your project.
  • Flexible Navigation allow you to augment the menus with headers, dividers and dividers. You can even define only portions of the menu to be displayed.
  • Font Awesome and Animate.css libraries are baked into the theme. Use them anywhere you like!

There is so much that you can do with the Foundation theme, I encourage you to get more info at http://foundation.joeworkman.net.

Thank You

I want to say thank you to all of the testers that have been using and providing amazing feedback on Foundation over the past few months. Without them, Foundation would not be as awesome as it is today.

Sample Sites

Since Foundation is a blank canvas, sometimes its great to have some inspiration. The Foundation website was built 100% with Foundation. When you purchase Foundation, you actually receive the actual project file that was used to build that website.

User Sites

Starter Questions

How much is it?

The Foundation theme is free to download. I did this so that there was zero barrier to making sure that users could easily update the theme. I have even added an interesting feature into the stacks so that it will alert you when there is a theme update.

The Foundation stacks come in three different packs in order to make it more affordable. However, there is a 20% discount when you buy all three packs for $99.95.

Can I use Foundation stacks with other themes?

No. The stacks that ship with Foundation have been made to work directly with the Foundation theme. The reason for this is speed. Normally a stack contains all of the HTML, CSS and Javascript required to to make it work. However, with Foundation, the theme contains a vast majority of the code. The stacks contain the least amount of code possible to make them function. In many cases, the stack is ONLY HTML. This means that your websites built with Foundation will be leaner and meaner!

Can I use my existing stacks inside Foundation?

Absolutely! All of your existing stacks inside Foundation. They should work just like they do in all other themes. Although you won’t get the speed improvements that come with the Foundation stacks.

Can I use non-Stacks pages?

Since you build your theme using Stacks, if you want to use other page plugins, you would need to use something like my Global Content stacks to import the other pages into a Stacks page.

However, I cannot guarantee how other page types will look of function after they are imported. And this is not supported.

Will there be more Foundation stacks?

I have added a 3rd Party add ons directory to the Foundation site. There are already a few add-ons outside of the Foundation packs that have added support for Foundation.

There is even a new WeaverPix theme to create awesome slideshows!

In the future, as I release new and updated stacks, you will start to see Foundation versions of my stacks that I will ship as a free addition to that stack. This way you will get the best of both worlds!

I have already talked to a few other stack developers that are interested in building stacks for Foundation. I am pretty excited about that.

How does Foundation compare to Freestack or Bootsnap?

First off, let me say that both products are great and have been very influential for the community. Also, I have never built a single webpage with either of these products. Without getting too far into a tangent, I don’t like being influenced by other people’s products. I like to build products the way that I envision them. This way I can ensure that they are 100% my own.

What I can say is that the feedback has been amazing from my testers. So let me quote one of them…

"If you want to create modern, responsive sites with RapidWeaver without the use of a theme, we now have three attractive possibilities, of which I consider Foundation for by far the most powerful and advanced solution."

New Goodies for Stacks 2.5

Stacks 2.5 is the most exciting release that we have seen in over a year. It really has some killer features that you are going to love! I am not going to review the new features here. But I recommend that you check out shows 18 and 19 of the WeaverCast podcast for a full overview.

Now what is a new version of Stacks without some new goodies?!?

Font Awesome

Font Awesome Stack by Joe Workman

Font Awesome icons are an amazing way to display icons on your website in leu of a bunch of small images. Because Font Awesome is a font, you can scale the icons to any size without losing quality, even on retina displays. This stack set is the feature rich. You can style your icons beautifully with ease. There are also handy stacks for creating paragraph and list accents.

Visit the Font Awesome product page

Footnotes

Footnotes Stack by Joe Workman

Footnotes makes the entire process of placing footnotes onto your website completely painless. Footnotes has two different themes. Your footnotes can be displayed as a tooltip or styled content box that animates at the bottom of your page.

Visit the Footnotes product page

SoundCloud

SoundCloud Stack by Joe Workman

SoundCloud is pretty awesome. Its basically YouTube for audio. This stack allows you to easily embed songs, playlists and user streams directly onto your webpage. It works beautifully across all of your devices, even mobile.

Visit the SoundCloud product page

Placeholder (free)

Placeholder Stack by Joe Workman

Placeholder is an awesome way to throw in placeholder images onto your webpage. It supports two different image services: PlaceIMG and Placehold.it. There are tons of great options that let your customize the images so they look great in your mock-ups.

Visit the Placeholder product page

Jack - Your new best friend

I know that many of you have seen me talking about Jack for some time now. I am very happy to finally be able to release it to you all today. 

Jack will be that trusted utility that you will use all the time, over and over again. There are a lot of stacks out there that do general styles such as shadows, backgrounds, transparency, borders, etc. Jack is all of these and more built into one amazing stack. It also ships with 300+ background tile and border frame images. Jack will be your new best friend.

Jack will be replacing the Styled Stack. If you owned Styled Stack, you should have already received an email with instructions on how to obtain a discounted upgrade.

I hope that you all enjoy Jack. Its been a long time coming and its been getting rave reviews from beta testers. I can’t wait to see all the amazing ways that you use it to make your websites great.

Jack Product Page: http://joeworkman.net/rapidweaver/stacks/jack
Jack Docs: http://docs.joeworkman.net/jack.html

Recap: Release Marathon Week

I was on a release marathon this week. I released major versions of 7 different stacks! Here is a quick recap of what I released. I hope that you all have a great 3 day weekend!

Target v1.0

Target Stack

Target allows you full control over where you would like to position your stacks. You can target the stack to position itself on top of its parent stack. You can also position it relative to the browser window so that it always floats in the same exact location. Lastly you can float the content to the left or right. Target is your one stop shop for stack positioning.

You will have to see this stack in action before you can fully enjoy what it can do for you. It’s an extremely versatile stack that I know you will love.

http://joeworkman.net/rapidweaver/stacks/target

Global Content v1.1

Global Content

As good as Global Content is, I have had bigger plans for it ever since it was launched. I am happy to bring you its first major update today. Its jammed pack full of amazing new features.

I already did a full on blog post just about this update so I won’t repeat myself here. This is a pretty ground breaking update!

http://joeworkman.net/rapidweaver/stacks/global-content

HTML5 Video v4.0

HTML5 Video

HTML5 Video got a major overhaul with tons of great fixes and new features. Here are a list of some of the key new features.

  • Themes and Style Customizations: There are now 3 player themes that you can use with this stack. You can also customize the background and time rail colors to match your site design.
  • YouTube Support: You can now configure the stack to use a YouTube video and still use the nice controls provided in this stack.
  • New Video Thumbnail stack: New HTML5 Video Thumbnail stack. This is great to add thumbnails to launch your videos from a lightbox such as Expose. Check out the sample project on the dmg download for an example implementation.

http://joeworkman.net/rapidweaver/stacks/html5-video

HTML5 Audio v3.0

HTML5 Audio

HTML5 Audio got a major overhaul just like its brother HTML5 Video stack. This update brings a lot of what we saw in the video update. We have a shiny new icon! I think its pretty cool. We also have 3 player themes to choose from. You can also customize the background and time rail colors to match your site design.

http://joeworkman.net/rapidweaver/stacks/html5-audio

CSS Box

CSS Box

CSS Box allows you to assign a class and id to a stack. This can allow you to define your own custom CSS rules to apply to CSS Box and its content. There is also the ability to define inline styles as well.

http://joeworkman.net/rapidweaver/stacks/css-box

Edit Mode

Edit Mode

Edit Mode does one thing… allows you to customize the background color of the Stack Edit Mode. This is useful if you are using a project with a dark background color and maybe want to use white or light colored text and elements.

http://joeworkman.net/rapidweaver/stacks/edit-mode

Knock Explorer

Knock Explorer

Knock Explorer allows you to conditionally display or hide content to Internet Explorer users. You can even target specific versions. This is important so that users of older versions of IE still have a pleasant viewing experience. Or you can use this stack to inform them that their web browsing experience is being hampered by using such an old browser.

http://joeworkman.net/rapidweaver/stacks/knock-explorer

Older Posts

Custom Post Images