CSS3, HTML5, JAVA, PHP

TwitterFacebook
Get flash to fully experience Pearltrees
http://www.tripwiremagazine.com/2012/02/user-interface-design-kits.html 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

8 Best Tools to Make Easy CSS3 Development | Web Insight Lab

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. http://webinsightlab.com/design/8-best-tools-to-make-easy-css3-development/
HTML5

Tutorials HTML5

jquery

http://leaverou.github.com/prefixfree/# -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.

Prefix free: Break free from CSS vendor prefix hell!

CSS

http://tympanus.net/codrops/2011/10/07/draggable-image-boxes-grid/

Draggable Image Boxes Grid | Codrops

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. To make the grid draggable, we used jQuery.kinetic by Dave Taylor . The jQuery plugin allows smooth drag scrolling and it’s just what we need in our grid.
http://www.webdesignerdepot.com/2011/12/web-design-predictions-for-2012/ 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 | Webdesigner Depot

This demo is a simple pinball game that uses several HTML5 technologies along with the Box2D physics engine. It uses HTML5 Canvas element for drawing, and @font-face and WOFF for font embedding. To play, use the arrow keys ( ) .

Canvas Pinball

http://ie.microsoft.com/testdrive/Graphics/CanvasPinball/default.html
http://daftpunk.themaninblue.com/ Loaded 16% 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.

Anatomy of a Mashup: Definitive Daft Punk visualised

http://tutsplus.com/tutorial/build-a-spiffy-quiz-engine/

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.

HTML - Instant search in HTML and other developer documentation

http://www.gotapi.com/html gotAPI.com does not author, host or validate reference content. Search could produce results that some people find objectionable, inappropriate, or offensive. All API/reference/help content and trademarks are property of their respective owners and hereby recognized. Site and reference owners who would like to remove
http://inspectelement.com/ One problem I came into when developing the Origin WordPress theme was integrating the Facebook like box into the sidebar and making it responsive. Turns out, there’s an easy solution with a bit of CSS and a div to enclose the iFrame. Continue reading

Inspect Element - Web Design & Development Blog

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 | Learn Web Design

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

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

In today’s tutorial, we’ll embark on a typical photo excursion, but we’ll be limiting ourselves by only using one lens. We’ll be forced to master all the characteristics of a wide angle lens in order to be productive. But not to worry, our professional guide, Simon Plant, will be there to help!

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

Mozilla Hacks – the Web developer blog

This post got stuck in Drafts without getting published. Publishing now for the record. Tristan Nitot wrote a blog post describing how MDN does documentation the Mozilla way.
rawdesign