Best page Web Design, UI Inspiration, resources & Tutorials with Demo
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
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
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
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
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
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
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
Autocompletion with HTML5 datalists
A DATALIST element gets an ID attribute and contains numerous OPTION elements, just as a SELECT element would:
<p>Type php for view example</p>
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.
The Markup will c
#Pure CSS #Animation #UI #Playground
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
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
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 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.
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
#HTML 5 #CSS2 / CSS3 #Gallery #UI
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
Simple guide to show and hidden errors in php.
//Show All Errors
//All Errors Except E_NOTICE
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
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.
#Free Images #Freebies #Backgrounds #Textures
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
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.
$langCode = subst
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
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
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
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
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 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
#PHP #CSS2 / CSS3
Responsive web design is the way to go these days and with so many screen sizes from desktop and on down to the smartphones, making use of some design frameworks can make things really easy in developing sites quickly.
Material Design Responsive Table
You can use this table in Bootstrap (v3) projects. Material Design Responsive Table CSS-style will override basic bootstrap style
Material Design Responsive Table
You can us