Forum Settings
Forums
New
Feb 23, 2016 11:43 PM
#1

Offline
Nov 2014
77
RESOURCE LIST

http://www.colorhexa.com/ - Get rgba, hex, hsv (everything really) values for colours.
http://www.patterncooler.com/ - Generate seamless patterns.
https://icomoon.io/ - Generate your own font icons.
http://bennettfeely.com/clippy/ - Clip path generator
http://cssplant.com/clip-path-generator - Clip path generator
http://fancycrave.com/ - Free high-res pics
https://pixabay.com/ - More free high-res pics
https://coolors.co/ - Palette generator
http://pltts.me/ - Palette generator
http://paletton.com/ - Palette generator
http://ianlunn.github.io/Hover/ - Hover transitions
http://qrohlf.com/trianglify/ - Low poly generator
http://dmesh.thedofl.com/ - Low poly tool
http://subtlepatterns.com/ - Uhh, subtle patterns...?
http://pleeease.io/play/ - Prefix everything
https://cssminifier.com/ - CSS minifier
http://unminify.com/ - CSS unminifier/beautifier
https://www.google.com/fonts - Fonts (P.S. Roboto is best)
http://www.w3schools.com/cssref/default.asp - CSS References (even I still use this)
http://caniuse.com/ - See what property works in what browser
http://cubic-bezier.com/ - Custom animation curve.
http://design.google.com/resizer/ - Check responsiveness (Also consider using the one built in chrome or firefox, if using chrome open the console and press the small phone icon at the top left of the console)
https://design.google.com/resources/ - Material design resources
http://fontflame.com/ - Font pairing!
https://materialdesignicons.com/ - Material design icons extended (more made by the community including the originals)
https://vimeo.com/93206523 - Give your animations life
http://the12principles.tumblr.com/ - 12 principles of animation
https://medium.com/tictail/giving-animations-life-8b20165224c5 - Give your animations life


Some snippets by me
https://jsfiddle.net/jz3g1wc9/ - Text gradient example (Chrome, Opera and Safari only. Would be nice if Mozilla kept up to date (many things missing)) (can also be used to fill text with an image)
https://jsfiddle.net/wb4njpce/2/ - 3d buttons example
https://jsfiddle.net/tdsvkutc/1/ - Intro animation example
ShixmaFeb 24, 2016 9:23 AM
Reply Disabled for Non-Club Members
Feb 24, 2016 7:41 AM
#2
Offline
Jul 2018
564127
Thanks for your effort, Shixma!
I'll make sure to add these to the Tutorials section and mention your name there!
Feb 24, 2016 1:29 PM
#3

Offline
Apr 2015
287
http://quirktools.com/screenfly/ for testing layouts on different resolutions
Feb 24, 2016 2:03 PM
#4
Offline
Jul 2018
564127
FromZeroToZero said:
http://quirktools.com/screenfly/ for testing layouts on different resolutions

Thanks for your contribution! I added the link to our CSS Tutorials section.
Reply Disabled for Non-Club Members

More topics from this board

Sticky: » [General] INTRODUCTIONS

removed-user - Feb 17, 2016

40 by removed-user »»
Apr 10, 2016 6:21 AM

Poll: » What do you think about premium list designs?

Shixma - Mar 25, 2016

0 by Shixma »»
Mar 25, 2016 2:54 AM

» [BBCode] Custom club banners!

removed-user - Feb 20, 2016

5 by Storm-Sage »»
Mar 10, 2016 12:09 AM

» [GUIDES] Achieve better design with these

Shixma - Mar 4, 2016

2 by removed-user »»
Mar 5, 2016 4:01 AM

» [GUIDE] Get started with font icons in a MAL list using icomoon.

Shixma - Feb 24, 2016

7 by Shixma »»
Feb 26, 2016 8:36 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login