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

Web Design & Dev Community News #7

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!

The future of CSS layouts

After years of promise, CSS3 has finally arrived in style (if you’ll pardon the pun). It’s added a whole new array of tools to our front-end toolbox, giving us rounded corners, gradients, opacity, transformations, transitions, animations and much more. But now that we have the fun stuff, the eye candy, what’s next?
The future of CSS layouts in Web Design & Dev Community News #7

More logo markup tips

Some nice little tips and snippets for making the most of your markup and creating a nicer UX around it.
More logo markup tips in Web Design & Dev Community News #7

Content Rotator with jQuery

This fancy content rotator shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.
Content Rotator with jQuery in Web Design & Dev Community News #7Demo | Download

Animating CSS3 Transforms with MooTools Fx

The post presented two ways, a pure CSS method or MooTools-powered class, to duplicate Google+’s elegant photo stack animation.
Animating CSS3 Transforms with MooTools Fx in Web Design & Dev Community News #7Demo

CSS3 Transitions Without Using :hover

Up to this point, the most common use for CSS3 Transitions has been in conjunction with the well-known CSS :hover pseudo-class.
CSS3 Transitions Without Using :hover in Web Design & Dev Community News #7Demo

Expressive Web

This site is a resource and showcase of some of the newest, and most expressive features being added to the web today.
Expressive Web in Web Design & Dev Community News #7

Cross-Browser CSS in Seconds with Prefixr

Simply paste in your stylesheet, press Prefixize (or hit Control + Enter), and Prefixr will filter through the applicable CSS3 properties and dynamically update them.
Cross-Browser CSS in Seconds with Prefixr in Web Design & Dev Community News #7

Bubble Slideshow Effect with jQuery

Today we will be building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it.
Bubble Slideshow Effect with jQuery in Web Design & Dev Community News #7Demo | Download

Die Hard Quadrilogy (Infographic)

Die Hard Quadrilogy (Infographic) in Web Design & Dev Community News #7

CSS Crush

An extensible PHP based CSS preprocessor
CSS Crush in Web Design & Dev Community News #7

VHIA by Garage Monkey

Vhia, a tribute to the 90’s S.F movie
VHIA by Garage Monkey in Web Design & Dev Community News #7Download

jQuery Boilerplate

Contains lots of comments to help you get going easily. It is truly object-oriented, it implements public and private methods as well as public and private properties, making it the ideal candidate for when building both simple and complex jQuery plugins.
 in Web Design & Dev Community News #7Download

Screenfly

Screenfly allows you to view your website on a variety of device screens and resolutions. Enter a URL and click on GO to get started.
Screenfly in Web Design & Dev Community News #7

JavaScript screenshot creator

The whole screenshot is created with JavaScript. The only server interaction that is happening on this page is the proxy for loading the external pages/images into JSONP/CORS enabled page and onwards onto the JavaScript renderer script.
JavaScript screenshot creator in Web Design & Dev Community News #7

Adobe Edge

Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.
Adobe Edge in Web Design & Dev Community News #7

Tabbed table

A gorgeous tabbed table complete with drop-down menus and ratings.
Tabbed table in Web Design & Dev Community News #7Download

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.