D15: I finished learning about Bootstrap!

View this on my main page

---

Hey Everyone and Welcome to Day 15!

Today's Goal!

For today I wanted to finish the Bootstrap tutorials and then hopefully put the skill I learnt to use in a practical situation. I have quite long to stay awake today as I don't have work tomorrow so anything I didn't get to finish I could do a lot later than usual.

The Tutorials!

Today's tutorials finished up using Bootstrap and then looked at making a final project. This final project was my coding for today as I did the whole page by myself with very little alterations when I watched the video of how it was done. The things I learnt about today was modals, I can really see how these will be helpful and know of a lot of uses in real-life, where I have used these, or something similar. I then learnt about popovers and tool tips, these could be useful but I would have to find the right situation. I then learnt of scroll-spy. This tool seems very useful especially when I will make my portfolio page as I would like people to be able to scroll directly to a part of the page and also have a feedback system as to which part they are on.

This is the page as a whole

The Final Project!

The task for the final project was to create an ad page for a new app and add certain sections for it. It required a nav bar (with scroll-spy), a Jumbo-tron, an about part and finally a download button in the footer. I also was told of a few resource websites, UnSplash and font awesome, both of which I love and definitely will be using in the future!

The Nav-Bar

The Nav Bar!

My nav bar needed a light background so "navbar-faded" worked brilliantly for this. It had a brand of "My App", not very imaginative but it worked! it also had a form on the right hand side of the screen that required an email and password. This part doesn't work yet as I still need to learn using databases and servers, but I am getting there. I also added the ability for it to condense when below a large screen.

The Jumbo-tron

Jumbo-tron!

The Jumbo-tron had a background image that I grabbed from UnSplash and then some basic text and a form asking people to sign up to the mailing list.

The about selection with pictures from UnSplash

The About Section!

The about section needed to have a deck of cards in it. This means that the cards are a constant length, so look a lot better with each other, rather than having different lengths for the different cards with different description lengths.

My Footer

Footer!

The footer was simple. Outside of the container so that it filled the page width, a blue background, a bit of centred text and then an image of the "Get it on google play" button. Job done!

Tomorrow's Goal!

Tomorrow I may start work on my portfolio page, but I am about to learn about Wordpress so I'm debating if it's worth waiting until I finish them tutorials first. After them I will be onto server based things, so I wont be working on my portfolio page as much, at least not directly, so this weekend may be the perfect time to make that.

D14: Learning Bootstrap basics and more project work!

View this on my main page

---

Hey Everyone and Welcome to Day 14!

Today's Goal!

For today I wanted to start to learn Bootstrap and then also start to use it in a website. I still need to work on my portfolio page some more, but I want to put that off for the moment because I want to get to the point where I feel comfortable releasing it, I will be basically rewriting it soon though. The website I decided I would use, the thing I learnt, on would be the project that I am working on for a friend.

My tutorial page for Bootstrap

Learning to Bootstrap!

That's right I'm making Bootstrap into a verb. I loved what I have learnt of Bootstrap so far. However one thing I don't like is that I still need the reference page to fully realise what classes I need when making different parts of the page. I did however find a lot of components that I will be using on my portfolio page when I get round to rewriting it, using these layout features Another thing that bootstrap has taught me, maybe accidentally but still, it counts, is that you can put any attribute into a HTML tag and collect it using Javascript. This I never knew, I always thought that you could only use predetermined attributes, definitely something that will come in handy..

The Jumbo-tron

The Jumbo-tron!

The Jumbo-tron is perfect for what I want on my page. With a background on it, it will look perfect and will fully support what I want it to do, stretching from side to side and filling the screen. What I might do with this is, when the user scrolls past this, the navigation bar will stick to the top of the rest of the screen as this will then make a constant navigation system for the user to easily jump up and down the screen with, and even to other pages.

Using cards for Bart

Cards!

