Back to Top
The nuts and bolts for
Creative web development

How to Create a PyroCMS Theme

Like most content management systems, PyroCMS uses front-end themes. Though PyroCMS themes are built a bit differently than what you might be used to from other systems, they’re still quite easy to create. They’re so easy, in fact, that very little PHP experience is required to assemble them!

May 21, 2013 Author: Lubov Cholakova Rating: Not enough votes

How To Avoid Duplicate Downloads In Responsive Images

The <picture> element is a new addition to HTML5 that’s being championed by the W3C’s Responsive Images Community Group (RICG). It is intended to provide a declarative, markup-based solution to enable responsive images without the need of JavaScript libraries or complicated server-side detection. The <picture> element supports a number of different types of fallback content, but the current implementation of these fallbacks is problematic. In this article, we’ll explore how the fallbacks work, how they fail and what can be done about it.

May 20, 2013 Author: Lubov Cholakova Rating: Not enough votes

Migrating A Website To WordPress

Now powering over 17% of the Web, WordPress is increasingly becoming the content management system (CMS) of choice for the average user. But what about websites built with an outdated CMS or without a CMS at all? Does moving to WordPress mean starting over and losing all the time, energy and money put into the current website? Nope! Migrating a website (including the design) over to WordPress is actually easier than you might think. In this guide, we’ll outline the migration process and work through the steps with a sample project. We’ll also cover some of the challenges you might encounter and review the solutions.

May 20, 2013 Author: Lubov Cholakova Rating: Not enough votes

Real Time Chat With NodeJS, Socket.io and ExpressJS

NodeJS gives Krasimir Tsonev ability to write back-end code in one of his favorite languages: JavaScript. It's the perfect technology for building real time applications. In this tutorial, he'll show you how to build a web chat application, using ExpressJS and Socket.io.

May 16, 2013 Author: Lubov Cholakova Rating: Not enough votes

How to Write Testable and Maintainable Code in PHP

Frameworks provide a tool for rapid application development, but often accrue technical debt as rapidly as they allow you to create functionality. Technical debt is created when maintainability isn't a purposeful focus of the developer. Future changes and debugging become costly, due to a lack of unit testing and structure. Here's how to begin structuring your code to achieve testability and maintainability – and save you time.

May 16, 2013 Author: Lubov Cholakova Rating: Not enough votes

HTTP: The Protocol Every Web Developer Must Know Part 2

In his previous article, Pavan Podila covered some of HTTP’s basics, such as the URL scheme, status codes and request/response headers. With that as our foundation, we will look at the finer aspects of HTTP, like connection handling, authentication and HTTP caching. These topics are fairly extensive, but we’ll cover the most important bits.

May 15, 2013 Author: Lubov Cholakova Rating: Not enough votes

Getting Into Ember: Part 4

In his previous tutorial, Rey Bango touched on how to use Ember.Object to define your models and work with datasets. In this section, we’ll look more closely at how Ember uses the Handlebars templating framework to define your app's user interface. Most server-side developers are used to using templates to define markup that will be dynamically filled on the fly. If you've ever used ASP.NET, ColdFusion, PHP or Rails then it's pretty much assured you know what he's talking about.

May 15, 2013 Author: Lubov Cholakova Rating: Not enough votes

A Guide to CSS3 Pseudo-classes

The pseudo-classes are used to target elements without having to add extra classes, attributes or ID; that is why it is called in that way, pseudo-class. Throughout our previous posts, we have covered a few new CSS3 pseudo-classes, including :not, :before and :after, :first-of-type and we also use pseudo-classes in some of our tutorials. And in this post we are going to walk through the other new CSS3 pseudo-classes that have not been covered yet. Let’s take a look.

April 29, 2013 Author: Lubov Cholakova Rating: Not enough votes

Meet the Connect Framework

Newcomers to NodeJS typically find its API difficult to grasp. Luckily, many developers have created frameworks that make it easier to work with Node. Connect is one such framework. It sits on top of Node’s API and draws the line between comfort and control. Think of Connect as a stack of middleware. With every request, Connect filters through the layers of middleware, each having the opportunity to process the HTTP request. When T.J. Holowaychuk announced Connect, he said there were two types of middleware. The first is a filter.

April 24, 2013 Author: Lubov Cholakova Rating: Not enough votes

Repurposing Photoshop For The Web

Like any overzealous teenager aspiring to be a Web designer back in 1999, Dan Rose found himself in an “Electronic Design” class, behind the wheel of one of those old-school aqua iMacs. If you found yourself in a similar situation, chances are you were given Adobe Photoshop as your vehicle for designing the Web. For him, it was version 6.0. No matter which version you had, undoubtedly you know someone who can “trump” you by having adopted an earlier version. Designers take much pride in this, in case you hadn’t noticed.

April 24, 2013 Author: Lubov Cholakova Rating: Not enough votes