Getting Started With Google Maps for Android: Advanced

Debugging WordPress on Azure with Z-Ray

We all know that WordPress is an amazingly rich, extendable and simple platform. That’s probably one of the reasons it powers so much of the web today. But in some cases this richness can be the downfall of your site. If you load too many plugins, for example, or alternatively - select that one theme that is too complex for your application, you might end up seeing heavy database queries and prolonged execution.

This means you need an easy, safe and reliable way to profile your WordPress app that will help you identify the bottlenecks slowing it down.

This article demonstrates a simple way to do just this. It describes how to debug a WordPress application deployed on Microsoft Azure’s web app service, using Z-Ray for Azure - a new technology that was announced a few months ago and is now in preview mode. While Z-Ray as a standlone tool for Azure developers is a new offering, Z-Ray in itself is not. Zend introduced it over a year ago as part of Zend Server. There are plenty of resources available on the web for understanding what Z-Ray is, but just so we’re all on the same page - here is a very short description.

Z-Ray is a debugging tool for PHP developers that provides information on what’s going on under the hood of your PHP apps, in your browser, and without having to change a thing in your code. Using Z-Ray Live!, developers can also profile non-browser based requests coming into the server as well, such as mobile and API requests. In addition to generic PHP information, Z-Ray also provides detailed information for specific apps and frameworks, such as WordPress, Magento, Drupal, Symfony, Laravel and Zend Framework. For more information on these features, this article provides a great overview.

Note: Before we begin, please note that to follow the steps below, you’ll need an active Microsoft Azure account (Free Trial).

Continue reading %Debugging WordPress on Azure with Z-Ray%

by Daniel Berman via SitePoint

The Struggle is Real: The Story Behind The Pitch

The moment when it’s 3 a.m., and you’re so energized by your idea that you can’t sleep. The 15 minutes you spend just pacing and imagining a future when your vision is a reality, when life is better, your goals accomplished, the naysayers silenced.

Then reality sets in.

You wake up. You force yourself to come back to reality, and stop daydreaming.

You’re halfway through step one then comes 99 more arduous steps - even more challenging than the first. Each of which could take months, if not years to complete.

You’re definitely back to reality.

Continue reading %The Struggle is Real: The Story Behind The Pitch%

by Josh Muccio via SitePoint

Osk Studio

Minimal launching soon page for 'Osk' creative studio that broadcasts a different pronunciation of their name with every click of their logo.

by Rob Hope via One Page Love

How to Create a Web Style Guide You’ll Be Proud Of

“Always design a thing by considering it in its next larger context – a chair in a room, a room in a house, a house in an environment, an environment in a city plan” — Eliel Saarinen

The quote above is from a wonderful, 20th-century Finnish architect called Eliel Saarinen – and that’s his train station in central Helsinki. While Eliel was specifically talking about architecture, his is a concept that applies to all type of design from sculpture to culinary arts to landscaping to web design.

The unique challenge with web design is trying to get a clear overview of your whole site and its components. Unlike a building, there’s no easy to way to stand back and look at an entire website to get some context.

So, what do you do?

This is why style guides are so important in web projects. They are often the only way to get an overview of all the components of your site in a single place.

This is why today’s article will be a quick crash course in style guides for web design. Hopefully by the end you’ll be able to create your own for your in-progress or dream site and be able to design a guide that can be edited later for future use and expansion.

What is a Style Guide?

A style guide is simply the definitive visual documentation for a project and outlines the rules you set for your brand. It’s a set of design guidelines that could be as simple as a one-pager for a small site, right up to Coke’s 150-page style bible covering umbrella panels and truck painting requirements.

A style guide, for the most part, will map out the rules of all elements, graphics, colors and other related parts that encompass your design and brand.

All in all the style guide is the mother of references and a blueprint to help you maintain consistency from start to finish. No matter what part of your design you’re working on the style guide will and should have a guideline or rule to make your job a lot easier. If it doesn’t then it isn’t a complete style guide.

Researching Your Brand

Knowing your baby is the first step of developing a style guide. If you don’t know anything then chances are you’re going to be running to the design ER telling a specialist you “just did something and prayed it would work”. So if you have to spend a day, a week or a month to truly understand your brand then do it.

Sure it seems like a boring task but it will be more than worth it. You have to understand the mission goals, statement and the face behind the site. These understandings will tell you whether York Whiteletter or Bebas Neue in mango peach on a pastel blue background will work on not. For more on brand research, you can hop over and check out Richa Jain’s great article on Creating a Brand Identity.

Configuring the Color Palette

Color is a good place to start your style guide. When deciding your colors it’s best to use no more than three core colors, but feel free to branch out as much as you need on shade variations per color.

Your style guide should always reflect the hex codes as opposed to using a name. What you may consider canary yellow may not be viewed the same by a collaborator. Most people will go off of the color name or hex code instead of the image.

Along with your hex codes for screen work, it’s always useful to provide CMYK values as well as the Pantone color codes – even if they aren’t required immediately. With your color preferences listed, you will most certainly need to specify when and where a color may be used, and any exceptions. This may not be critical with a small site, but you should do it nonetheless.

Rules and exceptions cover situations like:

• What happens in black and white settings?
• Is color or monotone preferred in small formats?
• What happens in reversed settings (light on dark)?

Defining Buttons and Icons

No matter the style of buttons you are using or trend they are abiding by, you need to set a design rule. Most sites have their own custom buttons so this is important especially if you are doing vastly different from the competitors.

As with your fonts, your buttons and icons need usage guidelines. There should be a clear graphic distinction on your guide between your primary and secondary buttons.

As far as your icons go, they should adhere to their own specific rules including their maximum and minimum pixel guidelines listed either beside or inside of an example image.

Color and any further style applied to your icon will be based around your color palette and general voice of the site so make sure to double check to make sure everything lines up.

Continue reading %How to Create a Web Style Guide You’ll Be Proud Of%

by Gabrielle Gosha via SitePoint

Straightforward Rails Authorization with Pundit

This is a second article in the "Authorization with Rails" series. In the previous article, we discussed CanCanCan, a widely known solution started by Ryan Bates and now supported by a group of enthusiasts. Today I am going to introduce you a bit less popular, but still viable, library called Pundit created by the folks of ELabs.

"Pundit" means "a scholar", "a clever guy" (sometimes used as a negative description), but you don't need to be a genius to use it in your projects. Pundit is really easy to understand and, believe me, you'll love it. I fell in love it when I browsed its documentation.

The idea behind Pundit is employing plain old Ruby classes and methods without involving any special DSLs. This gem only adds a couple of useful helpers, so, all in all, you can craft your system the way you see fit. This solution is a bit more low-level than CanCanCan, and it is really interesting to compare the two.

In this article we will discuss all of Pundit's main features: working with access rules, using helper methods,
and scoping and defining permitted attributes.

Continue reading %Straightforward Rails Authorization with Pundit%

by Ilya Bodrov-Krukowski via SitePoint

Popmotion – Javascript Motion Engine

Popmotion is lightweight JavaScript motion engine. Make it pop with animation, physics, and input tracking.

by via jQuery-Plugins.net RSS Feed