dotMH @dotmh - Tumblr Blog

Ruby Weekly

I wanted to share this with you because I look forward to reading it every week. As the name suggests its a Ruby Weekly Email newsletter. Published by the Cooper Press it contains a tonn of news articles , tutorials , discussions and more regarding one of my favourite languages Ruby , and of course its most famous framework Rails. They also publish a few other newsletters including one on Javascript and one on HTML 5.

I Highly recommend that you sign up to them, links are below.

Ruby Weekly : http://rubyweekly.com

Javascript Weekly : http://javascriptweekly.com

HTML 5 Weekly : http://html5weekly.com

#javascript #rails #ruby #html 5 #news letters #newsletter

Sorry for the massive delay in posting, been very busy with work over the last few months , as well as some side projects. I am also doing a complete redesign and rebuild of DotMH see image above.

#new #redesign #blog #new dotmh

New Learning Goal

I keep telling myself that I will post, and then I forget to do it, and a month goes by. So here is this months post.

A while ago I posted my learning goals for 2012 on here. This has some what changed in the last couple of weeks. Basically I have got interested in Audio , Audio Creation and synthesisers. This means that I got interested in learning how to write virtual instruments and effects, especially Audio Units ( Mac OSX Instruments and effects). This means learning Objective C.

So that is where my learning has started to head. Objective C , C , Audio units and cocoa.

Like with most new skill I intend to pick up it starts with a book, well in this case 3 books,

Objective-C Programming: The Big Nerd Ranch Guide

Cocoa Programming for Mac OS X

Learning Core Audio: A Hands-on Guide to Audio Programming for Mac and iOS

opened up Xcode and began my journey into the mystical world of the Mac OSX development.

I am also trying to launch a nice new shinny version of this website, with a lot more information on it. So keep your eyes on the horizon.

#learning #c #objectiveC #audio #audio programing

invalid byte sequence in UTF-8

Dealing with this in ruby is relatively easy. This assumes that you just want to discard the invalid characters. This is from an artical by Paul Battley http://po-ru.com/diary/fixing-invalid-utf-8-in-ruby-revisited/ I let him explain the ins and outs of how it works this is more a note for me so I have it for the future.

So in rails , I create an new application helper method with the following

def scrub string require 'iconv' ic = ::Iconv.new('UTF-8//IGNORE', 'UTF-8') ic.iconv(string + ' ')[0..-2] end

UPDATE:

so if you need to keep the UTF characters on this error , then you can use the following instead of the function above.

def scrub string string.force_encoding("ISO-8859-1").encode("utf-8", replace: nil) end

Non destructive fix thanks to stack overflow http://stackoverflow.com/questions/9607554/ruby-invalid-byte-sequence-in-utf-8

and thats it , when ever you want to scrub a string for invalided UTF-8 characters in a view or controller just do

scrub invalid_string

Of course the scrub method above can be used in any ruby app.

#rails #ruby #utf-8 #string #iconv

A popdown menu

Following on from my really simple web server , I have created a really simple pop down menu. I am sure this has a better name but I am not sure what it is. It is basically the menu that appears when you have scrolled past a certain point on the page at which the normal navigation isn't visible. I didn't intend to come up with a simple peace of code but it turned out that with jQuery it is not so hard to do.

Ok so the way this works is that you create 2 menus in the markup. Now I am not to sure that this is the right approach as really only one navigation is present just 2 copies of it. I may at some point create a version which clones the navigation , the issue with that is the styling for each navigation may need to be different , or you may want more items on one menu than the other. This although feels the more dirty way is the most customisable way and in a lot of CMS and site generators having the same menu twice isn't all that hard.

Ok so you need to wrap your popdown menu in something say a div so you end up with something that may look like this.

ok no apply the following CSS to the .topdown class

.topdown { position: fixed; top: 0; left: 0; width: 100%; }

Please note: the CSS is only to make the add-on work not to added any style you will need to style the markup to match your site.

