Best page Web Design, UI Inspiration, 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

Greenery pantone Color of the Year 2017

Greenery is a refreshing and revitalizing tone that symbolizes new beginnings. Greenery is a sparkling, fresh, yellow-green hue that evokes the early days of spring, when the greens of nature revi

#Inspiration

How to create seo friendly url in php

Today I will talk about another key resource to optimize within our site to have a page with possibilities to fight on the search results pages for a keyword. They are URLs, and their importance is vital to SEO, to defin

#SEO #PHP

4K HD wallpapers Mountain

Take your projects to the next level with this glorious mountains photo pack! This collection contains 40 beautiful photographs of mountains from around the world. All images are at least 5000px and were processed in Li

#Freebies #Free Images #4k Wallpapers #HD Wallpapers

Simple HTML5 file uploader with jquery filer plugin

jQuery.filer is a Simple HTML5 file uploader plugin tool for jQuery which change completely file input and make it with multiple file selection, drag&drop support, different validations, thumbnails, icons, instant up

#HTML 5 #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

105 winter Free images Stock Photos by FancyCrave

If you're looking for Winter photos, then this photo pack is for you! This unique photo pack is aimed at designers, bloggers, freelancers, agencies, and creatives who are bored of stale stock photos.  With these p

#Free Images #Freebies #4k Wallpapers #HD Wallpapers

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

CSS3 animation loop Sprite (with keyframes)

Hi guys, I'm going to start a series of tutorials to enter the world of html5 game programming. Today we will learn to animate a sprite using the fantastic power of keyframes (Pure CSS javascript nothing) and as i love W

#CSS2 / CSS3 #Pure CSS #HTML5 Game

Top 10 Free Images Stock for this 2017

This is my top ten list, of best free images stock website for free and public domain images, this list is based on Alexa Global Rank Alexa provides traffic data, global rankings and other information on 30 million webs

#Free Images

bootstrap datepicker plugin

Bootstrap-datepicker provides a flexible datepicker widget in the Bootstrap style. A date picker, popup calendar, date and time picker, or time picker is a graphical user interface widget which allows the user to select

#HTML 5 #Plugins #UI #Bootstrap

Top 10 Best Bootstrap Themes for 2017

Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates. Our top 10 list of the best free bootstrap themes and templates f

#Bootstrap #Inspiration #Free Website Templates

Pure CSS Beautiful Bokeh Christmas lights Animated

In photography, bokeh is the aesthetic quality of the blur produced in the out-of-focus parts of an image produced by a lens. Bokeh has been defined as "the way the lens renders out-of-focus points of light". With this&

#Backgrounds #Textures #Pure CSS #CSS2 / CSS3 #Animation

Pure CSS Flashing Christmas Tree with Sass

Simple Pure CSS Animation Flashing Christmas Tree with Sass. Use this snippet in your Christmas web design project See the Pen Flashing Christmas Tree with Sass by Michelle Barker (@michellebarker) on CodePen.

#Animation #Pure CSS #CSS2 / CSS3

Pure CSS Animation Hover for blissful Santa

Simple Pure CSS Animation on Hover Event. Use this snippet in your Christmas web design project See the Pen Waving Santa by ZeroSpree (@zerospree) on CodePen.

#Animation #Pure CSS #CSS2 / CSS3

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

10 best Photography website for Inspiration

1.Adrian cabrero (Photography & Creative exploration) 2.Maria Schiffer Photography 3.Amy Noel Photography 4. Northlandscapes 5.Theis Bothmann 6.Atmospheric 7.Frank Winjn Photography 8.Innographs

10 best Architecture & Construction Company Website for Inspiration

1.Citak  2.Ven Amsterdam  3.Sergey Makhno 4.GreenWich Peninsula  5.Rob Paulus Architects  6.Cobble Hill 7.Hammer & Hand  8.Audrey Azoura 9.Rosedal Fastigheter 10.Ar

10 best Spa Salon & Beauty Shops Website for Inspiration

1.Lemon Spa y Yoga beauty  2.Beauté 3.SunKissed Salon 4.La Maison  5.Dtox Day Spa  6.Town Center Salon  7.Nüva 8.Belfioré 9.Beauty Bar 10.Clinique 

jQuery-Mask-Plugin

jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone nu

Understanding Retina Images in HTML Email

Apart from the onslaught of screen sizes, the mobile revolution introduces another interesting challenge for email designers: high-DPI displays. These displays, often referred to as Retina displays (a term coined by the

#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

10 Cool one page Music Website for Inspiration

Hi Friend check this music one page website for inspiration  1- All in  2- Darkly   3- The Black Years  4- Fake Music 5- Tom Odell  6- Envato Market 7- Donguri Music 8- M

10 Cool one page Restaurant Website for Inspiration

Hi Friend check this restaurant one page website for inspiration   1."El burro"  2."Sugarfire pie"  3. "Rosewater MV"  4." The Bancroft" 5."Rosebud American Kitchen & Bar"  6."

#Inspiration

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

how to make a calculator in 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

Reveal Animations When Scrolling — WOW.js

WOW.js is a JavaScript plugin that reveals animations when you scroll. Very Animate.css Friend.

#Animation #HTML 5 #Plugins