Five Things WPMagic


• 1. My favorite LaunchBar Action — RocketINK

A discussion on LaunchBar v Alfred for keyboard launching. Of late, I must say I like Alfred. Maybe it is time to dust off LaunchBar again.

If you use Alfred make sure you get PowerPack and have a look at the Packalsite for Workflows.

byteDash 2014 – Original Timer script by Padraic Renaghan

• 2. Timer – byteDash 2014

This is RocketInk’s favourite LaunchBar timer. Worth a look.

Smashing Magazine

• 3. Creating A Complete Web App In Foundation For Apps

"Foundation for Apps is a new single-page app framework from Zurb that is closely related to Foundation 5 (also known as Foundation for Sites, a widely used front-end framework). It’s built around AngularJS and a flexbox grid framework. It’s intended to make creating a web app very quick and simple, enabling us to quickly start writing the code that’s unique to our application, rather than boilerplate.

Because Foundation for Apps was only released at the end of 2014, it hasn’t yet seen widespread usage, so there are few good sources of information on using the framework. This article is meant to be a comprehensive guide to building a functional web app with Foundation for Apps from start to finish. The techniques detailed here are fundamental to building practically any kind of app for any client, and this tutorial also serves as a strong introduction to the wider world of AngularJS and single-page apps."

I really like Foundation 5 grid. I recently discovered a base WordPress Theme so will try a theme project in WP Foundation.

Creative Bloq

• 4. Manage large-scale web projects with new CSS architecture ITCSS | Web design | Creative Bloq

"CSS architecture are in vogue right now. It’s something you’ve no doubt heard mentioned numerous times over the past year or so, and with good reason: UIs (and the teams that build them) are getting bigger and more complicated than ever before.

There are a number of aspects of CSS which make it troublesome too.

It’s declarative, meaning there is no logic or control flow to tell other developers much about the state or construction of the project. It operates in a global namespace, meaning we get collisions, leaking styles and inadvertent regressions.

It utilises inheritance, making everything somewhat interdependent and brittle. Finally, the unavoidable specificity model can cause problems when selectors fight each other for prominence.

These are all problems in and of themselves, but when working at any reasonable scale they either become directly more apparent, or the odds of encountering such problems are statistically much higher.

Enter a CSS architecture: a way of planning and structuring your CSS for large and long-running projects."

ITCSS is a set of guidelines to get you thinking about your CSS as an inverted triangle.

Filament Group

• 5. More Weight Doesn’t Mean More Wait | Filament Group, Inc., Boston, MA

"When I talk about web performance, I like to use the phrase, “weight does not need to increase wait.” To be clear, that’s not because the weight of a webpage doesn’t matter—it most definitely does—but rather because we can often (usually, even) deliver a usable representation of a web page’s content very quickly, even if that page is quite large and asset-heavy as a whole. At the root of this distinction is a performance metric that the web community has only recently begun to discuss and prioritize, known as perceived performance.

Formerly, much of the focus in web performance was concerned with optimizing assets like images and fonts, which does make for a shorter overall page load time. But today there are techniques we can use in addition to file optimization that have an arguably larger impact on how soon our users can see and use the content we’re delivering."

A wrestle with webpage performance.