now get and include jQuery and download the following... for ease I have also created a gist with it in here https://gist.github.com/2889716.

Last at the end of your page just before the </html> create the following

And that is it hardly anything for that effect that is popular on the net.

note: This isn't the one in use on this site, rather it is one for the new version of dotMH coming soon

#jquery #html #web design #web developement #javascript

A Really Stupidly Simple Web Server

From time to time I want to test static html sites in a server. This is normally a requirement of using services such as typekit or when I have a complex build script running with jekyll. I thought I would share it on here as more of an FYI and a note to myself in the future. It is REALLY simple and stupid. All you need to do is change the constant PUBLIC_FOLDER to which ever folder contains your static html and your basically there.

Please note: you will need ruby, gems and sinatra installed

#!/usr/bin/env ruby require 'sinatra' PUBLIC_FOLDER = File.join(File.dirname(__FILE__) , 'site') set :public_folder , PUBLIC_FOLDER set :static , true get '/' do File.open(File.join(PUBLIC_FOLDER , 'index.html') , 'r').read.to_s end

#ruby #web design #sinatra

Learning Goals

Learning

over the last couple of days I have been thinking about what I want to try and learn, and I thought I would make a note of it here.

Scala

"Scala is a general purpose programming language designed to express common programming patterns in a concise, elegant, and type-safe way."

Scala website http://www.scala-lang.org/

The main drive for learning Scala is work. We are currently using Scala in a number of core projects and so having a working knowledge of Scala would be an advantage. The next is career , Scala is been adopted by a number of high profile web companies , including Twitter and LinkedIn as well as some other big names like Sony. So been able to write it would be a massive advantage in my future endeavours. Then there is the more personal aspects. I find Scala exciting because it compiles to Java byte-code, It can therefore be used with existing Java libraries this opens up a whole world or possabilities such as game server development. Been a fast language and with the use if the actor pattern it is also massively scalable. This will in turn make it useful for my interests in areas outside network programming such as Artificial Intelligence.

Typesafe stack

Scala forms the base of something called the typesafe stack which include

Akka - [Website] Is a java / Scala implementation of the Actor Model for concurrent IO. This is exciting as it makes applications that are build to use Akka instantly more scalable. In all the areas that I am interested in learning Scala for scaleability is a massive advantage whether it is an API server or a Game Server.

Simple Build Tool (SBT) [website] is a build tool that uses a Scala DSL to describe building tasks. It does the basics well and can handle mixed Scala / java applications. This last feature is off interest to me as I would of thought that I will end up writing a fair few mixed projects.

Play Framework [website] is a framework for building highly scalable Scala web applications fast. As a web developer I would of course be interested in learning any web framework that might help me build these highly scalable sites quickly. I am happy to learn as many frameworks as I can therefore been able to turn my hand to any codebase that I may come across in the future. Disclaimer I have NO intention of learning any .net language

There is a couple more items that relate to the typesafe stack, I have not listed them here though as I feel they are not needed for what I want to do and my workflow.

Python and Django

I have grouped python [website] and Django [website] together. The main reason is that I want to learn python to be able to use Django. Django is another web framework used by a range of smaller development projects. Knowing python would also be useful in that I would be able to create my own plugins for the awesome sublime text 2 which is my editor of choice for all language. Python does have some appeal for game development with a number of games been written in it. The most notable is Eve Online which is written using stackless python. Lastly it can be used to write GUI applications that will run on any platform. I don't tend to need to write these style of applications, tending to build command line tools to help with my workflow. Command Line tools can be written in any language including Ruby ( My preferred choice ) , Java , Bash Shell Script and Python.

NodeJS

