Flickr Photo Gallery Extension

Mathias Biilmann

This is a guest post by Viv, one of our clients running Lumina Web Solutions. He recently wrote a smooth extension using the Flickr API and we asked him to share.

For me, one of the great things about Webpop is how relatively simple it is to create some quite powerful extensions. On some previous projects I had been using jQuery on the client side to pull in photos from Flickr. However, I thought it would be nice to try to do the same from the server side (and learn some more about javascript and Webpop extensions in doing so).

Flickr provides an API that returns the response in JSON format (it can also return XML but I opted for JSON). This extension pulls in an album (photoset) from Flickr using the Flickr JSON API.

Continue reading »

Using Google's New Recaptcha with Webpop

Mathias Biilmann

RecaptchaGoogle recently gave their spam protecting Recaptcha project quite the facelift. Instead of having to decipher words from old books or numbers from street signs, most users now just have to click on a checkbox to prove they are human.

Much easier for humans and hopefully somehow just as hard for spam bots!

One of our client, Viv from Lumina Web Solutions went to work and integrated the new captcha with Webpop's form validation.

He's generously open-sourced the code, so grab it here and add a modern recaptcha to your form!

Permalink

Redirects and Rewrite Rules Comes to Webpop

Mathias Biilmann

One of the common questions from both long time clients and new Webpop users is how to do redirects for their Webpop sites.

So far the answer has been to use an extension, and that's generally gotten the job done, but it's such a common functionality that we've always felt we should have this as a built in feature.

Today the day has come to finally push our built-in support for both redirects and rewrite rules.

Continue reading »

Asset Bundling Improvements

Mathias Biilmann

The Cogs of Server Side JavascriptLast week we pushed out an important update to our asset bundling pipeline.

The most important change is that we now minify your CSS when you use the <pop:bundle> tag. Before we would only minfy Javascript, but with the bundling update we've extended that to CSS. In general CSS doesn't benefit as much from minification as JS, since Javascript minifiers can actually shorten function and variable names. On the other hand often stylesheets includes lots of comments and all these will be stripped during minification, shaving off precious bytes from the download.

Another big feature for CSS bundling is handling @imports. Import directives can be a really convenient way of structuring your stylesheets (especially if you're not using SASS), but traditionally they have been bad for performance. Now we'll inline any imported stylesheets when bundling your CSS – making @import directives a viable option for organizing your CSS.

Apart from this, we've fixed several bugs related to relative paths in referenced assets. So if this has been giving you trouble, check if the rewamped asset pipeline fixed it.

Permalink

Start using SVG on your sites!

Michael Ruescher

Mustache

We've just added SVG support in the Webpop content manager. You and your clients can start using SVG in image fields and in the Rich Text Editor today! They will uploaded and cached by Akamai just like any other  media assets uploaded to Webpop. Here's why you shoud start using SVG in your websites today:

Continue reading »

Mobile First Design with Foundation 4

Michael Ruescher

ZURB Foundation YetiLast Thursday I was at the Foundation meetup over at the shiny new ZURB headquarters in Campbell, CA. One of their designers, Ghaida Zahran gave a presentation about the why ZURB has made a commitment to the mobile first approach to responsive design. Here's some key takeaways.

Continue reading »

Persona Authentication: Say Goodbye to Passwords

Mathias Biilmann

Persona is Mozilla's attempt to fulfill an age old dream of an internet where we don't need a separate username/password pair for each new app or site we want to sign up for.

There's been plenty of takes on solving this, but Persona is probably the best shot anybody has taken at it so far, striking a great balance between ideals and being practical.

Continue reading »

Why we use Stripe payment integration for our shopping cart.

Michael Ruescher

Cash MoneyWhen we went looking for a payment gateway to integrate with our new Ecommerce theme, we had one condition: Whichever provider we went with, they would have to be true to Webpops credo of providing complete control over the markup, something that empowers our customers to craft truly custom sites and webapps.

Of the many options that are out there, Stripe won us over for its speed of integration, simple API and all around great experience provided by its documentation and customer service.

Continue reading »

Introducing the Shopping Cart Extension

Michael Ruescher

This post is an overview of how to create an online shopping cart with the Webpop extension engine and the Stripe API. We’ll use our Ecommerce theme as an example, it features one click payment processing, automated order confirmation emails and an admin dashboard for viewing orders.

 If you have a Webpop account, go ahead and grab that theme so you can follow along with a live example, otherwise checkout the source on github.

Continue reading »

Sign up now

30 days free trial. Sign up in 60 seconds. Upgrade, downgrade, cancel at any time.
×