Best page Web Design, UI Inspiration, resources & Tutorials with Demo

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

Android & Ios WordPress Theme inspiration for you next app

Ray WordPress Theme for mobile apps. Elegant objects and background’s animation, neat execution, attention to details and the broadest settings spectrum – all these make this template to be the best suited f

#Freebies #Inspiration

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

Top 50 Best Free Stock Images of 2015

2015 was a very creative year. Many photographers were encouraged to share his art with free images. I want to share a selection of the best free photos of the 2015 year (for me);  

#Photographer #Free Images #Freebies #Inspiration

How to Smooth Scrolling Navigation With jQuery in 3 easy steps

Smooth Scrolling is a technique which reduces the sudden jumps in display while scrolling. The content will appear to seamlessly flow in and out of the screen as you scroll. Many browsers ship with it, but it can also be

#HTML 5 #Animation #Menus

Meddo The lightest PHP database framework to accelerate development

Medoo is extremely lightweight with only one file, easy-to-use, easy-to-learn, and optimized for high performance to increase the development experience and user experience for web application. It`s suitable for every PH

#PHP

How to Weather with PHP & openweathermap in 3 easy steps

OpenWeatherMap service is developed by team of IT specialists who have 10+ year expertise in development and applying of telecommunication solutions, experience in development and utilisation of Big Data technologies in

#PHP

Sending Emails in PHP (2 ways)

In this article we’ll talk about why you should use mail() function or PHPMailer for send email in php, and we’ll show some code samples on how to use it's Using mail() function PHP makes use of mail() func

#PHP

How to build animated fixed menu with css3 & jquery

Fixed menus are a definitive a great ux resource for our website. They look good, and they are also super useful for visitors. Today, I’m showing you how you can create a very simple fixed menu with CSS3 transition

#CSS2 / CSS3 #HTML 5 #Menus

Only Responsive Grid System Bootstrap Template

I use Bootstrap in many responsive projects only for their grid system but normal distribution download have as minimun 118kb (boostrap.min.css). In getbootstrap.com is possible to customize Bootstrap's compone

#HTML 5 #Bootstrap

Html5 Cool Tips snippets that maybe you dont know

Autocompletion with HTML5 datalists A DATALIST element gets an ID attribute and contains numerous OPTION elements, just as a SELECT element would: Run Code <p>Type php for view example</p> <input name=

#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

Responsive Slide Toggle Menu

Responsive Slide Toggle Menu, Click on the hamburger menu icon to slide down the navigation menu by  See the Pen Responsive Slide Toggle Menu by Philippe (@Philippe_Fercha) on CodePen.

#Animation #Menus #UI

HTML5 Circular Progress Button by Codrops

A tutorial on how to implement the circular progress button concept by Colin Garven. We are using the SVG line drawing animation technique as described by Jake Archibald to animate the circular progress and provide a suc

#UI #HTML 5 #CSS2 / CSS3 #Buttons #Loading

Free Photographer Website Template

Jops Photographer is a Free Template for Photographer Portfolio or Gallery, Fashion photographers personal site, freelancers, artists etc.. It can be customized easily to suit your needs. This Web Template is built

#Free Website Templates #Photographer #Freebies #HTML 5

Pure CSS Apple Devices Playground

Pure CSS Apple Device Generator (purecssapple.com) is a playground micro site to Create an Apple device with only CSS. No image, just code. iMac, Mac Book, iPad, iPhone version 4, 5 and 6 included.

#Pure CSS

Simple Responsive Image Gallery

Hi..Today I share with you a responsive gallery that was design using the Magnific Popup  plugin and some CSS code which use in my projects. Plugin: Magnific Popup Pics: photostockeditor.com index.html

#HTML 5 #CSS2 / CSS3 #Gallery #UI

Pure CSS Simple Metro Station Map

Today we’d like to share some CSS3 experiments with you. The idea is to use some CSS3 selectors as ::after & ::before and transform property in different scenarios. In this post, we’ll give an overview of

#CSS2 / CSS3 #UI #HTML 5 #Pure CSS

Show / Hide PHP Errors

Simple guide to show and hidden errors in php.   //Show All Errors error_reporting(E_ALL); ini_set('display_errors', 1); //Hide Errors error_reporting(0); //All Errors Except E_NOTICE error_reporti

#PHP

Simple HTML5 Page Structure

HTML5 is a markup language used for structuring and presenting content on the World Wide Web Use this simple page structure for start any html5 projects  <!DOCTYPE HTML> <html> <head> <

#HTML 5

12 Free HD Metal Textures Backgrounds Vol1

Hi guys, today we have selected for you  12 great metal Textures with Public Domain License, You can use this background without attribution in digital and printed form, even for commercial applications. This colle

#Free Images #Freebies #Backgrounds #Textures

Nifty Modal Window Effects by Codrops

A set of experimental modal window appearance effects with CSS transitions and animations. Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appea

#Modal #CSS2 / CSS3 #Animation

How get web browser preferred language with PHP

This function is a lightweight script to detect and handle user languages based on the $_SERVER["HTTP_ACCEPT_LANGUAGE"] data the browser sends to the server.   function getlanguage() { $langCode = subst

#PHP

Mobile detect with PHP

Today it is essential to detect whether a user is visiting a page from a cell phone mobile or a desktop PC to give you a better browsing experience A simple way is use $_SERVER["HTTP_USER_AGENT"] php variable Simple ex

#PHP #Mobile

Wobbly Slideshow Effect by Codrops

The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths. Today we’d like to share an experimental slideshow effect

#Plugins #Slider

How to Create a Pure CSS Dropdown Menu by webdesignerhut

In today’s tutorial I’ll take you over the steps of creating a pure css dropdown menu. We’ll be using CSS2.1 properties mostly. Altho I’ll show you an extra little trick to add a + icon to those n

#Menus #Pure CSS #CSS2 / CSS3

How To Program SEO Friendly URLs using PHP

A friendly URL is a Web address that is easy to read and includes words that describe the content of the webpage. This type of URL can be "friendly" in two ways. 1) It can help visitors remember the Web address, and 2) i

#PHP #SEO

The secret to designing website layouts without CSS floats

If you have been designing for the Web at all over the past decade you are undoubtedly familiar with the CSS float property. Since the industry (thankfully) adopted the principle of tableless layouts, floats ha

#CSS2 / CSS3 #UI

jquery.parallax Plugin

jQuery parallax provides a cool 3D panorama moving animation effect (simillar to what Android users experience on the start screen). With creative approach you may add a nice effect to your website (for example you may c

#Plugins #UI