Cards are perfect for me to show off my past work as well as showing off the skills part of my portfolio page as well. The cards with my previous work on them can include some text about the website, with the icons I was going to make anyway and then could finish off with a button for them to view the page.

The forms and alerts

Forms!

The new form styles I have learnt will be used on the contact and hire me pages. I have already made the functionality for form validation and so the alerts will become very well used by alerting people when there are errors, as detected by the Javascript code I have written.

Tomorrow's Goal!

What to do tomorrow? I'm not actually sure quite yet, I'll probably look to finish the Bootstrap tutorials that I am doing and then I can start to look at the Word press section, that is when this blog may very well migrate over to there. I still need to continue to work on this other project as well, but I think there is more I need to learn first. Finally I still need to continue work on that game I was making, remember that? I just about do! But for now,

Happy Responding,

Matt!

D13: Making some progress, first full project!

View this on my main page

---

Hey Everyone and Welcome to Day 13!

Today's Goal!

My plan for today was to take a break from the tutorials. But to keep coding I wanted to start work on a project that I was asked to do a while ago. A friend of mine wants to make a social network style thing for gamers. I've been tasked with making the website. For today I have been making the landing page for this website. I needed to make it look good but also be ready for some future tech that I will be making when I learn how to.

Making the page!

I started by working out how many sections I will need and also working with a basic design that I was given to make different parts. I made a bar for the top that had a logo on it as well as a few links. I want to make some drop down boxes for these menu items, I will Google that another day though. I think I know a way to do it but would like to find a better way, maybe a JQuery plug-in? I then started working on styles for the page, colours and placements.

Javascript!

Okay so i basically completely omitted JavaScript on the page and jumped straight to JQuery, I just really enjoy that language. I made a slide show of pictures that used JQuery to scroll through 3 different images, of which the URLs are stored simply in between <p> tags in HTML. The function then uses setTimeout to change the image 10 seconds later. I learnt that I could store this in a variable and then cancel it whenever I wanted. This was needed so that when one of the buttons were pressed (next and previous buttons to change the slide) the timeout would need to be reset. So it must be cleared and then started again.

Tomorrow's Goal!

Oh what to do tomorrow, well I definitely will start on the bootstrap tutorials. I've been told this makes things a lot easier so I cant wait to start that. I also want to do more work on this new project of mine, once its done it can be added to my portfolio page. I also want to continue work on my game as I haven't touched that in quite a while. I'll decide when I get home from work tomorrow but it'll probably end up being something to do with bootstrap, either on my portfolio page or this new project. But for now,

Happy having a break!

Matt

D12: I finished my JQuery tutorials!

View this on my main page

---

Hey Everyone and Welcome to Day 12!

Today's Goal!

My goal for today is to finish the tutorials for JQuery and then actually put them to use, I also need to start work on another website. Finally my portfolio page could do with finishing soon, but I do still have a couple more tutorial sections I want to complete first so that may wait.

The Tutorials!

The tutorials for today were finishing JQuery. This meant being able to include JQuery UI and adding different widgets from this plug-in, including draggables, droppables and accordions. JQuery has given me the love of coding back. When I first learnt how to code, many years ago now, the love of being able to create something just by typing was what kept me going. Since learning Java and no really making anything new, that sort of dissipated. But JQuery has definitely brought that back for me.

The Extra Work!

The extra work I did for today outside of the tutorials involved making a code-player. This was the final task for the tutorial but I took it on myself so I am counting it as I didn't really have time to do anymore coding so this will have to do. It works by having 3 different text areas. one for HTML, one for CSS and one for Javascript. The output page automatically updates with everything you type as well. This was so much fun to make and the sense of relief was unbelievable when it actually worked.

Tomorrow's Goal!

After finishing up with this I realised that I didn't have anytime left to do more coding, I had to go to bed, I start work at 6am and finished coding at half 9pm. So it's bed time! Tomorrow's goal is to start work on the web page my friend has asked for help making. Hopefully the basic page will be made and then I can start work of extended functionality when I learn how to do that. But for now everyone,

