Why does the blog look terrible? Find out
mikestreety~coding & life

Archives

My Favourite 5 Books – A smashing story

Recently I’ve been going through a fad of buying web related books. I love the feel of books, I love reading books. I love sitting on the train reading about web design and development. With a book you’re forced to read, rather than skim. With a book you can slide in a bit of paper …

Recently I’ve been going through a fad of buying web related books. I love the feel of books, I love reading books. I love sitting on the train reading about web design and development. With a book you’re forced to read, rather than skim. With a book you can slide in a bit of paper and bookmark your favourite snippet of code. With a book you can have them sitting pretty on a book shelf. With a book you can pass it to your neighbour, or have it sitting on your desk, giving you something to flick through when you want to rest your eyes from the screen.

With books come magazines. The .net magazine is my bible. I will sit and read it from cover to cover, soaking in the news, the stories, the interviews and the hints and tips. I just love being able to open a page and turn it to my developer. My .net mag gets whored around like a lady of the night in my office and thats because its easy to read and easy to digest. Its not like sitting in front of a computer reading a long article. Web articles never look pretty. Books and magazines look stunning.

The irony is not lost on me that I am writing a blog post about how good books are. I have not lost the fact that I am writing a long piece of ugly text for you to sit and read. The fact i’m merely typing is because I cannot afford to publish my blog posts.

Anyway, I digress. The purpose of my boast was not to ramble on about the greatness of books, but to recommend a few. I would like to start some sort of #bookstobuy club. The idea being that you list your favourite 5 books, or recent web related book or magazine purchases and you explain in a few words why its a good book. Write a blog about it and put the link in the comments. Hopefully this will be good to the world. So onto my list:

Just a note – you’ll find the title of the book and a link, followed by the [publisher] and the {topics} of the book. All I ask is that you follow suit.

  1. .net magazine {HTML, CSS, PHP, General Knowledge} - It goes without saying that this magazine has taught me an astonishing amount of things. The greatness it brings to life is good.
  2. jQuery – Novice to Ninja [Sitepoint] {Javascript, jQuery} – this book, on its own, got me into jQuery. Made me realise the most complex of animations and effects are just a .animate() away.
  3. The CSS Anthology [Sitepoint] {CSS} – A brilliant book that gives you the low down on all the CSS selectors and what they do and cover. An amazing reference book
  4. HTML5 and CSS3 for the real world [Sitepoint] {HTML5, CSS3, Semantics} – (seeing a trend here?) This book educated me into the wonders of HTML5. It is what I have built this site and written this blog post. The things I learnt from the book have put me in good stead for the next few years.
  5. The Smashing Magazine Books [Smashing Magazine] {Everything} – (I know strictly this is numbers 5 & 6, but they were a bundle!) I bought the bundle (books one and two) and they are absolutely fantastic. Brilliant. They cover tons of topics and give you a good overview of so many topics. I have, in fact, just ordered the third book despite not even being halfway through the first. They are just teasers of topics, which allows you to gauge what that subject is and what you’re interests are.

They are my favourite 5 books – what are yours?

Read More

HTML5 Template with jQuery

A useable, simple HTML5 template with jQuery included. By no means a replacement for the HTML5 Boilerplate, but a quick simple something to get you started!

A useable, simple HTML5 template with jQuery included. By no means a replacement for the HTML5 Boilerplate, but a quick simple something to get you started!

Read More

HTML5 Template with jQuery

This post has been updated Just wanted to have a quick resource for starting a HTML5 based page. I have included jQuery as so many sites seem to use it these days! If you can think of anything else that should be added – feel free to get in touch! [html] <!doctype html> <html lang="en"> …

This post has been updated

Just wanted to have a quick resource for starting a HTML5 based page. I have included jQuery as so many sites seem to use it these days!

If you can think of anything else that should be added – feel free to get in touch!

[html]
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" />
</head>
<body>

</body>
</html>
[/html]

Read More

jQuery Expand/Collapse FAQs

To make a expanding FAQ style section, first make a simple definition list with terms and definitions. Give the list an id of ‘faq’. The code should look something like this: [HTML] FAQ 1 Answer 1 FAQ 1 Answer 1 FAQ 1 Answer 1 [/HTML] Make sure you have included jQuery and then use the …

To make a expanding FAQ style section, first make a simple definition list with terms and definitions. Give the list an id of ‘faq’. The code should look something like this:

[HTML]

FAQ 1
Answer 1
FAQ 1
Answer 1
FAQ 1
Answer 1

[/HTML]

Make sure you have included jQuery and then use the following code

[JS]

[/JS]

This will make a simple toggle open/close on each FAQ.

We can take this one step further and make the FAQs slide up and down. Also included in the code below is having the first one open and all the others close when you open a new one.

[JS]

[/JS]

Read More

Where Have I Been?

These last few weeks have been quiet on the blog front – so where have i been and what have I been doing? Tim Healey Mr DJ Tim Healey (www.myspace.com/djtimehealy) has asked be to re do the layouts for both his person myspace and his record label Surfer Rosa Records. I have been working hard …

These last few weeks have been quiet on the blog front – so where have i been and what have I been doing?

Tim Healey

Mr DJ Tim Healey (www.myspace.com/djtimehealy) has asked be to re do the layouts for both his person myspace and his record label Surfer Rosa Records.

I have been working hard getting these layouts perfect before I transfer them over to the proper myspace accounts (no, I didn’t do the current ones – mine are much better!). You will be told when they go live.

Lobster Recruitment

Lobster Recruitment contacted me enquiring as to whether I would redesign their website for their recruitment agency in Crawley. I have agreed and have been creating wireframes and designs for their new website.

Mike Street Media

Yes, once more Mike Street Media is getting a redesign. Since I have become a full time web designer I have come across such a thing called jQuery. It’s actually amazing and will be making several appearances throughout my new site and all the other sites I will be developing.

Because of this, my blog will be getting a redesign (hurrah!) as I have never liked the layout of the blog.

A sneak preview can be found on my ‘playground’ domain: www.mikestreety.co.uk

World cup

I hate football, in fact ,I loathe it. Except the World cup. That and the Euro football tournament are the only two bits of football I watch and actively enjoy. Don’t ask me why!

Apart from that I’ve been working at Boz Boz!

Read More