Structuring Your Website With HTML 5 Semantics

Prior to HTML 5, there was no real markup to help explain the intent behind your HTML code. The goal of HTML 5 was to offer a more readable way of writing your code, so that any author that comes after you can have an easier time going through what you’ve created. So what are […]

Read More »

Improve your GIT workflow with Git Flow

Git-Flow is a development workflow for keeping your branching consistent among your team. In this article I will explain the different branches and how to go about implementing this process into your workflow. Branches First before we get started, let’s go over a quick overview of what the naming conventions are for our branching. We […]

Read More »

SOLID Principles in PHP

The 5 basic principles for Object Oriented Design, SOLID, were first created in a effort to improve maintainability in our code bases. SOLID is a mnemonic acronym that stands for each of the following principles: Single Responsibility, Open-Closed, Liskov Substitution, Interface Segregation, and Dependency Inversion. In this article, I’ll explain in short what each principle […]

Read More »

Filtering Arrays Without Using Loops in PHP

Have you ever had the need to filter through an existing array and create a new array based on your filter for your application to process? I’m sure the majority of you have, and personally I find it a bit tedious having to create a loop each time I need to filter through the data […]

Read More »

Interpolation in Stylus

You can also use interpolation to improve your functions for reuse, as well as your other code within your stylesheet. The way it works is that you can wrap your expression within {}, which will then be outputted as the identifier. For instance, looking back at our border-radius function, we can take it another step […]

Read More »

Creating Configuration Files In Stylus

It’s super simple to create a configuration file for instance that would manage your media query break points. You could also use a configuration file for managing colors, font sizes, and other variables such as gutter spacing and more. For this example, we’ll look at creating 2 json configuration files to store our variables. JSON […]

Read More »

Using Functions and Mixins with Stylus

Stylus allows you to create functions and mixins of reusable code for your stylesheets. You can also handle mathematical operations, unary operations, and more allowing you complete control over your stylesheets with ease. Mixins are synonymous with functions. What determines when you call something a mixin or function is based on its usage. Mixins by […]

Read More »

Setting Variables in Stylus

Unlike CSS, in Stylus you can assign expressions to variables that can be reusable throughout your stylesheets. Let’s assume we had a set of colors that we’re going to be using throughout our document for headers, and text. Stylus Code

When creating variables, you do not need to include the $ dollar symbol. I […]

Read More »

Using Selectors in Stylus

Selectors are a way to pick the elements that you want styled. In Stylus, similar to CSS, you can apply a set of styles to any element by separating them by a comma delimited list. Stylus though, also allows you to select multiple elements by separating each on their own line. Let’s look at an […]

Read More »