CSS3, HTML5, JAVA, PHP

Facebook Twitter
Save form values script We have all had it happen. You spend ages filling in an online form, but before you can send it, your computer crashes, or you try to send it, but your internet connection fails, or you hit the exit button by accident. In all cases, you have just lost all the work that you put into filling in the form. That is what this script is designed to prevent. It saves all the options that you chose, and all of the text you wrote, so that in the event of you losing it all, you can recover it later, just by opening the page again, or by clicking on a button. Save form values script
Floating header
50 Free and Premium Attractive User Interface Design Kits | UI Kits Designing a website is a time consuming task. This is especially true if you start from scratch and create every element that you want to put on your web project. Good thing there are user interface design (UI) kits. UI kits allow you to prototype your conceptual ideas and develop them until you arrive at the final web design setup your client needs. With UI kits, you can make a uniform design for each web page quickly and easily.

50 Free and Premium Attractive User Interface Design Kits | UI Kits

3D Image Transitions | Demo Studio | Mozilla Developer Network

8 Best Tools to Make Easy CSS3 Development

CSS or cascading style sheet is basically a style sheet language that is used to describe the presentation semantics or the looks and formatting of a document. This document is written in a mark-up language. One of its basic uses is to style the web pages that are either written in HTML or XHTML but this language can also be applied to any other kind of document. CSS also does a major job that is it separates the content of the document from the presentation of the document and in addition it also includes features like layouts, colors and fonts. 8 Best Tools to Make Easy CSS3 Development
HTML5

Tutorials HTML5

jquery

Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player. Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video. HTML5 Video Player | Video.js HTML5 Video Player | Video.js
Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile. If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix. In older browsers like IE8, nothing will break, just properties won’t get prefixed.

Prefix free: Break free from CSS vendor prefix hell!

CSS

Build a Spiffy Quiz Engine | Tuts+ Premium | The best way to learn creative and technical skills. Build a Spiffy Quiz Engine | Tuts+ Premium | The best way to learn creative and technical skills. The first official Nettuts+ quiz was a massive success with an impressive number of developers participating and evaluating their knowledge. There were a non-trivial number of comments asking how the mini quiz engine was built. And lo and behold! That’s what we’re gonna learn today. A Word from the Author Quizzes are a great way to engage the community — just take a look at our recent quiz.
With all of its tools and functions, attempting to learn Photoshop can be an intimidating prospect. In this course Photoshop expert, Dave Cross, will help you learn to use the tools and techniques that are essential in any photography Photoshop workflow. You won’t learn about every single tool and menu, because you don’t need to! Tuts+ Premium | The best way to learn creative and technical skills.

Tuts+ Premium | The best way to learn creative and technical skills.

Inspect Element - Web Design & Development Blog Aura: A Free Theme for Ghost If you’ve been living under a rock lately you will have missed the launch of the new blogging platform, Ghost. I got in early by backing it on Kickstarter but I didn’t get a chance to look at creating a theme for it until a couple of days ago.

Inspect Element - Web Design & Development Blog

50 Premium PHP Script I gathered here 50 various Premium PHP Script created for all the cases you should ever need – booking system, sign-up forms, AJAX contact form, jQuery, e-mail signup forms, Event calendar, file uploads and much more. All of these forms also come with good user interface and design.Using it and you spend your time another important thing. 1. 50 Premium PHP Script
Documentation | Spritely Spritely is a simple plugin with only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a 'sprite' image contains two or more 'frames' of animation, whereas a 'pan' image contains a continuous image which pans left or right and then repeats. Typically, in either case, you would use a png file (with or without transparency) for this. You might wish to use a transparent gif for Internet Explorer 6, though it probably won't look as good. Your html elements must already be the correct size you want the sprite to appear, but the background image will typically be larger than the html element, and the spritely methods reposition the background image within the html element.

Documentation | Spritely

Draggable Image Boxes Grid Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area. View demo Download source The main idea for this template and its effects comes from the beautiful Flash-based website of Stephen Hamilton.
Everything changes. The Internet and web design are certainly no exceptions to the rule. As we move through the days and months ahead, it’s likely that in short time we’ll find ourselves talking about new design developments that haven’t rolled across our lips or screens yet. We asked some of the leading web and user experience designers in the field for their predictions about what we might expect to see in the web design world in 2012. Joining us are: Adelle Charles, Whitney Hess, Lis Hubert, Randy J. Web design predictions for 2012
Periodic Table of the Elements - Josh Duck
B2world sez: Hi this is a b2 object!We're running!DebugLog v1.0 Sponsored by border-radius Canvas Pinball (Draft)

Canvas Pinball

Loaded 0% of sound data A mashup is a song created by blending two or more other songs. The more complex a mashup gets, the harder it is to distinguish the parts that are being used to create what you're hearing. This visualisation of the song "Definitive Daft Punk" by Cameron Adams dissects a mashup in realtime to show you how each of the 23 parts contributes to the greater whole. Better performance in Chrome or Safari Get the new Daft Punk album!

Anatomy of a Mashup: Definitive Daft Punk visualised

Responsive design

rawdesign

If you are a Google plus user, I am sure you will fall in love with Google plus circle animation. Google plus given an awesome user experience, specially circle’s animations. When I saw the rotation animation first time in Google plus, I was so excited to create my own rotation animation like Google plus. I have been working in these days to develop circle rotation animation effect with Jquery and CSS3. I have tried circle rotation animation effect with Jquery and CSS3. Just few lines of code applying CSS styles using jQuery methods like .addClass() and .animation(). Google Plus Circle Animation With Jquery and CSS3 in Your Website — Tech Blog