Node [website] is a javascript server side platform. It is very exciting for a number of reasons , one is that it is Event based this makes Concurrency and locking issues a thing of the passed. The most exciting prospect though is been able to write in one scripting language for an entire web project. This is exciting because it makes it easier and faster to write good code because your brain doesn't need to swap from one language on the front-end to another on the back. Node is still very young but because of the reasons above has already got ALOT of people talking including big names such as eBay , Microsoft , Yahoo and more ( there is a complete list here). With the adoption of HTML5 and CSS3 this makes browser based gaming a reality because of exciting features such as canvas and web-sockets. Having node as well means that Massive Multiplayer games could go entirely browser based in the not to distance future. A big part of me things that Node and projects like node are the future of web development been fast , scalable and one language. I have already started playing with Node but want to take my knowledge of it a lot further.

Unity

Unity [website] is an Awesome cross platform 3D game engine and development platform. Unity is exciting because it is an awesome starting point for amateur game developers as well as in my case using a language that I am already familiar with in the form of Javascript. It is also completely cross platform allowing development for the web , mac , windows, IOS and Android as well as with special arrangement Playstation 3 , Xbox 360 and Wii. This makes it a very exciting platform to know as it will allow you to turn your hand to any type of game development. It also has a vast community been Free to start to learn. This brings with it a wealth of guides, tutorials, code snippets and the unity asset store.

MongoDB

MongoDB [website] is a nosql database awesome for storing and accessing flat data fast. It has a number of advantages in the type of applications that I am interested in because of its speed and flexibility. I already know how to use the basics and the ruby driver but I want to learn more especially learning the server parts of it , setting up and managing servers. The awesome thing about Mongo is that it has a driver for most languages including ruby , java and Scala , javascript , and python. It even uses a JSON syntax for managing and accessing data which is awesome. Mongo is an exciting prospect and is backed and used by a large number of companies including , SAP , Craig's List , IGN , Disney and the British government a larger list can be found here.

So that is what I plan to learn over the next year / 18 months as well as working for Videojuicer , building site projects and developing ideas and building on my current skillset with the exception of PHP which for now I do not intend to learn or do anymore with.

#development #learning #goals #programming #web development #scala #java #node #nodejs #python #unity #ruby

Hey there,

I just joined something called the Internet Defense League -- and I'm hoping you will, too. I joined because it's important to stand up against the powerful industries that are tyring hard to lock down the net. Remember SOPA and PIPA? The people who wrote them are working on more bills to censor the internet, spy on users, chill innovation and generally wreak havoc with the web.

The Internet Blackout helped kill SOPA/PIPA with nothing more than websites and individuals working together to broadcast messages and actions. The Internet Defense League uses the tactics of the Blackout, but supercharged and ready to take on anything that corrupt congresspeople and big business can throw at us.

Join me in the League. Take your place in the fight for internet freedom.

The Internet Defense League works like this: organizers and members monitor Congress and industry for threats to internet freedom. When there's a grave threat or unmissable opportunity, people use their websites, Twitter, Facebook or other social network accounts to display action messages about the threat and tools for taking action. When we rise up together, we'll be impossible to ignore.

With SOPA and PIPA, internet users found a new ability to take a stand together when our rights are at stake. Our powerful protest surprised everyone, especially the congresspeople and lobbyists who wrote the bills. We made them see the internet in a new light, but they still don't know what we're really capable of. The next time internet freedom is threatened, we will be able to use the League to come out even stronger than we did last fall.

The Internet Defense League can be the strongest network in the fight for internet freedom - but it will only work if large numbers of people get on board. It would be great to have you standing with us.

Click here to get started.

There's more about future threats, targets, and The League on the site. I hope you'll join me.

---------------------------

One last thing. The Internet Defense League depends on its members to donate to our efforts. Our tiny staff works behind the scenes to launch campaigns that defend the internet. Will you donate now to keep us fighting for internet freedom?

Please consider donating by clicking here - it makes a difference. https://fftf.actionkit.com/donate/idl-donate/

Thank you!

Learn more about Fight for the Future. http://fightforthefuture.org/

This is rather funny , though can be hard to catch sometimes.

