HTML/CSS Tutorial

CSS Geometric Shapes

Submitted by alpha_luna on
We all know that CSS stands for (Cascading Style Sheets). It can manage the layout of your multifarious web pages at once… And it saves a lot of jobs. In this tutorial, we are going to learn about on CSS Geometric Shapes. We can make it without using images. Most of them are draw using CSS. This is for the beginners.

How To Make Grid and List View Option Using HTML/CSS

Submitted by alpha_luna on

Good Day!!!

In this tutorial, we are going to learn How To Make Grid and List View Option. In this project, you can manage your content easily by viewing optionally. We have two types to view our content. We have Grid and List View in this project. For the ListView, it is item-by-item of records of names, things and others in our content or in the linearly ordered data structure. For the GridView, is a versatile control used to accept and display on a web page.

Animation Timing Function in CSS3

Submitted by alpha_luna on

Good day!

In this tutorial, we are going to learn about animation-timing-function. What is animation-timing-function? animation-timing-function property specifies the speed curve of the animation. The speed curve defines the amount of time an animation uses to change from one set of CSS styles to another. Syntax of this property: animation-timing-function: linear | ease | ease-in | ease-out | ease-in-out | cubic-bezier (n,n,n,n) | initial | inherit ; Property Values

How to use for Loop Structure

Submitted by GeePee on
The following java program application uses a for Looping Structure. The initial statement, loop condition, and update statement are enclosed within parenthesis and control the body of the for statement. Note that the for loop control statements are separated by semicolons and that the body of a for loop can have either a simple or compound statement. .

DateTimePicker Using Twitter Bootstrap

Submitted by GeePee on
In this tutorial, I'm going to show how to use the datetime picker using bootstrap framework. Datetime picker, allows user to select Day, Month and Year as well as the time picking for Hour and Minute. This time lets start building this project. But before this, make sure you have already downloaded the bootstrap-datepicker. Next, let’s create an html file. And will save it as “index.html” inside datepicker folder in our localserver.

Notification Box in CSS - #1 HTML & PHP

Submitted by Yorkiebar on

Introduction:

This tutorial is on how to make a notification box for your website. This is the first of two parts, in which we will be creating the HTML and setting the messages.

Notification Box?

When I say a notification box, I mean one of those smooth and sliding information boxes which sometimes appear under certain circumstances on a website at the top of the page. Normally stating that the web page uses 'cookies'.

HTML:

First we want to create the HTML for our page.

Parallax Scrolling #2 - CSS

Submitted by Yorkiebar on

Introduction:

This tutorial is the second part of my Parallax Scrolling mini-series tutorial in which we are going to be using CSS styling to style our required tags and classes.

CSS:

CSS is Cascade Style Sheets and are used to styling elements in HTML to make their visual appearance more appealing.

Internal:

I am going to be using internal CSS for this tutorial which means I only require the single HTML page. To achieve this, I am going to write some style tags within my head tags of my HTML page.