Keep posted
Advertising
This month’s Collaborators
Friends
Coding
CSS menu, 180 scripts, plugins and freebies
Here on webdesignshock.com we’re always on the lookout for the latest and everything fresh in web designs plug-ins, tools, etc. for all our web knowledge enthusiastic readers, although sometimes it’s not necessarily time to highlight the new but to acknowledge an on growing plug in use trend that solidify its acceptance amongst users, thanks to its outstanding features. Read more
Responsive Web Design, most complete guide
If you’ve been working in the web design field for the past couple of years you should know that designing a fixed interface for a widescreen computer is not enough. Most of the clients you’ll be dealing with from now are going to request that their site is not only desktop-compliant but is also optimized for smartphones and tablets. This issue presents the necessity of working with different screen resolutions in order to guarantee that a website looks good in all sorts of devices.
But if the devices’ production continues at the same speed that it has for the past couple of years, the amount of screen resolutions and formats that designers will have to deal with is going to become unbearable. On this article we’ll be discussing one of the most effective solutions to face this problem with a certain easiness, we’re of course talking about responsive web design.
Read more
Amazing free bundle!, 10 WordPress themes, 750 icons and more
Finding good design quality for free these days seems like an almost impossible odyssey and that’s why we like to let you know about what’s probably the biggest and greatest free design bundle that has been recently released. The bundle features an exclusive collaboration between IconShock, the largest icon design company and ThemeShock, a new website from the same team behind IconShock focused on delivering top quality WordPress themes, design freebies and more.
Awesome tooltips with JavaScript and HTML5
Tooltips are GUI elements that are displayed on a website after a mouse event, usually a hover or click action. These objects are used to provide additional information regarding different subjects and give the user more insights regarding different topics. Today we like to share with you a nice tool that’s going to help you make lovely tooltips while using your favorite JavaScript framework.
Tipped takes advantage of the powerful HTML5 to give you complete control over the look and feel of the tooltips you create. The tool offers support by default to jQuery and Prototype, though you can implement different adapters to incorporate other frameworks.
CSS and CSS3 buttons, 110 best sets !
Tired of turning upside down the internet and not finding what you’re looking for? Well, here we’re providing you the best of our CSS buttons search. Here you’ll find over 100 buttons, among pure CSS and image + CSS made. All of them great looking, with neat effects and really easy to include them in your code.
Images to CSS
Hi folks, today we stumbled upon a really helpful tool for converting images to CSS, which is something that we haven’t found before. PNG images work best with this tool, but it can also convert JPEG, GIF, BMP, TIFF and ICO formats. All you have to do is choose a file or enter image URL and click the ‘Convert to CSS’ button. Piece of cake. Read more
CSS3 drop shadow, 100+ best tutorials, scripts and examples
Until a while ago, web developers were forced to learn Photoshop or count with a trustful graphic designer to help them with things like shadows, gradients and stuff, this because there was no method to create these elements directly on CSS. Then the world saw the release of CSS3 with its fantastic features, which included of course making shadows.
On this post we have gathered a big list with some of the best resources to let you know a little bit more about CSS3 shadows, you will find useful tutorials, great plugins and code examples, shadow generators and a few extra links.
Percentage grid system in HTML5
When diagramming for the web, one of the most useful ways of doing it is through grid systems to help the designer layout faster. Today we found a nice percentage based grid system that is nested in the Easy framework’s CSS.
This grid system features a percentage-based width in all its columns to make them adjust to the container element, which means that by using this system you will not have to set the width value for every column manually, just put it inside any container and both the column widths and gutters will be adjust perfectly.
Best jQuery blogs to keep in your RSS
For those who are not very much into web development, jQuery is a popular cross-browser JavaScript library designed specifically to simplify the client-side scripting of HTML. jQuery was released in January 2006 by John Resig and is currently being utilized by over 31% of the 10 K most visited websites, thus jQuery has become the most popular JavaScript library nowadays.
One of the best things about jQuery is its OpenSource condition and the fact that is dual-licensed under the MIT License and the GNU General Public License V2, thanks to these two aspects, every developer can generate their own jQuery plugins and send them directly to the JavaScript library. Now that we have exposed blatantly our love towards jQuery, we like to offer you a grand compilation of blogs and websites where you can find a lot of information about jQuery, including new plugins, good practices and reviews, let’s see what you think about these places.
Issuu in WordPress
Perhaps you have already used Issuu to offer online publications in a newspaper style, but if not then we truly recommend you this site that even on its free version offers you a highly professional presentation for your documents.
Among its many virtues you have the chance to reformat your documents and turn them into an electronic presentation, it also lets you insert the Issuu player in any website except WordPress.com
html form validation and creation with php
For web developers, the process of creating and validating HTML forms is almost their daily bread, and looking for new methods on how to improve the exercise is also a constant. With Zebra_form the process can be highly simplified, this PHP class has an object-oriented structure that promotes fast HTML forms development and inspires web developers to type down cleaner and eye-friendly code.
jQuery effects: rumble, shake and rotate
Would you like to get rid of those boring static elements that only change their color when you rollover them?, maybe shaking them and little bit or make them sway will be nice, the problem is how. We’ve stumbled upon an amusing jQuery plugin that does precisely that, it puts elements to rumble.
jRumble grants you control over X, Y, rotation range, speed and event trigger for the rumble. The plugin works amazingly in all browsers but IE, where some issues show up when triggering the shaking event. The plugin was developed by Jack Rugile, a web and graphic designer from Colorado.
Implement a floating configuration panel to DOM elements
If have some notions in web development, then you probably know that Document Object Model (DOM) is the way JavaScript sees its containing HTML page and browser state. Despite the great advances that have happened on this subject, there are certain limitations regarding DOM that need to be fixed through scripts and/or plugins.
Today we like to introduce jQConfigurator, a jQuery plugin created with the purpose of help people implement floating config panels within DOM elements.
150+ CSS3 tutorials and examples
There’s no doubt that 2011 can easily become the year of CSS3. In only the first months we have seen the appearance of IE9 and the highly anticipated Firefox 4, both of these browsers offer lots of possibilities that they did not provide in the past, being one of them CSS3 support of course.
On this countdown we have gathered an extended list of CSS3 tutorials that vary from really simple articles where you can master all its main properties and then more advanced tutorials filled with magic that creates astonishing graphics, animations and interactive elements that were impossible to do a couple of years earlier. We have included all sort of tutorials, some of them will guide you through the main CSS3 properties, others will teach you how to make things that only graphic programs were capable of previously; finally, we will be presenting an special segment of tutorials that will show you how to take this language towards epic proportions.
jQuery form, 100 Best plugins, tools & tutorials
5 years ago, web developers and most programmers were forced to do tons of things in order to program accordingly a website, from the basic layout to defining all the different variables and actions that give life to the site. Developers often utilized JavaScript in some part of the process to facilitate the construction of many different webpages; though JS definitely helped out developers, there were still a lot of things that made them consume dozens of time and achieve minimal results.
But since the debut of the powerful framework jQuery, things changed forever. jQuery can be used for many things, from developing fancy animations to simply spice up ordinary designs that were previously difficult to do. On this article our attention focuses on forms, an essential part of any website and how jQuery can be truly resourceful for improving them both in terms of functionality and aesthetic; throughout this post you are about to see some of the most helpful plugins and tutorials that can give you some guide for working with forms.