Happy sleeping,

Matt

D11: More work on the portfolio page

View this on my main page

---

Hey Everyone and Welcome to Day 11!

Today's Goal!

Today I wanted top do more JQuery tutorials, I learnt how to animate content, a little bit about AJAX, but most importantly (for today) I learnt how to use Reg Ex. My goal for today was to create my "Contact Me" page and have it working.

Tutorials!

So today's tutorials were around animating content using jQuery. I had fun doing this, don't quite see a way to fully include this in my web page at the minute but maybe one day I will. I then had a quick tutorial on AJAX. I can see how this could really become useful with the help of other back-end languages. I looks like it could help when it comes to making a social network style website (one that I have been asked to help out on) but I think i need more lessons on it. Then the tutorials turned to Reg Ex and form validation, this was just what I needed for the next stage of my website.

The contact page, it does a footer at the bottom
but this is the standard one
(not made yet)

Making the page!

My first step was to make the page, and style it using CSS how I wanted it. It involved a new CSS sheet as it would look different to the main landing page. This was designed to be simple to use but also look good. I decided to go for a bar at the top with my title, logo and social links. I'm thinking about changing the social links to be actual text and then include links to other parts of the website but for now, it looks good and works. I like the look of my form cells, I need to learn how to send them thought. I can't send them like a normal form as this breaks the error messages.

Zoomed in on just the form

Validating!

The error messages come from the form validation function. I made this using the jQuery that I had learnt. It first checks to make sure that the cells aren't empty. If they are, it creates an error message for each cell that is empty. If not it then goes on to check if the email address entered is of the correct format. Once again, if not, it throws an error to the error section. Finally if there are no errors, it re-hides the error section and will then be able to submit the enquiry to me.

Errors are thrown for the empty cells
It also does it if the email is incorrect

Tomorrow's Goal!

I'm back at work tomorrow so won't have quite as much time as I've had today. This means I may just do some work on the game engine, maybe adding some sort of play-ability and possibly even make a version that can be released and made available to play on my website. We shall see, but for now,

Happy bank holiday!

Matt

D10: More portfolio page work

View this on my main page

---

Hey Everyone and Welcome to Day 10!

Today's Goal!

My goal for today was to do some more work on my portfolio page. Following on from yesterday's work, I decided it was time to start adding my previous pages to the web page. I'd like them to be animated a little bit as well. I then decided I also wanted to start making the website responsive to screen changes, so I used Google to find out how to do that.

The page, how it stands at the minute (the side bar is cropped out)

About Me!

So I decided to work some more on the page content to begin with. I took to making to blue boxes instead of the three under the about me section. Currently I will be offering Web Development services and also some graphic development services as well. In theses boxes I will describe what I can do and possible include some links to direct examples. I have also filled out the about me section at the top as well rather than the Lorem Ipsum I had before.

The Rollover effect on the My Work buttons drops from the top

My Work!

The "my work" section was looking bare and I do have 2 examples of work that I have previously done, The spitfire page and the Maze game that I made as well. I decided to include a small thumbnail of these pages, just as a png, and then with a bit of styling, I centred them, added a border and scaled them correctly as well. When I added them it just didn't seem like enough though so I wanted to make them a little better. I decided to add a rollover effect on the buttons so that an overlay would come over them when the mouse was over the buttons.

The small screen page now, notice the Contact Me section

Mobile Screen!

When the website was being viewed on mobile screen, it was becoming distorted because of the small screen size. this needed sorting, so I took to Google. I found out about the "@media" tag in CSS that allowed me to limit the style sheet based on screen size. Perfect! I took to making 3 style sheets, one for a full screen (above 1000px), one for a small screen (above 500px but below 1000px) and one for mobile screens (below 500px). I then had to start making the different styles. I did this by just copying the styles and then adjusting accordingly for each. However I will at some point make this better by making 4 style sheets. One that will cover all 3 different screen sizes, and then one for each with specific styles for the screens. I could also use variables in CSS to store colours. This way if I wanted to have a different colour scheme, it could be done rather easily. But for now, it works.

