Web Development Resource sheet

[Magic]

Web Development Resource sheet composed by Gijs (

You must be registered for see links

)
I don't own any of the following websites nor have I made them, this has been made to make your life a little easier when working on your next website.
I will edit this list overtime as I find more helpful things.
[Also found on my Ello along with another forum]

Suggest resources in the replies and I'll add them to the master.
Images and color schemes

You must be registered for see links

- A collection of tile-able background images

You must be registered for see links

- Huge collection of icons on all sorts of things.

You must be registered for see links

- Need a color scheme? Go here.

You must be registered for see links

- Looking for that hex code to a color? Look no further.

You must be registered for see links

- Favicon generator and gallery.

You must be registered for see links

- Need a fancy twirly loader thingy? Here it is.

You must be registered for see links

- Need inspiration for the color scheme of your next design? Check these suggestions out.

You must be registered for see links

- Need a tile-able background with custom colors? Look no further.

You must be registered for see links

- Actual pictures to use as backgrounds instead of patterns.

You must be registered for see links

- Custom icon pack, offers a free package. Pretty sure it's been shared before.

You must be registered for see links

- Icon packs for Windows 8, IOS 7 and Android

You must be registered for see links

- Here you can find any icons you want (free and premium)

You must be registered for see links

- Free User Interface Kit

You must be registered for see links

- Flat UI Colors

You must be registered for see links

- More icons, woop woop!

CSS

You must be registered for see links

- CSS cheat sheet.

You must be registered for see links

- A collection of CSS hover effects.

You must be registered for see links

- Code generator for border trimming.

You must be registered for see links

- Huge collection of fonts, easily integrated.

You must be registered for see links

- Button generator.

You must be registered for see links

- Box shadow generator.

You must be registered for see links

- Need a menu? Just make one here.

You must be registered for see links

- The best carousel out there!

You must be registered for see links

"a modern approach for crafting beautifully maintainable stylesheets"

You must be registered for see links

- A CSS debugger, it'll outline each element with a different coloured box, simply run in your dev tools console

You must be registered for see links

- Generate custom CSS radial gradients, pretty sure it does a little more as well. Well worth a play!

You must be registered for see links

- Recently found this, increases productivity greatly! No need to refresh the browser to see CSS changes (only use for development, not on live sites as there is no need)

Help

You must be registered for see links

- Don't quite understand something? Check here!

You must be registered for see links

- Interactive lessons on a handful of languages including HTML, CSS, JavaScript, Python etc

You must be registered for see links

- Good place to ask your code related questions or need something fixed.

You must be registered for see links

- Need to convert those pixels to EM's for your responsive design? Here you go.

You must be registered for see links

- Home to some of the best designers on the web. Great site for inspiration.

You must be registered for see links

- Interactive lessons on a handful of languages including HTML, CSS, JavaScript, Python etc

Hosting etc

You must be registered for see links

- Free .tk domain, perfect for testing purposes.

You must be registered for see links

- Not sure wether your website is running? Check here.

You must be registered for see links

- Website report and information.

You must be registered for see links

- Responsive design testing on different screen sizes.

You must be registered for see links

- Perfect to go along with your free domain, a free host.

You must be registered for see links

- develop friendly hosting from $1

You must be registered for see links

- Appreciate this is a file sharing tool but if you're collaborating on a project (without a server) or working in multiple places, this is the way to go - simply share folders.

Responsive

You must be registered for see links

- CSS framework.

You must be registered for see links

- Simple grid system for responsive development.

You must be registered for see links

- HTML5 skeleton for a quick start.

You must be registered for see links

- Responsive testing for various screen sizes

You must be registered for see links

- This is a plugin, very similar to the above except with more choices imo. I use this when testing responsiveness on chrome.

You must be registered for see links

- Can't quite find what you are looking for? JUST GOOGLE IT!

List of contributors
Magic, Sysode, IntactDev, Shado, Saintz

 

[Sysode]

Every little helps! If this thread takes off and others have an input we should make this a sticky

 

[TesoMayn]

More helpful than @Sysode has ever been, #Sysode4FireMagic4Hire

 

[Sysode]

More helpful than @Sysode has ever been, #Sysode4FireMagic4Hire

Pft, you asslick! I don't have time atm to do all this

 

[Magic]

Every little helps! If this thread takes off and others have an input we should make this a sticky

Yeap, I'll definitely keep adding things to it as I find them

 

[Magic]

Added more things to the list.
Please sticky this

 

[IntactDev]

You should add

You must be registered for see links

They have a bunch of nice backgrounds that I am using for my portfolio.

 

[Sysode]

Yeah I think this should be stickied - so I did it. Feel free to contribute any valuable resources and Magic will add them if they're decent

Pa - I'll add some resources soon.

 

[Magic]

You should add

You must be registered for see links

They have a bunch of nice backgrounds that I am using for my portfolio.

Added

Yeah I think this should stickied - so I did it. Feel free to contribute any valuable resources and Magic will add them if they're decent

Pa - I'll add some resources soon.

Thank you!

 

[Sysode]

May as well contribute some sites I know that could be helpful. Here goes..

