The term @font-face makes reference to a CSS rule that allows you to download a particular font from your server to a webpage so people are able to see it without having the font installed, in other words, we are talking about those typographic families or single fonts that are able to be used in different computers without having to be installed on a determined device. Until a few years ago, there were just a few font families that were readable from any PC, because they usually came installed in every PC, such as Arial, Helvetica and Verdana.

Today the range has became wider, allowing people to embed their favorite fonts to their websites by using a few code lines. On this article we will be reviewing some of the best free fonts ready for download that can be used with the @font-face properties. These fonts will make your designs look the way they’re supposed to be from any computer.

(more…)

Each time you buy or sell something, either it’s material or not, you have the chance to leave feedback regarding your experience while making that transaction.

Feedback consists of a positive, negative, or neutral rating, along with a short comment regarding the topic in question. Both buyers and sellers build their reputations based on all the ratings and comments (feedback) left by their trading partners. This information is available in each member’s feedback Profile. Positive feedback tells buyers that they’re doing the things right, while the negative Feedback shows them that there are some remaining things to improve. On this countdown, we will be listing some of the most helpful websites that can offer you a complete feedback service, both free / pay and hosted / hosting.

(more…)

As we all know, blogs are one of the growing powers on web, having this days specialized guys known as bloggers behind them. There are many ways to increase your blog’s traffic, which is the ultimate goal behind every blog on the web, for start, there is the SEO (search engine optimization) that guides the developers towards the implementation of more friendly websites; there is also the link baiting, which is the process by which people tend to place links inside their websites that connects to the ones that are placing the bait, usually this is done through downloadable links or offers.

(more…)

A couple of days ago, I was trying to submit the latest tutorial we made at Tutorialshock, I thought that it was going to be simple and will only take a few hours, but suddenly I found that it was not that easy. Most of tutorial directories are focused on Photoshop or programming tutorials, being less the ones that are willing to accept vector tutorials from programs such as Adobe Illustrator and Gimp.

That’s the reason why we decided to write this article, to help put people that are currently looking for high quality places to submit their vector resources, specially tutorials. We made a complete roundup around several places until we came out with this, we hope you enjoy it.

(more…)

Recently, I had a client that needed to create a one page portfolio in a tight deadline. Initially, I thought that an already available free jQuery plug-in could be an interesting starting point for the gallery. I’ve never used a pre made plug-in before, so I began browsing the net in search of my timesaving lazy solution. What I discovered is that I spent almost half a working day looking for a decent list, burning hours skimming through lousy demos and messy coding. I eventually found a cool plug-in and the site went well and was delivered at time. But I couldn’t believe that there weren’t many sites with a decent roundup of jQuery galleries. So, in the face of this opportunity, Webdesignshock will provide. We want this to be the most extensive roundup in the internet of high quality jQuery gallery plugins. Enjoy! Remember to click on the demo button to check more detailed info and to download.

(more…)

There are hundreds of design related blogs out there. So many that it becomes a daunting task to pick up only the handful of blogs you really need to follow. The task of weeding out becomes even more difficult when you take into account that a large quantity of new blogs comes out every day. Sum to that the incredible variety of themes and the trend of high specialization blogging is coming through right now.

There is a clear need for some kind of a beginner’s roadmap don’t you think?  That’s why we at Iconshock decided to make a post that could work as the very first starting point for anyone interested in picking up the right blogs to follow. After months of research, we built a pretty thorough list with many categories so you can get a clearer picture of the gigantic information panorama the web has to offer.

We have not chosen only our favorite blogs. We tried to accomplish a list that really featured only the best of the best. We have listed both classic blogs and hot newcomers. We took into account the consistency of their content, the quality of the design, and their usability. So go ahead, open your RSS feed and get prepared for a hell of a ride. Cancel all your appointments, order some pizza and enjoy this hour long post. Feel free to tell us your own favorites.

General design discussion

Ever wonder which blogs do web celebrities read? Well, here they are, these are the hot shot blogs, blogs that post reflections and strong opinions about the vastness of the world of design without targeting in something specific. Many of these are made by some of the best digital artists in the medium, so you can be sure you can always find interesting, useful and kickass content. These blogs cover topics so varied as technology, freelancing, the future of web, programming and branding.

1. David Airey

(more…)

As Wikipedia says, Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL. But beyond the web design, you can use CSS to create some pretty cool graphics, as the ones we show you below.

1. 3D CSS Puzzle by Stu Nicholls

(more…)