The about me section of the mobile page
Notice how the skills boxes fill the page now
The mobile page also sees the "My Work" section sorted vertically

Tomorrow's Goal!

I also did some tutorials on jQuery today, so tomorrow I plan on doing some more of them and hopefully finding a way that I would like to implement them onto my portfolio page. A friend of mine wants me to start work and building a web page for an idea that he has as well so I may start work on that for my 100 Days of Code time tomorrow. Beyond this, I also want to continue work on my game engine so I may even delve into that, tomorrow is bank holiday so I can spend a lot of time coding tomorrow (probably all day to be honest). But for now,

Happy Sunday!

Matt

D9 I've updated my profile website! Kind of...

View this on my main page

---

Hey Everyone and Welcome to Day 9!

Today's Goal!

Today's goal was to completely rebuild my portfolio page. I have at least made a start on that, I designed it on paper, and then began building it in HTML, styling it with CSS and even adding some functionality with Javascript. I'm happy with how it it looking at the minute. I need to find a few pictures to go replace the placeholders that are currently in the website, and then start to write the copy for the page. Then it will be ready to upload.

The landing screen

The Landing Screen!

The entire page (at the moment) is one page. This is the landing page. The background image needs replacing as I only want to use it as a placeholder and then make a better one in time. In the top left we have my logo, my title in the middle with a tag line under that, again this needs a lot of improvement as "Web Development" is possibly the least imaginative tag line I've ever done. and then the social logos under it where people can click onto my Twitter or my blog. These have a rollover effect as well, where they are enlarged and changed to the correct colour.

The rollover effect

About Me!

This section is for me to start to describe to people who I am. The text at the moment is just some Lorem Ipsum text, so is just a place holder. Here I will write a small biography of who I am, what I do, how long, etc. The three blue boxes will set out my skills and what I can offer, web development, graphic design and.. something else, we'll find out. The other thing that you can see from this screen is my sidebar. This will scroll down the entire page with you. The grey silhouette will be replace with a picture of me. Below that is "Hi! I'm Matt" because ... you know ... that's me. We then have an even smaller biography of who I am, this will be about 1 sentence. We then have anchor links to allow the user to jump through the page as they so wish. Finally we then have "Contact" and "Hire Me" buttons. These will link to a separate page that pretty much do what they say on the tin.

My About Me Screen

My Work!

The My Work section is where I will showcase previous examples of work that I have completed. I haven't done any paid work yet so this will, when I do it, be full of example pages that I have made with a clear indication that they are just examples. This will be in a 3 wide grid and then extend as far as I fill is appropriate. Notice how the scroll bar has followed us in exactly the same position.

My Store!

I plan on making a few graphic bundles, fonts and Word Press templates. This section is where I will show case just that, probably in a similar grid to that above, maybe with each column being each different thing (font, bundle, template). Once again I need to fill it still and will possible hide it until I have made them. Luckily for me this is possible by just making the CSS display to none.

Space for my future store section

The Footer!

