Alpha Creative Blog - Web Resources For Developers To Help Build A Great Website

Web Resources For Developers To Help Build A Great Website

Web Resources – An Introduction

After mastering the basics of web design, and getting to grips with how jquery works you should be able to put together a basic website. We have come across many great free resources over the years that help to either do things quicker, do things better, or free plugins to take your site to the next level.

Below is a list with a brief explanation of each. (we are always adding to the list, if theres anything you feel we have missed please drop us a comment below and we may add it to our list)

This is not a list of the snazziest jquery add ons, it is really aimed at the essential things that will come in hands for a standard website. We hope you find it useful!

 

Web Resources

Komodo

10

In our opinion the best code editor, it has many great features, and is much better than a plain text editor for building sites.

you can download komodo for free here

 

Hex Hub

9

A great colour code picker tool for web colours. You may not need it if you use a decent code editor (in Komodo there is an inbuilt colour picker)

visit hex hub here

 

FancyBox

 

A lightweight plugin for popup photo galleries

fancybox details and free download can be found here

 

Border Radius Generator

8

Free online tool, generates cross browser CSS for variations of border radius, simple and quick to use

Border radius generator can be found here

 

ColorZilla

7

A great online cross browser CSS gradient generator

Find ColorZilla here

 

CSS Sticky Footer

6

Makes your website footer stay at the bottom of the page, even if your page doesnt have much content.

Find CSS Sticky Footer here

 

Jquery Spritely

5

A fantastic way to liven up your web pages with scrolling animations

Visit Spritely.net

 

Slides and Toggles for content

Exactly what it says on the tin, click a heading to expand a content area, a great way to include content on your website.

SlideToggle Example

 

Online reservations and booking software

4

Not free unfortunately, but plugs into your website seamlessly, ideal for hotel websites that want to take bookings online.

HolidayBookingsOnline

 

Background image slideshow

3

A full screen (not responsive) slideshow, with captions

Marcofolio fullscreen slideshow

 

CSS Font Stack

2

A list of web safe fonts, and the CSS code for each

CSS Font Stack

 

Responsive image slideshow

 

There are tons of these around, try googling ‘responsive jquery slideshow’, this is one we have found really easy to install.

Slidejs.com

 

Social media share buttons

1

Really easy to add to the code of any page. Free to sign up.

Addthis.com

 

 

Thats it for now, we will keep adding, comment below if you have come across any great resources and we will add it to our list!

 

Recent websites:

www.safety-clothing.net

www.cleaning-uniforms.co.uk

www.catering-uniforms.co.uk

www.workweardirect.net

www.staff-uniforms.net

www.beauty-uniforms.com

Leave a Reply

Your email address will not be published. Required fields are marked *