Mr Branding

Thursday, January 29, 2015

is.js – Micro Check Library

is.js is a general-purpose check library without any dependency. You can check types, regexps, presence, time and more...

by via jQuery-Plugins.net RSS Feed

The WordPress Template Hierarchy

WordPress themes allow you to change the design of your website, providing control over the look and feel. They are essentially collections of different template files that work together and produce the overall design of your website.

Before you dive deeper into WordPress themes, it is important that you have an understanding of how WordPress operates and how the different pages of your website are created. WordPress interacts with a database to store your content. That means whenever you create a new post or page, the content of your post or page lives in a database and it's only displayed using templates when the visitor asks for that particular content.

A WordPress theme is a collection of templates (CSS and PHP files) that WordPress uses to display the database content. WordPress will look for files in a theme to use to render the current page in a specific order. This is called a 'template hierarchy', that is used to create and extend WordPress themes.

WordPress themes decide how your content should be displayed on your website. A template in WordPress is a single file that determines what a specific page or set of pages look like on the front end of your website. When you change your theme, you are changing the way the content is displayed without changing the content itself.

WordPress themes use different templates files to generate a complete web page. For example, when you access a WordPress website, you can actually see multiple different template files combined together to create one complete page.

For instance, if you will look at an index page, like the front page of a blog, you will usually see a header created by the header.php template, content created by index.php, sidebar created by sidebar.php and the footer created by footer.php

Continue reading %The WordPress Template Hierarchy%

by Tahir Taous via SitePoint

Sass Basics: The Function Directive

I recently wrote an article about the basics of Sass, specifically the @mixin directive. In keeping with the theme of highlighting the basics of Sass, this time I will be talking about the @function directive.

What a function does

[code="sass"] @function remy($pxsize) { @return ($pxsize/16)+rem; } h1 { font-size: remy(32);} [/code]

A function looks a lot like a mixin, and they both accept the same types of arguments. Although they look similar,a Sass function behaves differently. While a mixin makes our life easier by lessening typing repetative code, a function allows you to strip repeatable logic from your code. For example, in the code above we are using a function to calculate a rem value for a given pixel size. The resulting code would be:

[code="css"] h1 { font-size: 2rem; } [/code]

As you can see instead of applying styles to an element like you would with a mixin, all a function does is return a value for use in your stylesheets.

Function or a Mixin

The key to understanding when to use a function versus a mixin is knowing what you want. A mixin is used to create styles that would be a chore to continually write. Using a mixin you could easily write these styles with one line of code. When writing mixins you will be tempted to include calculations.We could have wrote the remy function as a mixin:

Continue reading %Sass Basics: The Function Directive%

by Reggie Dawson via SitePoint

Mr Branding

Thursday, January 29, 2015

is.js – Micro Check Library

The WordPress Template Hierarchy

Sass Basics: The Function Directive

What a function does

Function or a Mixin

COFA Media

TKoenigs design agency

This Was My Best

Carlo Civera Digital Magazine