VueJS

Standard

So thought I’d write a short post of VueJs.org that I’ve been playing with for the last 6 months or so. WOW!!! I’ve been trying to move away from the world of jQuery for some time, don’t get me wrong, jQuery is a great product, but it’s not really any good for writing modern web aps etc. But I do feel that people include the whole jQuery library and a plethora of plugins to do things that are actually really easy in modern day JS (Don’t get me wrong I’m no expert, I’d say medium level!).

So onto angular, I did play with this, watched some lessons and followed various webcasts/training videos, but it never clicked for me as really good. I liked the theory but just didn’t feel natural to me. As a regular watcher of Laracasts, I watched a couple of videos around “The vast world of Vue” and started to play. I had already started to build an interface for a side project I was working on, so started to try and convert it to VueJS and learn a bit more… I was hooked! everything worked as I wanted it to, and seemed so logical. This was pre version 1 and there have been a few breaking changes that I’ve had to deal with (as always using a beta product) but now it’s stable, building interfaces with components now seems second nature (At least when you’re repeating them a lot).

So if you haven’t yet had a play, I do suggest taking 10 minutes to look at VueJS.org and find out the beauty of this framework… Yes I know I’ve not tried out all the other frameworks available, but this one works for me, each to their own I always say :)

Here is a screenshot of the current interface, still work in progress :)

screenshot

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

Christmas lights

Standard

Bit behind with posting updates, sorry! My love of leds continues, and whilst my house will never have Christmas light shows as can be seen on tv, I do like to try and make it a bit interesting… So this year I’ve added a led outline to house using RGB leds that currently just fade between the different colours (rainbow style). There are lots of ways of doing this, but I went the pipe route…

IMG_2918-777786

Leds mounted on piping

As you can see I simply bought a lot of tubing (18m required to go around the house, but you can get 40m on screwfix for £16.98 at time of writing). There is no easy way to attach the pipe to the wall, so we (myself and my son Joshua) ended up creating our own clips out the of the pipe!

Finished look

Finished look

Quite pleased with the result, certainly unique n the area…

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

Samsung SmartThings #ThinkSmartThings

Video

I’ve recently been given the opportunity to play with Samsungs SmartThings starter kit package (rrp £199), so thought it would be nice to just put up some of my thoughts on here :) I have to say I really wasn’t sure what to expect, so did little research before it turned up so that I could experience it as a novice (Although I’m quite tech savvy). The package arrived and was a lot heavier than I expected, and on opening it I was suitably impressed with the packaging and general presentation of it.

Photo 14-10-2015, 10 48 50

As you can see from the photo it contains:

  • The “Hub” itself (the brains of the package), this connects to your network via a cable and has battery backup facility (I’ve not put the batteries in yet)
  • Smart power socket: This can be controlled from the app or via the hub using “apps” to control it
  • Door sensor : Allows you to know when something is open or closed
  • Presence sensor: This can be used to say when something is in hub range, as a standard your phone is this device, so you might add this to a childs bag or something
  • Motion sensor: Detects when there is motion in the area of the sensor.

This is a quick overview of the pack, but they do more than that, for example the Power socket can also report the Watts that is being draw, and the sensors also detect temperature (But I’ve not worked out how to get the app to show in celsius yet!)

Samsung have been quit clever here though, rather than only supporting and working with there own devices, the main hub supports a range of different communication protocols. This means that you are not limited to only Samsung devices and you can link up to a number of other devices as well, e.g. Sonos speakers, Yale locks, and Aeon Labs switches/dimmers.

I have to say that after getting it all running, my first question was… what do I do with it?! Well it just so happens that our over died and we are contemplating a new kitchen (getting there), one of the quotes asked us about led lighting etc. to which I said I would sort myself as I love leds! After he went I thought about leds at floor level, and how cool it would be if they would turn on and off automatically… right on cue Samsung smart things!

