I have a very messy habit. That is bookmarking everything that’s free and can eventually be a valuable resource. It’s messy because my favorites list is ridiculously long and unmanageable. BUT… I do have a great collection of resources, part of which I decided to share with you today. Since web-design is my latest “thing”, this post will also be closely related to it. I obviously have much more than the 10 I am going to share, but trust me, these 10 are absolute pieces of gold for web designers, even for beginners. Some of the resources might be limited offers, for which I apologize in advance, and very much hope that you’ll get to them before they expire (now you see why it’s valuable to be subscribed to this blog).
CSS3 Boxes: a useful resource, that you should have in your pocket, it is a CSS boxes generator, which has about 25 boxes styles for you to use right away. It’s as easy as surfing through the box styles and select the one you like the most, you have the option to grab the CSS styles and the HTML markup of the boxes from the page or you can also download them as a ZIP which has a HTML page in black with the styled box in it.
CouchCMS: A simple and free CMS for designers. No knowledge of PHP required at all. Take any HTML/CSS template and make it CMS enabled in minutes. Just drop in a few special XHTML tags into your code and watch your static web pages come to life!
IconMonster: a huge collection of simple, yet elegant icons. If you don’t find the icon you need here, then you probably don’t need it. :D
FontAwesome: a huge collection of font-based icons with features like: css control, ie7 support, infinite scalability and screen reader compatibility. 250 icons generated by one single font! That’s what I call awesome!
Foundation 3: The most advanced responsive front-end framework in the world. Foundation is the most advanced front-end framework in the world. While the framework works all the way back to IE8, we’re taking advantage of new, awesome Web technology to help you build better and faster. The Grid lets you quickly put together page layouts for mobile devices and the desktop. You don’t need two different sites — the Grid is built to create a rock-solid experience on all kinds of devices with the exact same markup.
jQuery Cycle: The jQuery Cycle Plugin is a side-show plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. Trust me, it’s the best! Have not yet found a more customizable jQuery slider. Probably never will…
Favicon Generator: Choose a color, Click on the squares and paint your logo, Download when you are finished, Put the favicon.ico file into your web server directory, Optionally publish it under the CC (Creative Commons) license. You need a favicon for your site and now generating a favicon is that simple.
Color codes generator: HTML Color Codes website provides free color tools for finding HTML colors for your website. Great tools HTML color chart and HTML color picker will make this simple as a walk in the park. To quickly start using HTML colors in your website take a look at How to use HTML color codes? If you wish to learn what this combination of characters in HTML Color Codes actually means than take a look at section HTML Color Codes Theory. Web safe colors is the list of colors that look the same on all operating systems. And if you have color blindness then check out HTML Color Names to overcome that problem.
Social Media Icons: a great and very artistic collection of them. It’s hard not to find the suitable ones for your website, so keep on scrolling down the list, it’s quite long.