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

Web Design & Dev Community News #4

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!

Canvas from Scratch: Pixel Manipulation

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.
Canvas from Scratch: Pixel Manipulation in Web Design & Dev Community News #4

Build a Neat HTML5 Powered Contact Form

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.
Build a Neat HTML5 Powered Contact Form in Web Design & Dev Community News #4
Download

Cakifo HTML5 WordPress Theme

Cakifo WordPress theme has just been updated to version 1.2.
Cakifo HTML5 WordPress Theme in Web Design & Dev Community News #4
DemoDownload

Pure CSS Tic Tac Toe

Pure CSS Tic Tac Toe in Web Design & Dev Community News #4

Content Slider

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.
Content Slider in Web Design & Dev Community News #4Download

Basic Login Form

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.
in Web Design & Dev Community News #4Download

Simple Image Presentation

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.
Simple Image Presentation in Web Design & Dev Community News #4Download

iOS 5 Message bubbles

Some replicated bubbles from the new Message’s App in iOS 5.
iOS 5 Message bubbles in Web Design & Dev Community News #4Download

White&blue set

White&blue set in Web Design & Dev Community News #4Download

Clean & Simple Login Form (PSD)

Clean & Simple Login Form (PSD) in Web Design & Dev Community News #4Download

Power button

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.
Power button in Web Design & Dev Community News #4Download

Create a Surreal Out of Bounds Photo Manipulation in Photoshop

In this tutorial we will combine several images of water, animals, and people to create a surreal out of bounds photo manipulation in Photoshop.
Create a Surreal Out of Bounds Photo Manipulation in Photoshop in Web Design & Dev Community News #4

HTML5′s New “form” Attribute

HTML5′s New “form” Attribute in Web Design & Dev Community News #4Demo

About Obsolete Features in HTML5

About Obsolete Features in HTML5 in Web Design & Dev Community News #4

The Anatomy of an Effective Web Design (Infographic)

The Anatomy of an Effective Web Design in Web Design & Dev Community News #4Download

HTML Email Boilerplate

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.
HTML Email Boilerplate in Web Design & Dev Community News #4Download

Create a grid Image Gallery that has intersecting highlights with jQuery and CSS

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.
Create a grid Image Gallery that has intersecting highlights with jQuery and CSS in Web Design & Dev Community News #4DemoDownload

Create a Multi Color and Size CSS3 Buttons

Create a Multi Color and Size CSS3 Buttons in Web Design & Dev Community News #4

CSS3 imageless floating feedback button

CSS3 imageless floating feedback button in Web Design & Dev Community News #4Download

The Periodic Table Of SEO Ranking Factors (Infographic)

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.”
The Periodic Table Of SEO Ranking Factors in Web Design & Dev Community News #4Download

Clickable Table Rows with jQuery

Clickable Table Rows with jQuery in Web Design & Dev Community News #4Demo

Normalize.css

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.
Normalize.css in Web Design & Dev Community News #4Demo

So you think you can build a website? (Infographic)

So you think you can build a website? (Infographic) in Web Design & Dev Community News #4Download

CSS: Elastic Videos

CSS: Elastic Videos in Web Design & Dev Community News #4Demo

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.