Tag Archives: code

How To Prevent Common WordPress Theme Mistakes

If you’ve been thinking of creating free or premium WordPress themes, well, I hope I can help you avoid some of the mistakes I’ve made over the years. Even though I always strive for good clean code, there are pursuits that still somehow lead me into making mistakes. I hope that I can help you avoid them with the help of this article.
1. Don’t Gradually Reinvent The Wheel Be careful when making things look nice — especially if you create a function that does almost exactly the same thing as another function just to wrap things nicely.


How To Prevent Common WordPress Theme Mistakes

Learning Framer By Creating A Mobile App Prototype

The time of static user interfaces is long gone. Designing interactive prototypes is the best approach to expressing your ideas and explaining them to clients and stakeholders. Or, as Jerry Cao of UXPin puts it: “Nothing brings you closer to the functionality of the final product than prototyping. It is the prototype that brings to life the experience behind user experience.”
Prototyping is an important part of the modern UX design process.

Visit site: 

Learning Framer By Creating A Mobile App Prototype

Respect Always Comes First

The past years have been remarkable for web technologies. Our code has become modular, clean and well-defined. Our tooling for build processes and audits and testing and maintenance has never been so powerful. Our design process is systematic and efficient. Our interfaces are smooth and responsive, with a sprinkle of beautiful transitions and animations here and there. And after so many years, accessibility and performance have finally become established, well-recognized pillars of user experience.

Originally from: 

Respect Always Comes First

Automated Browser Testing With The WebDriver API

Manually clicking through different browsers as they run your development code, either locally or remotely, is a quick way to validate that code. It allows you to visually inspect that things are as you intended them to be from a layout and functionality point of view. However, it’s not a solution for testing the full breadth of your site’s code base on the assortment of browsers and device types available to your customers.

Excerpt from – 

Automated Browser Testing With The WebDriver API

An Introduction To Automated Testing Of WordPress Plugins With PHPUnit

WordPress is a popular content management system for building websites because it is easy to get started with and a ton of themes and plugins are available to extend its feature set. The main reason WordPress has a lot of plugins and themes is because it’s easy for developers of any level to start building one. Most of its developers are not experienced, and they do not write tests for their work, perhaps because of the following reasons:


An Introduction To Automated Testing Of WordPress Plugins With PHPUnit

Welcome To The Next Level Of Mobile App Development

(This is a sponsored article.) As users spend 89% of their mobile time inside apps — and 56% of all traffic is now mobile — creating a mobile app has become a top priority for many businesses. Statistics show that the average American spends more than two hours a day on their mobile device. Having a mobile app can be beneficial for your company for a number of reasons. But we all know that building an app from scratch is difficult — the gap between a concept and solution is wide and requires a lot of time, effort and money.


Welcome To The Next Level Of Mobile App Development

Customizing Admin Columns In WordPress

(This is a sponsored article.) If you manage a WordPress website, you’ve probably faced a common problem. How do you get insight into all of your content at a glance? WordPress’ admin area does not show you much about your pages, posts, users and comments. That can make it hard to find the right page, to check if all associated fields are properly filled, or simply to get a general sense of your website’s content.

See original: 

Customizing Admin Columns In WordPress

Send Your Unbounce Lead Data to 60+ Apps Instantly with New Integrations Powered by Zapier

Introducing Integrations Powered by Zapier

These days the average marketer has been cited to use anywhere from 12 to a whopping 31 tools to build the campaigns of their dreams, but making sure all of these different apps or tools work together like a well-oiled machine is often where things get messy.

For example, you might generate leads via your landing pages, but — depending on your marketing stack and the connections you’ve set up — it’s not always easy to automatically pass, tag and strategically route form data you’ve collected into all the different tools you need to work in (i.e. you might be using Google Sheets for lead tracking, your CRM for sales follow-up, and your marketing automation platform for triggering especially relevant email campaigns).

Maintaining a simple workflow for your lead management is next to impossible if your tools don’t connect and talk to each other properly.

Luckily, all the tools you love can talk to each other

Today at Unbounce, we’re excited to introduce our new Integrations Powered by Zapier.

Now, you can instantly connect your landing page, overlay and sticky bar lead data to over 60+ apps without typing a line of code or ever leaving the Unbounce builder.

Integrations Powered by Zapier

What’s Zapier?

If you’re not already a super fan, Zapier’s the tool over one million people use to connect their favorite web apps together for less busywork and more impressive automation. It’s like the one integration to rule them all – or the tool that makes all the other tools hold hands and play nice.

We’ve seen thousands of Unbounce customers build landing pages, overlays and sticky bars, then set up custom integrations with Zapier to funnel lead data into their other favorite tools like Intercom, Go2Webinar, Autopilot and Salesforce, for example. Today that connection’s even easier.

New: Unbounce's Integrations Powered by Zapier

Goodbye busywork, hello automation

