An Introduction to the BEM CSS Naming Convention Standard

BEM is a standard for CSS. More specifically it is a set of class naming conventions developed by Yandex. The goal of it according to the team which released it is “to help developers better understand the relationship between the HTML and CSS in a given project.”. BEM Stands for “Block, Element and Modifier”. So let’s dive in and have a look at what these three things actually are.

Undertand “This” In Javascript

In Javascript “This” is one of the things which you need to get your head around in order to fully utilise the power of the language. This article is firstly a learning exercise for myself but secondly I hope to help some of you who are just getting into depth with javascript to understand it too. I am in the process of educating myself but if i can help a few others along the way then happy days!

An Introduction to SASS – Precompiled CSS

An Introduction to SASS What is SASS? Variables What is SASS? Nesting Partials Import Mixins Extend/Inheritance Operators What is SASS? For a beginner the simple answer is that SASS is css but with variables and functions that save you time and prevent code bloat. SASS is a CSS pre-processor which means you write your code in SASS and then you compile it into useable CSS for your website. Let’s have a look at some of the useful features which SASS has that CSS currently does not. Variables If you have done any [...]

Gulp.js for beginners

GULP.js for absolute beginners

My first encounter with Gulp.js So what is Gulp.js actually for? How does it work? Conclusion My first encounter with Gulp.js I was thrown in at the deep end somewhat with Gulp.js. I arrived at my new job and i was getting to grips with how the dev team work with them showing me around their numerous projects. When I first saw a developer working with Gulp.js and started looking through some of the write ups, tutorials and videos online I have to admit [...]

Wordpress logo

How To Make The Default WordPress Gallery Thumbnails Responsive (Quick Fix)

It’s annoying isn’t it!? The default thumbnails on a WordPress gallery created with the standard short code are NOT responsive. Without installing an additional plugin here is a quick CSS fix for your woes: @media only screen and (max-width: 680px) { .gallery-item { width: 100% !important; } .gallery .gallery-item img { width: 100%; } } Just drop in in your main stylesheet in the responsive part OR in the custom CSS section of your theme options if it has one. You’re welcome! Credit where credit is due: online free streaming [...]

Spam nation front cover

Book Review – SPAM Nation by Brian Krebs

Title: Spam Nation Author: Brian Krebs Published: Sourcebooks, Inc. Naperville, Illinios, USA. Year: 2014 Pages: 306 Reading time: very easy going 4/5 hours A very readable and enjoyable book that succeeds in covering new ground in the cyber-crime genre. Brian Krebs, the author is the ‘go-to’ authority on the subject as far as journalists go and it shows in the information and contacts he has utilised in this book. Krebs’ dedication to his work is also apparent in the fact that he persevered even in [...]

My Elevator Pitch

For those that don’t know your elevator pitch is what you would say to somebody if you just met them in an elevator and had a minute to sell yourself. Here we go… I am a passionate, dedicated, proficient and experienced front end web developer and Internet marketer. I have launched well over 200 projects since I started my career and I have been self employed for the past 8 years. I have strong commercial experience including establishing and selling [...]

Javascript coding

Disable Scrolling On Google Maps – Don’t Let Your Mobile Users Get Stuck In Never Never (Scrolling) Land

If you embed a google map on a website then you might not realise but your users might end up in a sticky situation. By default Google Maps lets users scroll around in the map by touching the screen. The problem is that this then overrides the default scrolling and users end up stuck! Not good. Luckily there is a simple solution. Javascript Version function initMap(){ var isDraggable = $(document).width() > 480 ? true : false; // If document (your website) [...]

Stress – Fight Your Demons

Stress is a physical process involving hormones in your body. Stress can be very dangerous and detrimental to your health and wellbeing both mentally and physically. What is stress? Stress is the response of your body to demands and threats. When you are in a stressful situation your body releases stress hormones such as adrenaline and cortisol which prep the body for evasive action. This process heightens your strength, stamina, reaction time and focus. in most situations stress is a [...]