Best html- Web Design, UI Inspiration, resources & Tutorials with Demo

what is dynamic html

Dynamic HTML is an ex Styciting feature that allows for the dynamic presentation of web page formating. Web graphics and predesigned web interactions. Traditionally, conventional Web Page content was very difficult to m

#HTML 5

CSS class vs id

Class and Id are two ways to describe HTML/XHTML basic elementes like <div>,<p>,<ul> A class selector is name preceded with (".") and ID selector preceded by ("#"). #selector { color: gre

#CSS #CSS2 / CSS3

Pure CSS Shapes

CSS3 is great, check how you can create variated geometric shapes, with only CSS code. The most powerfull is by after and before selectors.

#Pure CSS #UI

php resize image recursive

I write this script one day that I had the need to resize a huge amount of images that were inside several folders and I needed to maintain the original directory structure. As a solution I made a PHP command line script

#PHP #Photographer

20+ PureCSS Call-to-Action Animated Buttons for inspiration

A call to action  is an instruction to the audience to provoke an immediate response, usually using an imperative verb such as "call now", "find out more" or "visit a store today". Having an effective call to action

#Buttons #Inspiration #Pure CSS #CSS2 / CSS3

What is Call to Action

A Call to Action or CTA (also called a call to action) is a button or link located on our site that seeks to attract potential customers and convert them into final customers, usually through a form on a landing page o

#HTML 5 #UI #Free Website Templates #Inspiration

CSS Forms Templates

CSS forms are an important part of any website, a good form will allow our website to have a high conversion rate. Today shared with you, this best CSS Forms templates for use in you site. Only press EDIT button to view

#CSS #HTML 5 #PHP #UI

Material Design Web Form

Collection of free HTML and CSS Material Design form code examples: Great Examples of Lite Design, Contact Form, Login and Register UI for inspiration Material Design Form Inputs Responsive Material Design For

#UI #HTML 5 #CSS #Inspiration

Best json beautifier

Free resourses to convert your minified JSON code into human readable and understandable format. Json is an open-source file format that uses human-readable text to transmit data objects that consist of pairs of value-a

#Ajax

CSS first-child, last-child and nth-child in one Example

When we need access through a specific DOM element with CSS, these selectors may be useful :first-child The first-child pseudo selector matches the first element directly inside its containing element firts-child Usag

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

Pure CSS Text Animation effects

Check this cool css3 text animations that you can use in your webs. HTML5 creative text animation that you can copy and paste from owr code editor. With Pure CSS and HTML you can create simil after effect text animation

#UI #HTML 5 #Pure CSS #CSS

HTML code CSS Background Image Property

The background-image property defines the background image of an element. The background of an element is the total size of the element, this including padding and border. We will demonstrate its use through a series of

#CSS #CSS2 / CSS3 #Pure CSS

Pure CSS Arrows

Curated Collection of free HTML and CSS arrow  source code examples: css arrow shape, triangle, line, buttons, animated CSS Triangle Shapes We can create simple triangular shapes with css using its border property

#Pure CSS #HTML 5

More Popular CSS Reset

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. All browsers contain default styles, learn how to reset the styles i

#HTML 5 #CSS #CSS2 / CSS3

15+ Pure CSS Image Hover Examples

Image Hover effect is mostly used in designs for improving styling and usability. Hover effects add extra info to websites and enhance the experience of the users. If you are a web designer and looking for some great PU

#CSS2 / CSS3 #Pure CSS #HTML 5

Wordpress change url (mysql query)

I asked myself many times: Can you change your WordPress domain later? How do you change your website URL?. If you need change url site from you worpress site, and you have mysql cpanel access, the best way is run this S

#Wordpress

AngularJS - Problem & Solutions

Update parent scope variable in angular app.controller('ctrlParent',function($scope){ $scope.parentprimitive = "someprimitive"; $scope.parentobj = {}; $scope.parentobj.parentproperty = "someproperty";

#HTML 5

Best Dafont Fonts Selection

Dafont.com is Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity. we want to show you a selection of the most used sources of this fabulous site dafont Top free f

#UI #Inspiration #Freebies

HTML Colors Name & Code

HTML Color Picker, hexadecimal codes for more representative HTML Colors. With flat design, design graphic materials and web colors sure to find the perfect combination of colors for your website or application. html co

#HTML 5 #CSS

cursor css pointers examples

The CSS property: cursor specifies the type of cursor that will be displayed when it is on an DOM element. Cursor Use example  <p style="cursor:hand">ELEMENT</p> Values Look Example defaul

#CSS2 / CSS3 #CSS #UI

Hamburger Responsive Menu (Pure CSS)

FullScreen Responsive Menu (Pure CSS), this is the first of multiple components that we will develop for use in our own simple css Framework. It can be used with only grid system bootstrap template or in any project

#Pure CSS #Modal #Menus #CSS2 / CSS3

+50 free bootstrap mobirise templates

Mobirise is a free offline app for Window and Mac to easily create small/medium websites, landing pages, online resumes and portfolios, promo sites for apps, events, services and products. Mobirise Template is a free boo

#Bootstrap #Free Website Templates #Freebies #HTML 5

How to User Cordova Camera Plugin

Cordova Camera Plugin provides access to the device's (IOS/ANDROID) native camera application. Is used for getting the picture from camera or existing gallery in cordova applications. After taking a picture we can use FI

#Mobile #Plugins

Responsive Device Switch Template

Hello Friend, Responsive design can improve user experience which will translate into a positive perception of your brand and business. If your customer can access your website easily on all platforms, they’re more

#Inspiration #Free Website Templates #UI #Mobile

Simple HTML5 Form Hacks

This is a guide to the best HTML5 form input hacks.   Allow enter only number <input type="text" oninput="this.value = this.value.replace(/[^0-9]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1');" &g

#HTML 5

How htaccess Redirect HTTP to HTTPS automatically

If you have a secure certificate (SSL) on your website, you can automatically redirect visitors (HTTP) to the secured (HTTPS) version of your website to make sure their information is protected. Using .htaccess (Linux -

#Security

Special Christmas html5 Code Snippets

If you want to dress up your website for Christmas these html5 code snippets are just the thing for you. Pure CSS Happy holidays See the Pen Happy Holidays! by Ana Travas (@anatravas) on CodePen. Html5 XMAS preloade

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

The new Firefox. Fast for good v57.0

The new Firefox. Fast for good. Today we’re thrilled to introduce you to our brand new browser — Firefox Quantum. What you’ll notice first is that the new Firefox is blazing fast. In fact, you’l

#Freebies

How to get geolocation in javascript

Geolocation using Ipinfo.io API   Ipinfo.io is a free (for the first 1,000 requests per day) IP information web service providing geolocation, hostname, organization and other data types. The ipinfo.io API returns

#HTML 5 #Ajax #Plugins

how to create a beautiful fullscreen single scrolling page

Created as a side project, fullPage.js is a jQuery and Javascript open source library to create full screen scrolling websites. Used and trusted by companies such as Google, McDonalds, EA, Vodafone and British Airway, it

#HTML 5 #Animation