Productivity

Organising with Trello

On my quest to becoming more organised and productive, I’ve read about how awesome it is to use Trello. Not just for team collaborations but for individuals. The use of card sorting and organising lists appealed to me so the next logical step was to think how I could best use Trello productively. Was it for my Web Development work? blogging? or to organise everything else in my life!?

Continue reading

Standard
WordPress

How To Harden Your WordPress Website For Better Security

My latest blog post, “How To Harden Your WordPress Website For Better Security” was published by INKth.com last night.

//platform.twitter.com/widgets.js

Thanks to Hoi-Sze Lam from INKth.com for the opportunity.

Standard
CSS

Quick Tip: z-index

There are times when using z-index, it doesn’t always appear to work the way we’d like to.

So to define z-index, “it is the attribute that lets you adjust the order of the layering of objects when rendering content.”Mozilla Developer Network.

According to Angelina Fabbro: CSS In Your Pocket – Mobile CSS Tips From The Trenches (video), we should “set z-index to the body element to properly stack elements”, for example:

body{
z-index: 0;
}

element{
z-index: 1
}

How have you used z-index in your projects?

Standard
Personal

2015

Joel McGlynn

After a long absence of no blog posts on this website, I’m back.

Here is the main reason…

Joel is an adorable excuse! in a non-biased way of course.

So after much thought, I’ve decided that I want to focus on writing more about WordPress and general web development. As well as experimentation with using new technologies, I want to test web tools that help workflow and productivity.

I’ll revisit my past posts and comment on how I’ve applied these technologies in real life projects.

At the time of writing, Foundation 6 has been released so I’m keen on experimenting with this framework even though I’m an avid Bootstrap fan.

Standard
CSS

CSS Architecture

I’m attempting to compile a comprehensive list of how developers and front-end engineers structure their CSS using the SMACSS (Scalable and Modular Architecture for CSS) approach.

What is SMACSS?

SMACSS stands for Scalable and Modular Architecture for CSS, and is more a style guide than a CSS framework. On a high level SMACSS aims at changing the way we are turning designs into code. Instead of working in a page mentality where you try to turn a single page design into code, SMACSS aims to identify repeating visual patterns. Those patterns are then supposed to be coded into flexible/re-usable modules, wich should be independent as possible from the individual page context. This is not a revolutionary point-of-view for a programmer, but in the web design world this is indeed a newer way of thinking.”

Continue reading

Standard