I think I’m finally getting to grips with Bootstrap. Lost no more than one computer in the process.
Beta updates now as I develop the new site – The Beta site. I’m also hoping to use a new system for the playable game to allow easier development, so hopefully there’ll be some progress there again soon.
I looked through the public alpha site the other day and I remembered it as much worse than it actually is. I have always hated that site, but when I was browsing through it I saw and remembered just how much hard work I had truly put into it… Good memories 😮 It is a fairly good site. But still, Bootstrap has outdone it entirely. I’m still playing around and learning Bootstrap but it is so easy to make decent looking pages with it (pics later).
These last two weeks I have been translating some of the old code into Bootstrap while also tidying it up and separating logic from mark up to keep it manageable. The old code in places is truly horrific. That is what happens when you code as you learn…. At least now it is all changing 😀
I’ve remembered more than I expected from before. In fact I’ve barely looked up anything since coming back. It feels so good ^^ Coding that is. Once you get good at it you end up surprising yourself with how fast you can make new stuff.
Anyway, straight to the designs.
Responsive Layout
This was more me playing around with a potential design than anything too serious. I wanted to learn bootstrap so this is what I made.
The top image shows the site on a large device (laptop or desktop screen) and the bottom image is on a phone.


Note how the top bar contracts, and how sections can vary in size, position and visibility. All to the power of bootstrap.
Yeah.
I’ll bring you some interesting pics next update 😛 But this shows that the site will be smooth on phones as well as large desktops. Bootstrap is much better than I expected. Ok yes, it is really limited in areas, but it does look pretty good and is serving as a stepping stone while I continue to develop my skills and expand. This time last year I knew very little, but now I know so much. I wonder what I’ll achieve this summer 🙂
Translating Code
So far I have only translated a small amount of the old code into the new site, but next week I will have a lot more to show you.
Bootstrap 4
I’m using Bootstrap 3, but I was reading their blog and it seems like Bootstrap 4 is just around the corner. They mentioned it in a post that it will come out in December …of 2014. So they’ve missed that by a long way. But on browsing other blogs and reading what other web developers have been saying, everyone expects it to come out either this year or next. It offers more flexibility and is designed to be easier to use. If it comes out it shouldn’t be that hard to update the site version 4.
When is the Beta site going to be public?
No target. It will be done when its done. One thing I found in the alpha development is predicting times is really hard. Sometimes you’re a month ahead of schedule, other times you are two months behind. I’m really not experienced enough yet to tell you when it could be out. I am still diving deep into the unknown here and I want the beta site to be highly developed before release.
Of course I will probably give you dates closer to the release, but until then all I’m saying is it will be ready when it is ready. It may be this year, it may be next.
Next Update
Lots of translated code so I could show you some of the old alpha pages in bootstrap and possible updates to part of the site as I prepare it for beta.
See you all soon!
















