Waterlee – Magento Responsive Theme

Written by

Announcement:

“WaterleeBoilerplate” will be open-source and will stand as a replacement for existing Magento Boilerplate.

This means that I’m going to maintain “WaterleeBoilerplate” as a free Magento Responsive theme hosted on github.
As many of you know via e-mail I’m hoping for release next week although I won’t release it until properly tested across
all devices and as you know that takes a big chunk of time.

Other good news is that “WaterleeShop” will be a payed theme based on “WaterleeBoilerplate” with features not covered
in the “open-source” version.

By the way, Waterlee got it’s name from, you guessed it: Water and Bruce Lee referencing to Lee’s legendary statement:

“Don’t get set into one form, adapt it and build your own, and let it grow, be like water.“

[Update]

Jan 30th, 2012 @ 7:00PM

1. Product page done

Dec 21., 2011 @ 7:00 PM
1. Catalog page List and Grid View [done]
2. Product Page styling started…[wip]
3. Layered Navigation styling [done]
4. Cross Browser compatible CSS only menu [done]
5. Header [done]
6. Footer [done]

As you might have read in my previous post, I’m building a Responsive Magento Theme.

It’s home will be at http://waterlee.zeljkoprsa.com and right now there is only a temporary page showing a countdown.

To keep you up to date and answer some questions:

1. Current development status is a little over proverbial 30%
2. I’ll update this post with pics and specs about Waterlee

Get back to you tomorrow with screenshots and plans since I spent time building the temporary page this evening. Silly me :)

Got to go and catch some sleep…

So, what’s up lately?

Written by

Update: Get updates on progress by reading this post.

Long time no posts here. Excuses are numerous:

1. Writing articles at inchoo.net

2. Attending FOWD in New York this year

3. Developing a Magento responsive theme – Codename: Waterlee.

So, to cut the story short I’m announcing laying to rest “Magento boilerplate” and replacing it’s best intentions with “Waterlee“.

Continue reading…

Lemonstand App flirt becomes a love affair

Written by

Before you read: This article series aims at the Magento CE vs. Lemonstandapp comparison

A few months ago I ran into this e-commerce platform and after some serious flirting fell deeply in love with this no-frills approach to e-commerce.

As you may know I’m experiencing my third year with Magento development and have dealt with development of many stores. This will of course continue as Magento is now more powerful than ever and especially with the advent of Magento 2.0 and the x-commerce ecosystem as the result of e-bay completely buying Magento. Continue reading…

“Lemonstand App” CMS objects

Written by

This article is the first in the “Lemostand App” series aimed at developers and content curators, covers LemonstandApp’s CMS terminlogy and how it’s used.

All definitions are based on their extensive documentation that can be found here.

CMS objects:

  1. Page – contains folders corresponding website pages
  2. Template – Contains templates, corresponding templates
  3. Partial – Contains files, corresponding partials

Templates and Partials are actually files in their corresponding folders, while pages are
represented with folders in the pages folder since each page requires more than a single file.

Continue reading…

Modernizr data URLs

Written by

IMPORTANT! All of you developing Magento stores using modernizr.js should correct this:

Line 595 : bool = supportAtRule('@font-face
{ font-family: "font"; src: url(data:,); }');

into this:

bool = supportAtRule('@font-face
{ font-family: "font"; src: "//:"; }');

You can take a look at the solution here: https://github.com/Modernizr/Modernizr/issues/218

Basically, you’ll get an “Display secure and non-secure” items on the page if you have it as it is in IE7 of course.

Secure and non-secure css3PIE URL in Magento

Written by

The specificity with using CSS3PIE in Magento is when PIE needs to be loaded on the page with “https” enabled.

IE treats this as a non-secure item and holds the user at gun point with the warning message. He or she can than choose between displaying “both secure and non-secure items” or hitting the back button.

The solution is pretty easy and all you should do is to write the URL to PIE.php or PIE.htc without the “http:” part leaving only the “//” part.

The page will load with the correct “http” or “https” protocols depending on which protocol is used.

Milestone: Added Formalize to Magento Boilerplate.

Written by

Yo, everybody!

Just added and configured Nathan Smith’s Formalize to Magento Boilerplate.

For those of you who don’t know about the Formalize, this should do it:

“Break the cycle of inconsistent form
defaults, style forms with impunity!”

A screenshot from Nathan’s site depicting from elements look:

Formalize Chrome examples

Check it in action here and download from github there.

And for Pete’s sake start using this marvel.

 

CSS3PIE is updated to 1.0 beta3

Written by

Just in time of my release of the Magento boilerplate with CSS3PIE the guys from 327 Creative LLC released beta 3 of their life saving Progressive IE .htc script.

Here’s the rundown of improvements:

  1. Performance – PIE is now up to four times as fast as beta2.
  2. Lazy Initialization –  PIE loads on demand
  3. PIE.js: standalone JavaScript version – for situations when you can’t use .htc
  4. Works on table elements – Sit around the rounded table…
  5. Works on images - Rounded images work too (worked for me in beta2)

And the rest of it is on their blog to read.

Wassup?

Written by

The page is a work in progress but there’s still something interesting for you to check out.

Go over to the Magento Bolierplate page and get your click on!