Difficulty: Intermediate
Estimated completion time: 50 minutes
There are web-based generators for almost everything; stripes, buttons, forms, loader icons, etc.
CSS Arrow Please focuses on another niche; yes, totally CSS-based (no images) arrows.
This CSS trick is great for using in tooltips, the generator offers multiple options for customization (the position, color and border values) and auto-creates the related CSS code.
Website: http://cssarrowplease.com/
In the wonderful world of web design, it has become normal practice to create designs that utilize background patterns that don’t draw a ton of attention, but have a bit of variation within them. Even if you are not creating website designs, it should be good practice to want to create patterns that are subtle, yet beautiful, and easy to use for any occasion.
Of course, it’s easy to find these types of patterns online so all you have to do is save them and use them, but wouldn’t you love to know how to make them from scratch—to add a little bit of personality to your web design? Well today we have put together 5 short tutorials to help you make five different types of subtle backgrounds.
These are Photoshop tutorials that are best for beginner to intermediate users—I’ll be explaining many of the steps quickly as if you already have some knowledge of Photoshop short cuts and short codes. Either way, I hope you are able to follow along, find out something you didn’t know before, and learn how to make five subtle and seamless background patterns.
Windows phone 7 and Windows 8 icons are so cool. Microsoft called their new UI as “Metro”. The interface look really nice and the icons used in the Metro interface are simple but look nice too.
This one is a free set of icons that inspired by the icons that was used in Windows phone 7 and Windows 8 Metro style.
The icon set available for free download and you are free to use or modify these icons for whatever you want.
A few months ago I created a Rain Tutorial: Ronin but I wasn’t convinced with the final result and wanted to create a better-looking effect. After some research and using: noise, motion blur, custom brushes and blending modes we can create a great final result and the effect is surprisingly easy to achieve.
These day I'm stuck with the design for my current project due to lack of beautiful fonts for website. So I dug around and find this article on http://tympanus.net . This is not a new problem but sometimes we have to waste time in doing this. And then I find it very interesting to see my website with some amazing fonts by using @font-face with many font kits provided on Font Squirrel. That's it! No more words, check it out!