Sass 3.3 has introduced some neat features with the ampersand—it now has BEM-selector support and allows you to prepend a class to the parent element.
Organizing z-index with Sass
Keeping track of all your z-index values can be quite a task, especially on large projects or projects that involve more than 1 developer. Sass and its recent introduction of the maps
data-type can help you keep track of your z-index by having them all in one place.
Sass Maps
Sass 3.3 introduced a new maps
data type—you can create a variable that holds comma-separated, key-value pairs, and allows you to do some neat things like call a value by the key or loop through the key-value pairs.
Securely Hash Passwords with PHP
PHP 5.5+ now comes baked with a password_hash
function to generate secure, one-way hashes along with a password_verify
function to match a hash with the given password—If you’re a PHP developer, you should always be securely storing user passwords, no excuses.
Get Started with Grunt
Grunt has become an essential part of my workflow—like Sass, I never start a web project without it. Here’s an introduction to Grunt, its benefits and what it can do for you along with a guide to help you get started.
Need for Speed
Built entirely from the ground up, my new site has a need for speed. From the workflow and build to deployment, each aspect was carefully scrutinized, then painstakingly tailored. Let me take you through some of the technologies and processes required for this build.
Better Scroll-To Anchor Links
Traditional scroll-to approaches do not play well with all responsive sites. Here I’ll present the problem with the traditional approach and present a better solution.
Responsive Google AdSense Ads
With some basic JavaScript and one line of CSS, make your Google AdSense ads responsive.
jQuery Ajax Call to PHP Script with JSON Return
Ajax allows you to run server-side validations, form submissions, data retrieval, and other server-side stuff in the background (asynchronously) without interfering with the existing page where the request was made. It’s a beautiful thing, but best of all it’s not very difficult to do.
Responsive YouTube, Vimeo, Embed, and HTML5 Video with CSS
Make YouTube, Vimeo, embed, and HTML5 videos responsive with CSS.