My name is Ire (pronounced e-ray), and I am a freelance web designer/developer from Lagos, Nigeria. Growing up, I was always really interested in technology and the internet. I made my first website in 2005 when I was 14 (a fan page for Neopets, if you were wondering).

Over the years, I have dabbled in web design and development as a hobby, making some poorly designed websites and writing some pretty awful code. Because I never got a fully formal developer education, there were a few things that I didn’t know, and I didn’t know that I didn’t know them. As an example, I only discovered CSS pre-processors about a year ago, and it has literally transformed my workflow since!

Nowadays, I have improved a lot in my skill. I’m plugged in to as many designer and hacker news outlets as I can to make sure that I’m doing things right. Even so, there are still things that I don’t know. Whether that is due to the ever changing nature of the industry, or the fact that I work alone, I am constantly learning new things to improve my craft. And I can’t be the only one. 

So I have decided to start this blog, “bits of code”, where I share my ever growing knowledge about web development. Particularly little code bits that, as a developer, you could get away with not writing, but you should. Or things that you may be writing but don’t really understand why. I’m sure there will be things I just learn that pretty much all developers already know about, but I guess I have accepted that I might look stupid!

As I am currently a designer and front-end developer, most of my posts will be related to those areas. However, I am aiming to be full-stack and am learning Ruby as well. I hope to do one of those Rails challenges at some point during the year.

A Credit

I was inspired to start this blog by Jonathan Cutrell and John Sonmez in Episode 21 of Developer Tea. If you are a developer and haven’t already, go listen to this now!

My First Website

In the interest of looking stupid, here is one of my first websites I created back in 2005. I only have the test version I created, but you get the general idea.

My First Website Layout

The design is actually not awful! I guess you can't go too wrong with a minimal site. But the code..

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
  <title>&amp;spooke designs.</title>

  <style type="text/css">
      .banner {position:absolute; overflow: none; left: 50px; top:35px;}
      .content {position:absolute; overflow: auto; left: 210px; top:193px; width:490px; height:800px}
      .nav {position: absolute; overflow: none; left: 56px; top:193px; width:137px; height:800px}
      font, body, td{font-family: small fonts; font-size: 7pt; color: #000000;}
      a:link, a:visited, a:active {font-family: small fonts; font-size: 7pt; color: #000000;}
      a:hover {font-family: small fonts; font-size: 7pt; color: #000000;}

      body {background: url("file:///C:/Documents%20and%20Settings/Administrator.IREOLUWA/Desktop/spooke/background.bmp"); 
      font-size: 7pt; 
      font-family:"small fonts"; color: #D4A274;}

  </style>
</head>  
<body>

<div class="banner">  
<img style="width: 766px; height: 148px;" alt="" src="banner2.PNG"></div>

<div class="nav">  
<b>navigation.&gt;&gt;</b><br>

<br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> <br>

&amp;.<a href="">LINK HERE</a> </div>

<div class="content">  
<center>MINI-FEED BOX HERE  
<p></p>

<p>iframe here<br>

text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text text text text text  
text text text text text text text text text text <br>

<br>

CREDITS  
</p>

</center>

</div>

<!-- -->  
<script type="text/javascript" src="/i.js"></script><!-- -->

<script type="text/javascript" src="/i.js"></script>  
</body>  
</html>  

So many things...

I hope you enjoyed my first post. Please leave a comment down below if you have any questions or comments.