• You must be registered for see links
  "a modern approach for crafting beautifully maintainable stylesheets"
  
• You must be registered for see links
  - A CSS debugger, it'll outline each element with a different coloured box, simply run in your dev tools console
  
• You must be registered for see links
  - Generate custom CSS radial gradients, pretty sure it does a little more as well. Well worth a play!
  
• You must be registered for see links
  - Responsive testing for various screen sizes
  
• You must be registered for see links
  - This is a plugin, very similar to the above except with more choices imo. I use this when testing responsiveness on chrome.
• You must be registered for see links
  - Home to some of the best designers on the web. Great site for inspiration.
  
• You must be registered for see links
  - Custom icon pack, offers a free package. Pretty sure it's been shared before.
  
• You must be registered for see links
  - Appreciate this is a file sharing tool but if you're collaborating on a project (without a server) or working in multiple places, this is the way to go - simply share folders.
  
• You must be registered for see links
  - unsure of a HTML5 alternative, check how safe and compatible it is here.
  
• You must be registered for see links
  - Recently found this, increases productivity greatly! No need to refresh the browser to see CSS changes (only use for development, not on live sites as there is no need)

 

[Magic]

May as well contribute some sites I know that could be helpful. Here goes..

• You must be registered for see links
  "a modern approach for crafting beautifully maintainable stylesheets"
  
• You must be registered for see links
  - A CSS debugger, it'll outline each element with a different coloured box, simply run in your dev tools console
  
• You must be registered for see links
  - Generate custom CSS radial gradients, pretty sure it does a little more as well. Well worth a play!
  
• You must be registered for see links
  - Responsive testing for various screen sizes
  
• You must be registered for see links
  - This is a plugin, very similar to the above except with more choices imo. I use this when testing responsiveness on chrome.
• You must be registered for see links
  - Home to some of the best designers on the web. Great site for inspiration.
  
• You must be registered for see links
  - Custom icon pack, offers a free package. Pretty sure it's been shared before.
  
• You must be registered for see links
  - Appreciate this is a file sharing tool but if you're collaborating on a project (without a server) or working in multiple places, this is the way to go - simply share folders.
  
• You must be registered for see links
  - unsure of a HTML5 alternative, check how safe and compatible it is here.
  
• You must be registered for see links
  - Recently found this, increases productivity greatly! No need to refresh the browser to see CSS changes (only use for development, not on live sites as there is no need)

I've added these to the main thread, feel free to add them in yourself with your mod permissions.

 

[Shado]

Here some for you

• You must be registered for see links
  - Icon packs for Windows 8, IOS 7 and Android
• You must be registered for see links
  - Here you can find any icons you want.
  
• You must be registered for see links
  - A free web hosting also It can install WordPress or Joomla
  
• You must be registered for see links
  - Interactive lessons on a handful of languages including HTML, CSS, JavaScript, Python etc

 

[Sysode]

Here some for you

• You must be registered for see links
  - Icon packs for Windows 8, IOS 7 and Android
• You must be registered for see links
  - Here you can find any icons you want.
  
• You must be registered for see links
  - A free web hosting also It can install WordPress or Joomla
  
• You must be registered for see links
  - Interactive lessons on a handful of languages including HTML, CSS, JavaScript, Python etc

Thanks man, updated the main thread.

Although, I think the whole "hosting" should be reconsidered. Purely because everyone will start having their own opinions on what hosts (includes people getting some free advertising from their hosting) thus leading to debates etc. Just an idea of keeping the thread clean anyway - up to you @Magic

 

[Jemz]

I love this thread...

You must be registered for see links

That's a good site for icons as well, its practically the same as iconfinder but you can choose a hex code for the icon.

 

[Shado]

I forget to add 2 things

• You must be registered for see links
  - Free User Interface Kit
  
• You must be registered for see links
  - Flat UI Colors

 

[Magic]

I love this thread...

You must be registered for see links

That's a good site for icons as well, its practically the same as iconfinder but you can choose a hex code for the icon.

I forget to add 2 things

• You must be registered for see links
  - Free User Interface Kit
  
• You must be registered for see links
  - Flat UI Colors

Added, thanks for contributing.

Thanks man, updated the main thread.

Although, I think the whole "hosting" should be reconsidered. Purely because everyone will start having their own opinions on what hosts (includes people getting some free advertising from their hosting) thus leading to debates etc. Just an idea of keeping the thread clean anyway - up to you @Magic

I guess, We'll leave the hosting companies as it is. I mean you only really need one host or maybe two.

 

[N8boy]

You must be registered for see links

- a fucking awesome page for tileable backgrounds, icons, tutorials and so on

 

[Sean]

You must be registered for see links

 

[LeChris]

Thanks, I only used half of the sources listed here in all honesty, so this should help expand my knowledge!

 

[AssLikeThat]

Wow this is very helpful, I didn't even realise this was made :O Thanks to all the contributors.

@Magic


Here for beginners, they have some really nice and easy to follow tutorials regarding web design, they are all three, and they are videos.

You must be registered for see links

Been watching a couple and they are really in depth...

They also offer more than just web design tutorials too if you'd like to check them out.