CSS3 transforms allow you to apply various visual effects to the items in your Web pages, including scaling elements to either increase or decrease their size. The scale transform requires only a single CSS declaration, but to ensure your pages work in the different CSS3 supporting browsers, you do need to add amended versions of the declaration to your code. As with any transform, you can apply the CSS3 scale effect on user interaction, as well as using an animated transition. Create a Page ... Create...
CSS3 offers a wealth of possibilities in terms of visual and interactive effects, even allowing you to create animated elements without the need for either Flash or JavaScript. In this tutorial we'll go through the process of translating a page element using a CSS3 transform. The translate function essentially moves an element by a specified distance along the X and Y axes. You do need to provide browser-specific code to create reliable transforms, but the technique is not particularly complex....
JavaScript is a flexible and diverse scripting language used in millions of web pages and server applications worldwide. You can use it for countless purposes, but you need some tools. Fortunately, across the Web there are countless JavaScript tools being released by developers to perform distinctive tasks. Here are 45 tools for use with JavaScript. All these tools will help you to create modern websites with all the features users have come to expect. They offer clean design and simple interfaces...
I quite like the developer drive logo animation. I remember seeing it a when I first found the site and thought it was simple, yet effective. I also wondered if it would be possible to replicate it using just CSS. In this snippet we'll cover CSS3 transitions and using @font-face to import some custom fonts. The first thing we need to do is import out fonts, I wasn't sure what the current 'd' font is so I have a similar font. The best place to go is www.fontsquirrel.com, you can pick from a wide selection of fonts...
This is a cool CSS effect to use with links. We can create a link that will change to two different colors when you hover over it. In order to achieve this effect, we use span tags in the links and our CSS will look like this: a.twocolors span.red { color: #000; text-decoration: none; } a.twocolors:hover span.red { color: #FF0000; text-decoration: none; } a.twocolors span.blue { color: #000; text-decoration: none; } a.twocolors:hover span.blue { color: #0000FF; text-decoration: none; } and then...
With the launch of HTML5 and CSS3 came new ways and techniques of using these advanced tools to resolve development challenges in clever ways. CSS3 can be implemented on websites to improve the browsing experience for users as well as help in quickly creating effects or functionality that for a long time required hours of labor for web developers. Below are clever ways to leverage CSS3 for Web developers: Responsive Images ... Responsive web design allows a design to scale perfectly based on the context....
HTML5 has been around for quite some time and it brought along a whole slew of new semantic elements. If you do a quick search, you’ll be able to find plenty of tutorials that give an in-depth explanation of what’s new in HTML5, what makes it so great, and how to transition from (X)HTML to HTML5. But, HTML5 also introduced various application programming interfaces that are far less discussed, yet they form a large part of HTML5 specification and are predicted to dominate the future of web development....
jQuery is a fantastic JavaScript library, we know this. We also know that there are lot of cool plugins out there which take things to the next level. If you’re an amateur dev, plugins expand on your capabilities by implementing things you might not know how to do yourself, yet. If you're an expert programmer, they can make your job go a whole lot faster, or even just provide inspiration. Whatever the case, we've collected some of the best and most interesting jQuery plugins that we’ve found, and...