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 12, 2014
Hi Ethan,

Thanks for the tip. For some reason, I couldn't make it act like I wanted so I've not included the code. However, I did find a way to make it work using different coding suggested here

Cheers anyway, I appreciate the time spend offering the solution!
0 Stuart Abbott · July 12, 2014
Hi people,

I have now added a footer to the page. Hopefully this displays correctly for you! Any more suggestions that can be added at all?

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 */
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
  • 1
  • 2

HTML / CSS / Web Design


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