So when I took the picture for this one I realised that I had a bug (my website's first! WOO!) the side bar needs to stop scrolling when it reaches the footer, possibly even with a gap equal to the one at the top of the page. This should hopefully be quite easy for me to fix but we shall see. Anyways in this section I will sum up the things that have been seen in the page and possibly even embed my twitter feed if I'm feeling overly vain that day :D.

The footer

Tomorrow's Goals!

Tomorrow I want to finish the layout of the page and then the contact and hire me pages. This will then mean I can start to create graphics for the website and upload it. Does graphics creation count for my 100 Days of Code challenge? I'll ask. For now everyone, thank you for reading and

Happy Designing,

Matt

D8 I fixed some bugs!

View this on my main page

---

Hey Everyone and Welcome to Day 8!

Today's Goal!

My main goal for today was to complete the Javascript tutorials and actually be able to assure myself that I could make a website for myself. Beyond this I also wanted to sort out a few bugs that were taking place in my game engine. The bugs were small but very much game breaking and it all hinged upon overlapping. Basically if two different things were overlapping the areas around them were not working properly, this was the case for lights and buildable areas.

The tutorials!

But first let's talk about the tutorials. The final few tutorials were to do with while loops and functions. These were good fun to play with and finished by making a reaction tester. In this a shaped would be displayed in a box and then you would be timed with how quickly you could click on it, at which case it would disappear and then you would have to click on it again. It changed shape, size, position and colour when it disappeared and reappeared as well. To go a little further after the tutorials, I took the reaction tester to the next level and also made a variable to keep track of your best time so you had something to try to beat.

The Reaction Tester

The future of Javascript!

For me, I enjoy Javascript but don't feel like I know enough to fully implement something into my portfolio page beyond what I have. The next tutorial is on JQuery, this should be fun.

Fixing the bugs!

I next moved onto fix some bugs in the game. This started with making sure that buildable area was correctly drawn. What was happening was that when I was building paths, they were setting an area around them to be "true" in an array called buildable area. This was fine until it came to destroying paths. Without a complete search of the area it would have been impossible to determine if the squares should still be buildable or not, because of another paths elsewhere. To solve this I simply made the paths, instead of setting the element in the array to true, increment the value of  it by 1 and then tested if the value was above zero. This meant that as paths were built and destroyed, the buildable area was kept buildable until it wasn't meant to be.

What about the lights?

The lights were a similar problem. When destroying lamp posts, it would reduce the amount of light by the amount it was meant to. The problem came down to, once again how it was stored. The light values were being stored as a value between 1 and 0. The problems arose when the light value of a certain cell should have been more than 1. In this case the code would automatically ignore whatever was above the 1 and just store 1. When destroying lights, removing the correct amount meant setting the value to lower than it should (possibly even darker than a square that never had any light). This was solved by simply moving the check for it going over 1 into the render function and storing the complete number. This way when the light value was above 1, it would remember by how much and remove this before any of the light. Simple!

Tomorrow's Goals

I made my portfolio page quite early into my web development journey, I want to completely redesign and remake it with all the new things I have now learnt. This would probably be at the top of my agenda for things to do tomorrow, maybe I'll redesign it tonight and had a PSD setup ready. Next week is where it all starts properly though. I am going to be using Freelancer to try to find a freelancing job or two for things that are within my skill range. I might even start making a few websites for fake companies that I could use to try my new found skills.

For now though,

Happy Job Hunting,

Matt

P.s. Sorry for the very wordy post!

D7: I made a full game with Javascript!

View this on my main page

---

Hey Everyone and Welcome to Day 7!

Today's Goal!

So for today I wanted to learn a little more of Javascript, I did this first as I was then hoping to put this to use for my hour of coding. While learning how to use variables and if statements in Javascript I came up with an idea. I could make a maze game.

My Maze game

The concept of the game is very simple, using the four buttons at the bottom, navigate the pink square around the maze (it reveals as you move), find a key and the get to the exit. There are three different mazes in the game and they are selected randomly. When you finish the maze you get the chance to restart with a different maze of the three. The game didn't really require any major loops, no game loop anyway as the only time it does anything is when one of the buttons is pressed, so a simple "onclick" was sufficient.

The Different Tiles
Different tiles needed to be done with different colours as I didn't want to be using images and things like that, so the map is made of a table with the different elements selected with "getElementByTag" and the the one selected with the equation "(y*width)+x" This allow me to select the exact cell in the table I need, then I use one of the classes to colour the tiles accordingly.

The Different Tiles and what they mean

Storing the maps

Maps are stored as strings, as can be seen in the image below. Each tile has a different letter relating to it. I then can use if statements to check which tile is which and assign the class accordingly, as well as being able to handle the movement and detection of items (like the key). This is then also used for the exit. The entrance is stored with an "I" (for in), I have a function which searches the entire map for this letter and then places the player there, revealing the tiles around the selected square. Reusing this placement function I can move the player by 1 each time the different buttons are pressed, creating a game.

The maps are stored as 2-D arrays of strings

My conclusion

I had so much fun making this game, it was brilliant as well a the first game I have made with Javascript and one of the few games I have actually ever managed to finish making. Check it out here

Tomorrow's plan

So tomorrow I want to finish with the Javascript tutorials and see if I can think of another game to make that is similar to this one but with a bit more functionality, any ideas? Let me know either here, on Twitter or email me at "contact.talslain.tech" . But for now,

Happy Gaming!

Matt

D6: Busy day, built a minor lighting engine!

View this on my main page

---

Hey Guys! So it's day 6!

Today's Work

Today I had quite a busy day so I only just got around to doing my hour of coding but I did do it! I decided to spend it building a lighting engine into the game using the Lamp Post items we made yesterday. It was good fun trying to work out how exactly I wanted to allow the light to dissipate the further from the source it went.

A quick look at the lighting engine in action

Tomorrow's Plan

Tomorrow I want to make the game have a basic day / night cycle. On top of this I also need to make sure that I learn more JavaScript. I'm not sure what is next on that but we shall see! But for now,

Happy Lighting,

Matt

D5: Today was well spent! Plus first look at my upcoming game?

View this on my main page

---

Starting with some HTML

Day 5 started for me by editing my website to include a blog page (hopefully that is where you are seeing this, if not head there now : Click Here). Also I added my twitter feed to the front page, for now it takes up a lot of the page, but I may change it at some point to be smaller but for now I like it.

Today's Tutorials

I then moved on to more studying and learning how to use JavaScript, I did some of the tutorials but with also having to squeeze in some time for an hour of coding, and gm and then also going to bed at a reasonable time for work tomorrow, only the first part. I learnt the basics though and managed to make some circles on the screen that can disappear when you click them.

The Game

Once I reached a natural ending point (or pausing point I guess) I moved from my PC to my laptop and began to code for my game in Java. I never really knew what I wanted to achieve today but when I sat down I decided it was time to start implementing items that can be build and placed. I knew they had to be restricted to certain areas, so they can only be placed withing a 5x5 square with a path in the middle.

The Complete Game Screen

Making Maps with tiles

The Game at the moment is a 2-D game that has a bunch of tiles. These tiles I've made so they transition almost nicely, I've kinda cheated at the minute in forcing a bit of mud between the different tiles as this means I have something to transition to. I ma at some point make it so the smoothly transition but that is for further down the line, for now there is just a small amount of mud, but  hey! It looks better than just being squares.

The tiles transition with a small amount of mud

Saving, Loading and Paths

The tiles are read from a text file (.til) this has a reference to each tile in the form of a byte, each byte refers to a different tile that is then placed into an array and the game then renders each tile based on which byte is passed. This also goes for the paths. The paths as I said are used as a way for me to restrict where things can be built but also to allow more versatile transitions. Paths do not transition from one to another but do however change which tile is displayed based on what tiles are around it, for example, as can be seen in the picture with the road, if the road piece has a piece to the left, right and below it, it will display a "T-Junction" piece. There are 5 different states each road can  be in and then the can also be rotated as needed as well.

Paths transition with each other, not other tiles

Using Menus to Allow Building

New paths and tiles can be placed using the appropriate menu, this is at the bottom of the screen and has an icon for each different tool it has. There is a demolision tool (The Bulldozer), tile tool (the shovel in a pile of dirt), the path tool (The path) and an item building tool (A spanner is being used a placeholder for now).

The menu is used to select a tool

Today's Work, Items

So we get to today. Today I made items that can be built, well one to be precise, I made a lamp post that can be placed by the side of a road, when placed it looks like the one in the red circle. It does also alert the player whether it can be built or not by tinting red or green (red for no, green for yes). My next task I think is to create a light map and begin to make the street lights actually do a thing, then beyond that I can make a day and night cycle and have them only turn on during the night etc. But that is for another day, for today I am done with coding, I need to go to the gym.

Happy "Spending ages trying to implement one thing and it just doesn't want to work"-ing,

Matt

D4: Today was a success!!

View this on my main page

---

Today's Goals

So my target for day 4 was to make my maps saving. For a while now I have been able to edit maps, as I said yesterday. But I would have to remake it every time because when you close the game it would be reset.

Today's Work

Now however (assuming the games is closed correctly) the map automatically saves. This will soon be made into a button on the screen somewhere so that I can save whenever I want.

The maps save as a 2 small files right now as well, with a 50x50 tile map being just 2 individual 2.44KB files. I think my main target for now is to make this into a viable editor so that I can make some maps for the final game. This main mean that it ends up not being a tycoon style game and instead finishes its life as a map maker for me.

The game is written with an engine as well so I could easily make another game using the same engine and have it work very well. This could go well, we'll see...

Happy implementing

Matt

D3: today wasn't great

View this on my main page

---

Day 3 of my 100 days of code challenge didn't feel very productive.

I had a drink last night so didn't feel great this morning, a bit of a hangover, not great for coding. On top of that I was going out at midday so didn't have long to code, but was determined to at least get an hour in.

I took to eclipse to start my java coding and realised there was nothing that I had planned that would only take an hour. I took to doing some debugging.

So the game is shaping up quite nicely as a tycoon style game, with changeable terrain, buildable roads, paths are and a bulldoze function as well. However moving the map around was causing some UI issues so I had to solve that, it took me about an hour and 20 minutes but it's finally done. I mean it was done before but it was kind of botched and didn't work 100% bit now it does so I guess it was actually okay.

I will post some screen shots tomorrow when I do more coding. Also at some point i need to do the JavaScript tutorials and then I can begin work on practising that and making some cool things to add to my website.

Hopefully by this weekend I can start making bids on some freelance jobs and before long will make this hobby of mine for years into a career.

Happy debugging,

Matt

D2: I've already completed today's coding!

View this on my main page

---

I've finished with day 2 already.

I am going out later so had to make sure I coded early and with that done I am working on art for my twitter page instead. I've made my page much better with CSS and then from there you can see (in previous pages) more CSS examples as I have improved my Spitfire page with some styling.

I don't know what I will be doing tomorrow but we shall see. The next tutorials I have to do are javascript so I want to do that now but don't have time so tomorrow may be some Java instead, stay around to see.

Happy coding!

Matt

D1: My first day is finished! #100DaysofCode

View this on my main page

---

So today I started my 100 Days of Coding, I've learned some CSS and remade the BBC News Website!

I took today to leanr some CSS. I have known some of it for a while but wanted to get to know a lot more of it and be able to use it confidently. I know feel like I can do that and to be sure I will be updating my London Spitfire website tomorrow (after some sleep) to make sure that I actually now can do it and it's not just because I have just done it.

We shall see!

See you tomorrow guys!
(woo inline CSS 😀 )
Matt

100 Days of Coding: Day 1 (Friday 27th April)

So I am starting today! 100 Days from now is 5th August and until then I will do everything in my power to do some sort of coding everyday!

Today is quite easy, I am still learning more Web Development skills and so that will be my coding for today, today's topic is CSS. Yesterday I finished the HTML section while making a page about the London Spitfire Overwatch League team

Check it out and let me know what you all think

Happy Coding

Matt