So I found some leds I had lying around and basically plugged them into the Smart wall socket, and got the motion detector setup on the floor to detect motion… easy, but now what. Well this is where the app comes into play. On the main app itself you can download and install a SmartApp to perform certain actions at certain times, or when things happen. After poking around for a bit I found out how to add and install one of these (Could do with some work here the interface is clever but not 100% intuitive) and managed to link the two devices together IFTTT (If This Then That) type protocol.

Very neat but does need more to connect to make it more fun :)

 

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

Windows local development with ExpressionEngine

Standard

I’ve always been a Windows developer and been working for many years with WAMP/EasyPHP etc. but for some reason I’ve found that ExpressionEngine (EE) always runs a lot slower locally for me than on a real server (Mostly unix). Never really bothered me till today when page loads where taking 3-4seconds and driving me nuts!!! After playing with LOTS of settings, the one that made my local sites run like the clappers again was in the my.ini for MySQL! Add innodb_buffer_pool_size=512M to the [mysqld] section and for me the difference was chalk and cheese :) comments?

This might apply to other Windows development where MySQL is slow, but note this will only effect you if you’re using InnoDB tables!

(PS also use 127.0.0.1 as the hostname, not localhost, but this is well documented, saves about 1second a page load)

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

Been a while

Standard

So many things going on in my life, I’ve fallen in love (VueJS), and my Javascript knowledge is getting better and better. Bought a new domain for a new idea aSquid.com well not new, what is :) but having a lot of fun learning to build it! Who knows watch this space…

I played around with a couple of Javascript libraries Angular, React etc. but they all seem to over complicate the basics. On Laracasts.com (Well worth the money) VueJS was mentioned and after 5 mins that was it… I’ve started to build a complete html wysiwyg designer now and things just work as expected! The downside is that it’s still not production and 1alpha breaks a lot of code I’ve already written so rewriting and relearning (Some good, some not so good IMO).

I also decided it was time to move on from my job and find a new adventure… so currently looking if anyone is interested :)

My PixelGrid 2 has made little progress :( bought a new power brick for it, but still needs a case and work.

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

My love of leds an update of things I’ve been doing :)

Standard

Ok not posted in a while, busy busy busy!!! Few updates for the site :)

DIY Led bike lights (MooLights)

These have been brilliant!!! With 2 minor issues, the first set of leds I bought on ebay where pretty cheap, and as such a few of the leds died, wasn’t terrible but having decided that the project was good I decided to find some better ones and replace them.

bike-lightAs can be seen, these are not flashing for the picture, and I wouldn’t use these as an only source of light, however as an “Awareness” light (Great for miserable mornings as well) they seem to work very well, and general reaction has been very positive from other bike commuters through to young kids who think they look “Sick”.

The second issue I had was with the battery… I made the silly mistake of charging with a 12v charger forgetting that the battery had no cut out in it (In the charger that came with it) and manage to destroy the battery! So New LEds and New battery, but without them now I feel naked and very unprotected :(

I never ride at night without standard lights on the bike, these are for me just get seen by driver lights :)

Pixel grid

Well that project was fun but an 8 x 8 grid was just not enough. I did enjoy playing with Node JS on the Raspberry PI and even wrote a small DMX interpreter to run with Glediator :) worked really well, but too small to be effective. So next job is to make Pixel Grid 2 this is a new grid based on 15×15 (New leds and left over of last leds).

ledgrid2

As you can see the new board is smaller than the first, so a much higher pixel density. Instead of soldering each one with a cable they have been left in standard format, the downside is that the second lot of leds I bought are slightly different to the first lot. Brightness, RGB byte order! and fractionally different spacing of the leds. Most of these can be resolved without that much work, but it draws a lot more power so I need a better power supply before I can do more with this. Also thinking about the best way to create the grid itself, may explore using balsa wood for this!

Aquarium lights

