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!
This HTML5 specification is like no other—It has been processed with you, the humble web developer, in mind. The focus of this specification is readability and ease of access. Unlike the full HTML specification, this “web developer edition” removes information that only browser vendors need know.
The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.
Demo | Download
Imagine a cop drama taking place in the 1930s. After a streak of bank heists, a young detective is given the case of his life. He accepts the challenge, and after grueling months of hard work and life-threatening situations, he manages to bring the bad guys to justice.
What follows is a classical device used by film makers of the period – newspapers flashing and spinning towards the camera, praising the heroic feats of our protagonist.
So lets have some fun and build this classical scene using the CSS3 animations capabilities of the new versions of Firefox, Chrome and Safari, picking useful techniques along the way.
Demo | Download
Free shapes icons (90 vector icons in set, CSH file format). These shapes icons are square with rounded corners – ideal for any web design project. Resize and style them as you like.
In this two-part tutorial, we will demonstrate how to create a panoramic post-apocalyptic photo manipulation in Photoshop. In part 1 we will explain how to shoot the needed photos, how to make batch adjustments in Camera Raw, automatic alignment and merging, and then how to correct the perspective.
Exclusive to MediaLoot, bring scalable and flexible graphics to the web with CSS @font-face and the new Signify Lite web font. With this font you have 38 beautiful, hand-crafted icons at your disposal for any use, you can use them in your designs in Photoshop etc. or on the web, and the beauty of icon fonts (besides the scalability and tiny file size) is that you can edit the colour, size, effects and more with CSS.
A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works in IE6+, and modern browsers.
Modern, glossy and Web 2.0 looking navigation bar for your next website or webapp. The orange color brings a very fresh and unique touch to this header that also includes a search input plus some navigation points.
Follow this step by step Illustrator tutorial to create a cute vector mushroom character with a Japanese kawaii influence. We’ll create the basic structure using Illustrator’s basic shapes, add variation in the linework to define the character then finish it all off with some vibrant colour fills.
Set of simple circular shaped progress bars or preloaders. If you’re going to make your visitors wait for content, might as well give them something pretty to look at.
Subscribe to our email newsletter for useful tips and freebies.