Site of the month , yeap its been a while but it is back. So the site for this month is, drum roll please GeekList (http://geekli.st). Geeklist is a social network style site aimed at well geeks. Its slogan is build by geeks for geeks which is awesome. It revolves mainly around cards, a card is an achievement by you, you can list what it was you did , what technology was involved with doing it and what tasks you completed to do it. Other users then can read your cards and high five them. You can also add status updates called micros. It is integrate with twitter so that you can login using your twitter details and post to twitter. It still in its beta stage but there are some awesome people on it already including spotify , joynet , mongodb and amazon. So if you are geek go signup for the beta and start displaying your geek for all to see.

#Site of The Month #geeklist #Social media

The Crazy world of Mongo and Rails w/ data mapper or active record

Ok so I post all be it a few hours ago how to install MongoMapper along side Datamapper or Activerecord. I have since done a U-Turn , I will leave that post up encase anyone else wants to go down the MongoMapper route. I however have changed my ODM from MongoMapper to Mongoid. There where a few reasons behind this , the major one been MongoMappers lack of been able to handle embedded documents correctly so that you could query on them using the dot notation i.e

if you had this structure

{'album' : 'cage the elephant', 'tracks' : [{'name' : 'In One Ear' , 'duration' : '4:01'}, {'name' : 'Jame Brown' , 'duration' : '3:21'}] }

You should be able to go {Collection}.find({'tracks.name' : 'In One Ear'}). This however is missing from MongoMapper and so you can't leverage the full power of Mongo.

The other reason was that one of the advantages of using Mongo is that you can have what ever structure you need for each document. so in the example above one document may have name , duration and another could have name , duration , track_number. This can be achieved in mongoid , there is a slight issue in that if you don't declare the field , you can not use getters and setters set up automatically. i.e. if the document looks like this for a track

class Track include Mongoid::Document field :name , :type String

then Track.name and Track.name = will work but Track.duration won't instead you have to use [] and []= i.e. Track[:duration]. There is a more detailed description of this feature here http://mongoid.org/docs/documents/dynamic.html.

The last and maybe the biggest advantage is that Mongoid just works in rails , just include the mongoid and bson_ext gem in your gem file and then create a configuration file by running

rails g mongoid:config

Edit the configuration file and your ready to create you documents and tests. There is a lot more about install Mongoid on rails on their website http://mongoid.org/docs/installation.html

#mongo #MongoDB #mongoid #rails #ruby #ruby on rails

Adding Mongo to Rails w/ datamapper or activerecord

Right I am going to start by saying this is "A" way to do it , its not the only way to do it , and some may feel it isn't even the right way. I couldn't decided what to do with the configuration so I added to the database.yml. This way all the database settings are in the same sane place. So for this to work you will need to add the following to your database.yml yaml file.

mongo: host: localhost username: someusername password: somepassword

So it ends up looking like this for each environment , in this case development

development: adapter: mysql reconnect: false database: somedata pool: 5 username: root password: socket: /tmp/mysql.sock mongo: host: localhost username: someusername password: somepassword

The options that can be set are

host - where the mongodb is running

username - the username to use , this is optional

password - the password to use , again optional

port - the port to use , if omitted it will use the standard mongo port 27017

database - the name of the collection to use , if omitted it will use the same name as the main setting. i.e. in the above example it will use "somedata" as the the collection name

Once you have added this to your configuration , you need need to make sure that you have added mongo , bson_ext and mongo_mapper to your Gemfile. for example

gem 'mongo' gem 'bson_ext' gem 'mongo_mapper'

For more information on this see the mongo ruby driver docs at http://www.mongodb.org/display/DOCS/Ruby+Language+Center and mongo mapper docs at http://mongomapper.com/documentation/.

Cool next find the config/initializers folder and create a file in there , you can call it what you want but I called it mongo.rb just so I know what its for. Then add the following code to the file

config = Rails.configuration.database_configuration[Rails.env] defaults = { "host" => "localhost", "port" => 27017, "database" => config["database"] } mongo = config.fetch("mongo" , defaults) MongoMapper.connection = Mongo::Connection.new(mongo.fetch("host" , defaults["host"]) , mongo.fetch("port" , defaults["port"])) MongoMapper.database = mongo.fetch("database" , defaults["database"]) if mongo.fetch("username" , false) && mongo.fetch("password") MongoMapper.database.authenticate mongo["username"] , mongo["password"] end

Now all thats left is to create the models (see Mongomapper docs) and specs.

Please Note - This does not handle or setup relationships between mongo and data mapper , active record it is just how to get mongo in there.

As a footnote I thought I would insert this link to the Mongodb website that talks about how to set up rails to use just mongo mapper. http://www.mongodb.org/display/DOCS/Rails+3+-+Getting+Started. I feel that there is a bit missing for this tutorial because it hardcodes the mongo db options rather than using the database.yml. You can get at the data in the yml using the following

config = Rails.configuration.database_configuration[Rails.env] #=> Hash

#mongo #mongomapper #mongodb #mongo db #ruby #rails #datamapper #active record

The Git Homepage has had a makeover and looks awesome. Check it out at http://git-scm.com/. It also includes a new logo.

#git #web design #web development

BDD the kick up the butt I needed

Over the last year I have been trying to update my skillset not just with the current and new tech out there but also with the new methods for building code. The biggest change that I have done is to move almost totally to a behaviour driven development model for all the work that I can.

This is has been made possible by my migration away for using PHP as a server side language to using Ruby and even JavaScript. Unit testing and BDD (too different but similar techniques before I get comments) is build right in to ruby and is as easy to use as 1.2.3.

The basic principle of BDD is

Write A test

Watch it Fail - Red

Write Some Code

Watch it Pass - Green

Refactor

Test

When you build applications using BDD , you start by writing what you want the code to do in a form of test. Test the code that you write to make sure that it works as you want. The two most important words in BDD are it and should, this allows you to build tests

describe 'My Application' do it "should allow you to add two numbers" end

each test that you write are called example, so to expand the above code into a full example then you would write

describe 'My Application' do it "should allow you to add two numbers" do (1+2).should be 3 end end

The two tools that I use to do BDD are Rspec ( Ruby ) and Jasmine ( Javascript )

BDD allows me to focus on the code that I am writing , as I can make sure that it works against the control tests at each step.

#web development #web design #web 2 #web 2.0 #ui design #background image #web backgrounds

gem install eventmachine --pre

Trying to install Eventmachine on Windows ( oh how I loath thy ) you need to install the pre-release build with the above command , and you should be fine. But don't quote me on that , thought I have installed it and it works for my needs it may not be for you.

#ruby #windows #event machine #EventMachine #gem #windows installer

Oh Wordpress WTF? , the story of register_activation_hook

So I have been developing a Wordpress plugin , with the intention off one day launching it. As I always keep my code under git I set up a separate directory for the plugin and then used a symlink to connected it to the right place under Wordpress. I then started developing my little plugin and need to do some tasks on activation. So I set up the hook , connected it to my class and nout , nothing , didn't work.

Now there are some basics things you need to make sure you have done , these are documented pretty well , but as I had done all these I couldn't work it out.

Right to cut a really long story short , yeah this has been driving me crazy for a few days now. and the problem? it was all to do with PHP __FILE__ constant.

If you don't already know this constant contains the path to the current file location , which I assumed would be /wordpress/wp-content/plugins/my_plugin/my_plugin.php , but and this is why I mentioned it at the top it wasn't it was looking at /my_plugin/my_plugin.php , and there lied the issue. Now lucky Wordpress has a constant called WP_PLUGIN_DIR which points to the plugin directory.

And DAH DA , it worked , here is an example

register_activation_hook( WP_PLUGIN_DIR.'/my_plugin/my_plugin.php' , array('MyPlugin' , 'on_activation'));

#wordpress #wordpress development #register_activation_hook #web development #web design

Trending Blogs

Recently Viewed Blogs

dotMH