Design, CG Graphics & Inspiration
Web Design & Dev Community News #6

Web Design & Dev Community News #6

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!

HTML5 & CSS3 Browser Capabilities

With the help of the awesome Modernizr library, haz.io gives you a quick overview of your browser’s support for recent technologies in the world of HTML, CSS and Javascript.
HTML5 & CSS3 Browser Capabilities in Web Design & Dev Community News #6

HTML5. A technical specification for Web developers

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.
HTML5. A technical specification for Web developers in Web Design & Dev Community News #6

@font-face Solutions & Suggestions

@font-face Solutions & Suggestions in Web Design & Dev Community News #6

Vertical Sliding Accordion with jQuery

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.
Vertical Sliding Accordion with jQuery in Web Design & Dev Community News #6Demo | Download

Extreme Makeover: jPaginator CSS3 Edition

jPaginator is a nifty jQuery plugin by Remy Elazare which combines pagination and scrolling in a simple user interface.
Extreme Makeover: jPaginator CSS3 Edition in Web Design & Dev Community News #6Demo | Download

Having Fun With CSS3: Spinning Newspapers

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.
Having Fun With CSS3: Spinning Newspapers in Web Design & Dev Community News #6Demo | Download

90+ Shapes Icons (Vector)

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.
90+ Shapes Icons (Vector) in Web Design & Dev Community News #6Download

Create a Panoramic Photo Manipulation in Photoshop (Part 1: Making The Panorama)

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.
Create a Panoramic Photo Manipulation in Photoshop (Part 1: Making The Panorama) in Web Design & Dev Community News #6Download

Signify Lite: Free Icon Font

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.
Signify Lite: Free Icon Font in Web Design & Dev Community News #6Download

TameJs

Tame (or “TameJs”) is an extension to JavaScript, written in JavaScript, that makes event programming easier to write, read, and edit. Tame is very easy to use in Node and other V8 projects. And it can be dropped into projects where desired – no need to rewrite any existing code.
TameJs in Web Design & Dev Community News #6

How To Create a Slick Features Table in HTML & CSS

How To Create a Slick Features Table in HTML & CSS in Web Design & Dev Community News #6Demo

360 Rotatable Bubble Style Tooltips: grumble.js

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.
360 Rotatable Bubble Style Tooltips: grumble.js in Web Design & Dev Community News #6Demo

Ascensor

Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system.
Ascensor in Web Design & Dev Community News #6Demo | Download

Orange Glossy Header

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.
Orange Glossy Header in Web Design & Dev Community News #6Download

How To Create a Cute Vector Mushroom Character

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.
How To Create a Cute Vector Mushroom Character in Web Design & Dev Community News #6
Download

Circular Progress Bars (PSD)

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.
Circular Progress Bars (PSD) in Web Design & Dev Community News #6Download

Circular Power Buttons (PSD)

Circular Power Buttons (PSD) in Web Design & Dev Community News #6Download

SHARE THIS POST

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. 3D Models Marketplace

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.