• IMPORTANT: Welcome to the re-opening of GameRebels! We are excited to be back and hope everyone has had a great time away. Everyone is welcome!

Helpful resources - HTML, CSS

Avex

Founding Member
Joined
Aug 12, 2012
Messages
234
Reaction score
53
So this is just my little thread to help anyone out with the resources that I tend to use when creating lovely templates for clients, some more than others, while some of these were used to learn and perfect it (not that it's that hard). I will be writing up more threads for other languages including C-based languages, PHP, jQuery and Javascript over the coming weeks.

Colors & Color schemes:
http://paletton.com/
http://www.colorcombos.com/
http://www.colourlovers.com/
http://www.flatuicolorpicker.com/

Icons and Imagery:

http://www.iconarchive.com/
https://www.iconfinder.com/
http://subtlepatterns.com/
http://www.istockphoto.com/
http://www.shutterstock.com/

CSS & Fonts:
http://adam-marsden.co.uk/css-cheat-sheet/
http://cssmenumaker.com/
http://www.cssbuttongenerator.com/
https://www.google.com/fonts

Pre-made templates:
http://foundation.zurb.com/
http://html5boilerplate.com/
http://getbootstrap.com/

Tutorials:
http://www.w3schools.com/html/
http://www.w3schools.com/css/
http://htmldog.com/guides/html/beginner/
http://htmldog.com/guides/css/beginner/
http://www.codecademy.com/en/tracks/web

Whenever I find a new, rather helpful resource I will update this thread.
Hope this helps.
 
Last edited:

Jordan

Founder
Senior Admin
Joined
Aug 12, 2012
Messages
1,169
Reaction score
341
Great List!
I thinkg www.iconfinder.com should also be added to the icon list. Some of the icons are "premium" but I use it whenever I am looking for icons :)
 

Claraviolet

Active Member
Joined
Oct 17, 2014
Messages
12
Reaction score
0
I am going to bookmark this page now.Thanks for sharing this great information "The Godfather" .
I am a programmer and I love coding.So,for me this information comes in handy.
 

Avex

Founding Member
Joined
Aug 12, 2012
Messages
234
Reaction score
53
I am going to bookmark this page now.Thanks for sharing this great information "The Godfather" .
I am a programmer and I love coding.So,for me this information comes in handy.

I'm glad I've helped you out! :rolleyes:
 

Lancer

Active Member
Joined
Oct 14, 2014
Messages
10
Reaction score
0
You can add dafont.com to the list. It is a nice site to get free and premium font for your projects. You can use a font converter to make your fonts work with any other operating system; but most fonts includes .ttf which is widely accepted.

This is a great list. w3schools helps me a lot. Most of the time, when i get a problem, that site gives me the needed answer!
 

Hugop

Active Member
Joined
Apr 24, 2015
Messages
109
Reaction score
5
You could add bannerfans.com to the list, it is the place where I make wonderful banners!
 

clinkguts

Active Member
Joined
Jul 5, 2017
Messages
70
Reaction score
7
The first thought that came to my mind was 'I need this page bookmarked'and that is what I did. I believe this list will be of much use to me.Thanks for the info Avex :)
 

reginafalange

Active Member
Joined
Jun 14, 2017
Messages
102
Reaction score
3
I used some of these pages and that's a great list but I would add https://www.freecodecamp.com/ (similar to code academy, you learn to program and make small projects) and https://www.edx.org/ which has many programming courses (not only about HTML and CSS) that are free and you can pay to get a certificate for finishing them.
 
Top