Here at Splashnology our main purpose is to provide our readers with interesting, resourceful and useful content. Every time when surfing the web we pick out the freshest information for you to stay in the swim. So to your attention we showcase articles, tutorials, new services and more new freebies of the last week. We’ll try to bring you all the best in a way of weekly roundup. Hope you’ll enjoy it!
In the last article, you learned all about transformations, shadows and gradients. Today, I’m going to show you how to manipulate pixels in canvas; from simply accessing color values, to editing images within the canvas just like a photo editor.
This is easily one of the most powerful features built into canvas directly, and once you’ve learned it, I guarantee that you’ll have a whole range of exciting ideas.
n this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser’s built-in form validation.
We will use jQuery and Modernizr to help out with the older browsers, and PHP on the server side to validate the input.
Content Sliders are often used to present lots of Content on the Web without using lots of space. With this Freebie for Adobe Fireworks you can build your own Slider, for example for your Blog, personal Website or Corporate Site. This free file was designed by Martin Bommeli.
Todays freebie is a very basic Login Form you could use for nearly every Website. Error-Tooltip is included as well as Link for Login with Facebook. This Fireworks file was designed by Michal Brtnicek, you can follow him on Twitter here.
A pretty simple image presentation. You may use this as the type of thing you might want to include to spice up a portfolio or photo gallery for example.
Some replicated bubbles from the new Message’s App in iOS 5.
Today`s freebie is a power on button in 3 states – normal, hover and active. It is easy to customise so you can turn on/off everything you want by changing the icon in the middle. Smaller version also included.
This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc.
In this image gallery, I wanted to create the effect of intersecting lines to highlight the selected image in a grid like a crosshair. I used differing opacities of images horizontally across from the current image and vertically above or below the image to achieve this effect. This gallery uses jQuery Masonry to achieve the animated resizing effect of the grid.
SEO — search engine optimization — is one of the most important marketing activities available to companies and publishers, but it’s too often considered some murky “dark art” or a sinful practice that should be avoided. It’s not. To help clear away some of the mystery and fear for those new to SEO, and provide a “reset” for those who are experienced, we’ve created “The Periodic Table Of SEO Ranking Factors.”
Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.
Andrew is the chief editor of Splashnology blog. He has many years of experience within the web design industry and has a passion for the latest web technologies.
Subscribe to our email newsletter for useful tips and freebies.