Create a 12 column grid system with Sass

CSS

9 July 2017
Online by J&S Code
CSS

Grid systems are an incredibly powerful tool when creating any sort of website. There are many grid systems out there, such as Bootstrap and Zurb Foundation, but it’s actually a lot easier to roll one from scratch than many people think. Once you’re a little more up to speed, come back and I’ll show you how to make a 12 column grid system...

Details
8 July 2017
Online by J&S Code

There are numerous advantages of WordPress SASS for WordPress developers. You have most likely heard numerous contentions for utilizing a pre-processor at this point. CSS pre-processors give the chance to better code association by utilizing partials and settling styles. (more…)

Details
7 July 2017
Online by J&S Code
CSS

Writing in SCSS lets you use features that don’t exist in CSS yet like variables and nesting. The biggest feature though, in my opinion, is mixins. I’m not going to go into depth of what they are, or how they work, as there are other articles out there in the wild for that. (more…)

Details
17 August 2016
Online by J&S Code
CSS

A CSS rule’s selector specifies which elements in your DOM the rule will apply to. The contextual type, class, and id selectors match an element’s tag type, class value, or id value respectively. A contextual selector is good for many cases, but it doesn’t provide you with the specificity you may sometimes desire. XHTML <form novalidate> <label for=name>Name</label> <input id="name"...

Details
4 August 2016
Online by J&S Code
CSS

1. Make it Readable The readability of your CSS is incredibly important, though most people overlook why it’s important. Great readability of your CSS makes it much easier to maintain in the future, as you’ll be able to find elements quicker. Also, you’ll never know who might need to look at your code later on. When writing CSS, most developers...

Details
4 August 2016
Online by J&S Code
CSS

CSS3 has evolved into a technology which, when combined with HTML5 and JavaScript, may end up being a Flash-killer. In this article, we will cover the key additions to CSS3. Today, we will start with the layout properties. Even though CSS3 is not supported on all browsers yet, many web developer have started to use some of the techniques that...

Details