My aquarium has been running for a number of years, but for the last few of months I’ve always had issues with the connectors on one of the tubes (2 x 36″) and I can’t find any spares, and no mater what I did I couldn’t get a reliable connection on that bulb. I’m not a fan of 240v and water, never have been so decided it was time to play with some leds. Official Led lighting for aquariums is quite expensive, but I’m sure there is a lot more science behind it etc. however I just needed good light as the single bulb I had wasn’t enough. Looking at what I could get on ebay I went for 5m of cool white 5630leds and 6amp psu to power them. I had an old piece of white PVC that was just about the right length and did a quick experiment.

tank-light-2

Pretty simple setup, and just had them lying on the two bits of glass that brace my tank (as you can see above).

tank-lightPretty bright when on, and when facing down

tank-led-light

Not bad – could be better and I think I might experiment with some other leds to add on, but I want to monitor the plants to see how they react to the new lighting. Total cost so far on this setup £15.99 :) what would be really nice would be to add a controller in to bring the light up in brightness and down slowly, and possibly add additional colours to create phases (maybe blue for night etc.)… all down to time!

I think that bout wraps up my leds update :)

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

Raspberry Pi – Pixel grid

Standard

A few weeks ago I saw on eBay an Ikea Daft Punk coffee table (Google search it) which blew me away as awesome, probably the geek in me! These are listed on eBay from £3000+ a bit out of my price range, but I wanted to take the idea and do something more with it. After a bit of research, it seems I’m not alone!

Having done some research, I decided on the Raspberry Pi (Bought 10 days before the new one was released, grrrr!) and 5m of WS2801 RGB leds (in a strip, probably wrong choice in hindsight however lets move on!). I also bought some foam board, and 4 core flat wires, and so far have my grid fully working.

Next job is to build the frame, and find the best front cover to diffuse the light so it looks better. Once that’s done I can look at starting to program it up with my own stuff :)

RGB Led grid, powered by Raspberry Pi

RGB Led grid, powered by Raspberry Pi

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

Bike led stip lights

Standard

Well 5 months on and my lights are doing pretty good, most people who I’ve seen or talked too seem to like them.  Issues I’ve had… well to be honest not many, got one cable which may need a tweak (dry joint possibly), a couple of the leds on the white leds have died (red rear leds are fine).

Overall I’ve been really pleased with them… in fact I even almost feel naked cycling without them now! So if you want to know more details let me know, and I promise to try and get some better videos – BTW visibility seems greatly improved form the side as well, which I also think is very important :)

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

MooLights – Led lights for my bike

Standard

As a daily commuting cyclist, it pains me to see a huge number of other cyclists that have no lights, helmets or anything to get them seen. When I first started I did wear a helmet and had a basic set of lights from my local halfords…. I was not very visible! I now have some proper bike lights, and wear a bright jacket when I cycle, however I wanted more for this winter, especially when the weather is miserable. For that reason project MooLights was born!

The idea behind MooLights was to use led strip lights on my bike, and flash them to improve my visibility to other road users. They are not designed to light the road, however the front ones are pretty bright. Hopefully the following video and photos will make things clear. Happy to start a page to chat on if required!

Facebook gallery photos

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr

Image_moo update!

Standard

Yea, I’m still alive – and a few people have been asking about image-moo updates, and as such I’ve now put the latest and greatest up…. Ok not a HUGE amount of changes, but a couple of neat features that I’ve been using to show avatars as encoded image data for an offline HTML 5 app.

I’m really hoping that Spring will show it’s head soon, it’s been a LONG winter here in the UK, 9th April and the temperature has still not hit double digits (c)! In fact only a couple of weeks ago we had snow!

Been a busy first Quarter, lots going on, and at the moment I’ve been rebuilding my company website; This has had a side affect of me having to write a few custom EE plugins to get the site to do what I want (coming soon on devot:ee!) so hopefully this will be done soon, although populating the content will take some time :)

Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on RedditShare on LinkedInShare on StumbleUponShare on Tumblr