Re-enable Windows task manager

To fix the no task manager issue go to start then run (windows XP) or in the search line for vista….or just use the shortcut windows key + R. Copy and paste the following into the run command then hit enter: REG add HKCU\Software\Microsoft\Windows\CurrentVersion\Policies\System /v DisableTaskMgr /t REG_DWORD /d 0 /f press crtl+shift+esc……task manager should […]

React / Redux Client

Create new package.json ::: npm init -y

Structure:

  • <app_name>
    • dist
      • index.html
      • {bundle.js} //generated by webpack
    • src
      • index.js //app entry point

Webpack:

npm install –save-dev webpack webpack-dev-server

npm install –save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react

React:

npm install –save react react-dom

npm install –save-dev react-hot-loader

npm install –save-dev react-addons-test-utils

CSS:

npm install –save classnames

npm install –save-dev css-loader style-loader autoprefixer-loader

Testing:

npm install –save-dev mocha chai

npm install –save-dev jsdom

npm install –save immutable

npm install –save-dev chai-immutable

JavaScript frameworks and the pace of change

Being a front-end software/web/app developer, in 2015, is awesome; we have evergreen browsers from all the major providers, the amount of browser specific hacks we need to use are the fewest. So many things have changed so much for the better. JavaScript as a language is going from strength to strength with the adoption of ES6 and fantastic tools such as babel that let ES5 browsers join the party.

But the rise of JavaScript has felt like a double edged sword of late, and I’m often left feeling like Neo in the Armoury.

http://imgur.com/eFMhXZH
Tank: What do you need? Neo: npm_modules…
lots of npm_modules.

Read More »

MCR FRED Logo and Background in HTML and CSS

I received and email from McrFRED about a little competition they are running, to enter, I just needed to tweet something McrFRED related.

“It could be a McrFRED sticker, T-shirt, or you could make your own! LEGO? Desktop wallpaper? CodePen?”

CodePen eh? I’ve heard of the site and checked out a few demos but never personally uploaded anything.

So, what to make in as my first pen then? The header image on the email looked like something I could maybe re-create in just HTML and CSS with no images, as is all the rage these days – so that’s what I headed out to do.

The McrFRED header that I planned to create in just HTML and CSS.
The McrFRED header that I planned to create in just HTML and CSS.

The hard part here looked to be that repeating background, but I thought I’d seen something similar done before – which I found on Lea Verou’s CSS Patterns Gallery – but unfortunately, this was a) upside down, b) filled gradients rather than the outlines of the cubes I needed.

So I started to experiment, which is where Codepen really shines with the instant feedback as you change the code; pretty soon I had something resembling the cubes, but I had lines going through the centers of the cubes. More playing with the gradients I got what I was after. I found a guest post by Ana Tudor invaluable for understanding the maths to get the angles correct on the linear-gradients, the 25 minute spent absorbing that tutorial was extremely useful!

The base for the hexagon as grabbed from a jsfiddle by CreativePunch and tweaked to render in the correct orientation, I used a second hexagon slightly larger and below the main one for the border, as borders on the :before and :after elements didn’t render consistently across Firefox, Edge and Chrome.

The closest font I found for the text was Alegreya Sans SC from Google Fonts library. Finally, I added a few CSS animations then fired off the tweet.

All in all, a good bit of fun and a nice change from the current contract work I’m doing through the day.

And the end result:

See the Pen MCR FRED in CSS by Brian Barnett (@brian3kb) on CodePen.

//assets.codepen.io/assets/embed/ei.js

Macaw Missing Tool Icons

Over the past month, I have been trialling Macaw to very quickly mock-up some site and web app designs – its a great tool and helps to greatly reduce the amount of Photoshop slicing I need to do.

I have however noticed that on two of my Windows machines, the tool icons just didn’t appear to be being drawn at all!
macaw

Read More »

Looking Back Over a Year with MUMPS

It’s been just over a year working in the NHS, and it has been a very interesting experience where I have had the pleasure to work on some really great new systems using all the modern web has to offer, but have also had to work with and improve/maintain some not so enjoyable legacy systems, one of those being a proprietary stack (InterSystems Caché) built atop the MUMPS language and database.

For those that have not been fortunate to have experienced this environment, here is a very short explanation – MUMPS (or simply M), is a programming language providing ACID transaction processing and is tightly coupled to a NoSQL ‘schema-less’ database Read More »

JavaScript Resources

There has never been a better time to pick up JavaScript as a first or an additional language, it is quickly becoming the language of the modern web. The current standard (ECMAScript 5) is a relatively small language compared to Java and PHP, and shares their C style syntax, but this is pretty much where the similarities end, as JavaScript is more akin to Lisp in operation.

With the launch of ECMAScript 6 Harmony right around the corner, which brings many conveniences from other languages and transpiled languages such as CoffeeScript – JavaScript is set to get a whole lot more interesting and possibly a little more difficult to understand, so getting a thorough grasp of the current standard before heading into the new stuff is a great way to go.

Fortunately, there have been some fantastic resources become available over the past few years.Read More »