Acting as a handy lead gen concierge, the new Integrations Powered by Zapier help eliminate mundane setup tasks.

With pre-built Zap templates directly in Unbounce and the usual integration set-up tasks automated for you, Zapier helps you get centralized lead management for any campaign in just a few clicks.

Even better? Zapier is a trade secret for leveling up the sophistication of your marketing. Using Zaps to connect your lead generation data with other tools and automate more actions, you can set up elaborate campaigns without needing to build workarounds or “hacks,” or depend on dev resources to build your integrations for you.

The possibilities are endless, but here’s a taste of how a few of our customers are already using this feature to fuel impressive campaigns without relying on IT.

Zap inspiration #1: Enrich your lead data

It’s one thing to generate new leads, it’s another if they get routed to your sales team pronto with extra context (like a lead’s unique preferences) included.

Joe Savitch, SEM and Inbound marketer at digital agency Altos, recently launched a lead gen campaign with a real estate client and wanted leads’ properties of interest included in the info submitted via the form (without the lead having to select manually from a drop down). In knowing which properties leads were expressly interested in, the real estate client’s sales team could follow up with especially relevant outreach.

Not only was Joe able to identify each lead’s specific interest using a lightbox that passed a value from the button to the lead form, but with Unbounce’s new Integrations Powered by Zapier (the “Email Parser” Zap), Joe created a lead notification that routed leads to the appropriate sales team based on which custom field had been chosen:

And here’s an example of the lead notification his team receives:

A sample of the lead notification Joe has automatically sent to the sales team via the Zap. Properties of interest are noted here for the sales team.

Joe’s verdict?

The Integration Powered by Zapier was super easy to setup and execute… My client thinks I am a magician! I could see this being used a lot going forward.

Want to push your lead data to other tools seamlessly? Get more info on the new Integrations Powered by Zapier, and see more Zaps available to you here.

Zap inspiration #2: Get visibility into campaign ROI

Serving many small to medium sized clients, Stefano Apostolakos of digital agency Webistry notes that many of the brands they work with don’t have, or aren’t familiar with sales CRM tools, meaning the agency can have a hard time demonstrating the ROI of the lead gen campaigns they run.

But now, thanks to the PipeDrive Zap directly in Unbounce, all of Webistry’s campaign leads get pushed into PipeDrive (a sales CRM), tagged and positioned appropriately in a client’s sales funnel.

Stefano’s team then runs monthly reports to discover which campaigns, ad groups and keywords achieve the highest CPA (cost per acquisition) to show the client just how valuable the new campaigns have been. Here’s what Stefano had to say about it:

Our customers have been very excited to see the direct impact their campaigns have on the bottom line. Being able to prove the value we bring has helped us to build loyalty, and generate an extensive portfolio of happy, long-term customers.

Want to set up a Zap to better see your ROI? To use Integrations Powered by Zapier, you’ll need a Zapier account and Unbounce. Learn more here.

Go forth and Zap!

This is really just the tip of the iceberg. While Unbounce now contains 60+ Zap templates to choose from right in the builder to get you started, if you have a Premium Zapier subscription, you’ll have access to over 900+ app integrations via Zapier you can make use of in Unbounce.

Whether you want to use one Zap at a time, or go wild with a few at a time (i.e. lead data pushed into Google Sheets, Slack, LinkedIn and more…), today you can finally manage, tag, and re-route all the leads you collect with Unbounce (from right in Unbounce). The only limit is your imagination.

You’ll simplify your campaign workflows, and all of your tools will run smoothly together. Not to mention, you can run far more complex campaigns without the help of IT.

We’re psyched to be the first conversion platform to make Zapier integrations available directly in the builder, and we can’t wait to see what you Zap together.

Originally posted here: 

Send Your Unbounce Lead Data to 60+ Apps Instantly with New Integrations Powered by Zapier

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

Two years ago, I decided to start a series of short WebGL experiments on Codepen. Earlier this year, I finally found the time to compile them all together on a single website named “Moments of Happiness”. Since its incarnation, I’ve found ways to explore and learn different animation and interaction techniques, which I’ve implemented in these interactive toys.

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

As you’ll see, the gameplay is very different in each one, but all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime. Breathing life into these characters with only a few lines of code was the main challenge.

The post Exploring Animation And Interaction Techniques With WebGL (A Case Study) appeared first on Smashing Magazine.

View this article:  

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

The Nine Principles Of Design Implementation

Recently, I was leading a training session for one of our clients on best practices for implementing designs using HTML and CSS. Part of our time included a discussion of processes such as style-guide-driven development, approaches such as OOCSS and SMACSS, and modular design. Near the end of the last day, someone asked, “But how will we know if we’ve done it right?”
At first, I was confused. I had just spent hours telling them everything they need to “do it right.

Continue reading: 

The Nine Principles Of Design Implementation