Best playground resources & Tutorials with Demo

How to make a flex responsive template

The flexible box layout is a way of using CSS’s display property in a whole new manner. Block elements stack vertically while inline elements stack horizontally(until they break onto a new line). Flexbox elements

#HTML 5 #CSS2 / CSS3 #Playground

How to build Jquery Autocomplete with Json

Autocomplete, or word completion, is a feature in which an application predicts the rest of a word a user is typing. In graphical user interfaces, users can typically press the tab key to accept a suggestion or the down

#HTML 5 #Playground #Plugins

Form in html5 definitely guide & examples

A webform, web form or HTML form on a web page allows a user to enter data that is sent to a server for processing. Forms can resemble paper or database forms because web users fill out the forms using checkboxes, radio

#Playground #HTML 5

How pure css animation background

Today more than a solution I bring a challenge. I am trying to make an infinite full-screen background animation using only CSS. When we use cover property (for fullscren background image) we do not have a fixed width of

#Playground #Pure CSS #Animation #Backgrounds

Simple Simon Game with Javascript and CSS

Simon is an electronic game of memory skill invented by Ralph H. Baer and Howard J. Morrison,[1] with software programming by Lenny Cope, The device creates a series of tones and lights and requires a user to repeat the

#HTML5 Game #Playground #Animation #HTML 5

Backup Complete Restrictive website with wget

GNU Wget (or just Wget, formerly Geturl) is a computer program that retrieves content from web servers. It is part of the GNU Project. Its name is derived from World Wide Web and get. It supports downloading via the HTT

#PHP #Playground

How to Build Pure CSS Android Logo

Android logo made in CSS3 with hover animations using CSS3 transitions Html  <div class="android">     <div class="head">         <div class="l_ant">

#Playground #Pure CSS #CSS2 / CSS3

Handpicked html5 login form Ready to Use for inspiration

In computer security, logging in is the process by which an individual gains access to a computer system by identifying and authenticating themselves. The user credentials are typically some form of "username" Interface

#UI #CSS2 / CSS3 #HTML 5 #Inspiration #Playground

Make a calculator using Javascript and CSS3

Learn to make a cool looking calculator using Javascript and CSS3. CSS3 box shadows are used to create the 3D effect and transitions are used for the smooth press effect. Basic regex is used for validations and text repl

#HTML 5 #Playground #CSS2 / CSS3

Simulate New Paypal CSS Login Layout

Hello friends I bring a simple experiment to simulate the new PayPal login page. Atention: The use is for learning, not be used for any malicious purpose Html code  <div id="main" class="main " role="main">

#Playground #CSS2 / CSS3

Very Simple Animated Loading Page Layout

This is a simple Layout that use for animated loading page, you only need show and hide #loader div  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans

#Playground #Animation #HTML 5

Vinyl Cover Animation (Pure CSS)

Hi Guys, we take a PUNK :) album vinyl cover, a little HTML, and some CSS3 transitions and transforms Hover to create a  vinyl animation effect for showing off the music you love. index.html The Markup will c

#Pure CSS #Animation #UI #Playground