Keep posted
Advertising
This month’s Collaborators
Friends
Archive for July, 2010
100 best jQuery image gallery plugins
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.
Best bookmarklets for web developers and designers
When you’re trying to organize your favorite websites, the common thing to do is save them as bookmarks, which are folders that allow you to organize information so you can access in an easy way to it at anytime, but there is more than just having your bookmarks organized, you can use your bookmarks toolbar to place something known as the bookmarklets, which are tiny pieces of JavaScript code that allows you to do different things that will enhance your experience while you’re navigating.
Today we are going to explain the benefits that you can obtain by using bookmarklets, we will show you also examples of some of the nicest bookmarklets out there.
Logo design tutorial
When a company starts, the image is often one of the things that can impulse the acknowledgment of the business existence around their area of influence. A company’s image primary consists of the logo, the stationery, presentation cards, mail templates and even digital signatures. Once the company starts to gain reconnaissance, other elements are developed, such as the website, social networks and others. On this tutorial we will be focusing our attention on one of the main elements of any company’s image, the logo. Using Adobe Photoshop we are going to show you how to design a logo that works both in communication and aesthetic levels.
Tron Legacy Icons
An out the hook icon set inspired on the classic movie Tron, ready to be incorporated inside your different projects thanks to the top quality of every icon.
We hope you enjoy it and feel like you’re back in the Tron world. Includes PNG, BMP, GIF, ICO and Illustrator files. This set was made by Iconshock – icon sets team (Proudly member of the Shock Nation family). Download after the jump.
Also feel free to subscribe us at Twitter and Facebook to be informed of our latest posts and articles.
A complete jQuery list, including tutorials, resources and more
The jQuery list could easily become the ultimate site for those in love with the jQuery language. The website is a large content base of plugins and tutorials, well explained and organized; it’s not made for developers only, but also for every person that is starting in the jQuery world and is looking for quality contents.
You will find plenty of connectivity options, so you are always up to date with the page latest posts, from RSS to web 2.0, there’s no way you get disconnected from this website. You can inquire throughout the categories section or simply scroll down to see if you find something that captures your attention.
25 stickers for your iPad
Here in WebDesignShock, we are always thinking about bringing you great freebies and this is one of those. During these days, people are always trying to customize their devices so they become special. On this post we are releasing more than 25 stickers ready for download and help you to personalize your iPad, enjoy it.
Vector macaw with illustrator
Hello guys, today we are going to guide you on how to create a realistic icon, in this case, a realistic macaw, full of colors and volume. We will be using Adobe Illustrator and its pen tool, gradients and blur filter, it’s time to begin.
Vector slider control with illustrator
What’s up guys?. I hope you’re doing fine because we are about to start a new tutorial. In this opportunity we are going to show how to create a complete GUI set slider using Adobe Illustrator. For those who are not familiar with the GUI term, it goes after the words Graphical User Interface and as its name suggests it, is a type of user interface item that allows people to interact with programs in more ways than typing, it uses images rather than text commands. A GUI displays graphical icons and visual indicators to completely represent the information and actions that are available to the user. These actions are usually performed by a directly manipulation of the graphical elements. After this short introduction, let me tell you that through all this article we will be practicing the graphic styles option. Now its time to start this tutorial.
Twitter background
OK, if you’re reading this it means you have been trying to compose your background and everything got messed up when you tried to upload it, also all of your images got caught behind the Twitter box.
Alas my friend, here is the answer to your prayers. In the following tutorial you will find the exact measures of a background that doesn’t crop before it should (when viewing at 100% in your browser) and also where to locate your designs in your background.
Illustrator Tutorial: Desiging a vector astronaut
Hello guys, it is time for a new tutorial. If you are a Twitter user probably you have seen our site, including the background. If you haven’t let us tell you that we created a pretty cool background with some great characters. What we are going to do is show you step by step how to create one of this characters using Adobe Illustrator, so lets get it started.
Designing a glow menu with photoshop
What’s up folks?. It’s time for a new Photoshop Tutorial. In this case, a special one for those who are starting to work on the web market or are beginning to create one of their one. We will be working with custom brushes, layer styles and other items. Well no more talk, let’s get it started.
Illustrator Tutorial: realistic camera icon
Welcome to a new tutorial. In this occasion, we will be working on Adobe Illustrator.We are going to make a very realistic camera icon, so fasten your seatbelts and let’s go.
Design blogs, 200 best
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 road map don’t you think? That’s why we’ve 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.
CSS drawings, 50 great examples
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
200 best footer designs for inspiration
As most of you guys probably know, the footer is the last significant part of a website. It tends to be used for placing important information, such as the RSS feedback button, slide galleries, contact information, latest posts, the site map, among others. But the footer its not just a large space to fill the bottom of the page. Its a whole design area, in which the designer can place some pretty cool ideas that will not fit inside the main space of the site. In this countdown, we will be showing you some of the coolest footer ideas on the web, so lets get it started.
Ground-Like Footers
This footers are identified by a high quality illustration on it, this is used by some designers to complete the layout of the website. The usual things this footers show are landscapes, cities, green and blue.
1. YoDiv
