Web Development Project

+6 Stuart Abbott · July 2, 2014
Hi all,

I was wondering if anybody could help me out.

I am looking at improving my web development and thought that a good way to do this would be to do the following:

  • Use HTML and CSS to create a basic web site. No other languages at the moment

  • Get people to suggest new features or things to add to the website in a new language, such as JavaScript

  • Gradually add more features to the site to encourage learning and improvement

Once the basic site has been created and people here have given tasks to complete, such as 'add a form to collect X amount of data', people could suggest extra bits to add to the site.

Not sure if this would work but I'd love to give it a go.

For example, I need somebody to first suggest a colour scheme for the site. I will then make the basic layout using ONLY html and css for now and will upload using a free host. Seeing as I don't intent for the final site to be a commercial site or one for major use. Just a project to learn new aspects of web development.

Many thanks people (and keep up the fantastic work Bucky and team!!!)

EDIT: The site can be seen here

Post a Reply


- page 2
Oldest  Newest  Rating
0 Stuart Abbott · July 5, 2014
Hi all,

The initial site is up now. Obviously a lot of work still needs to happen but, for starters, I think it's ok.


Cheers people. Of course, all feedback is welcome!
0 Stuart Abbott · July 6, 2014
Hi James, thanks for the tip. I'll make the amendment later tonight. I'm trying to get a footer that sits at the bottom of the page but nothing seems to be working for me. Something I'll have to keep looking into I think
0 Stuart Abbott · August 5, 2014
Sorry for being so slack people. I will be updating this in the coming days with some new basic concepts that I've learnt. I will also try the ideas listed below :) Cheers people
0 Joseph Mancuso · July 19, 2014
if you really want to test yours skills, play around with shadow boxes like so:

box-shadow: 10px 10px 5px #888888;

or gradients for buttons

-webkit-linear-gradient(red, blue); 
/* For Safari 5.1 to 6.0 */

-o-linear-gradient(red, blue); 
/* For Opera 11.1 to 12.0 */

-moz-linear-gradient(red, blue); 
/* For Firefox 3.6 to 15 */

linear-gradient(red, blue); 
/* Standard syntax */
  • 1
  • 2

HTML / CSS / Web Design


Discuss, share, ask, learn and teach HTML5 and CSS3.