Home > UI/UX Development (Page 5)

CSS depended property

In CSS some css property which depend on other property value. They are related each other and works in together. Following CSS category will include dependent property are they Background Property Border Property List Property Position Property Table Property Background Property The background property in CSS allows you to control the background of any element like image

This Article is TAGGED in . Read more

What is the difference between jQuery HTML/CSS methods width(), innerWidth(), outerWidth() and outerWidth(ture)?

Definition: width(): This method gives width of the selected element (excluding padding, border and margin). innerWidth(): This method gives width of the selected element (including padding, excluding border and margin). outerWidth(): This method gives width of the selected element (including padding and border, excluding margin). outerWidth(true): This method gives width of the selected element

This Article is TAGGED in , , , . Read more

jQuery: Difference between selectors :first, :first-child and :first-of-type

Definition: :first – use this selector to select first element. This selector select only one single element from all related elements available on the page. :first-child – use this selector to select all first child elements from each parent. :first-of-type – use this selector to select all first child elements, of a specific

This Article is TAGGED in , , , , , . Read more

TYPES OF HTML ELEMENTS AND TAGS

Types Of Elements: Block Level: Block elements are meant to structure the main parts of your page, by dividing your content in coherent blocks wth full width. paragraphs <p> lists: UL and LI headings <h1> to <h6>, articles <article> sections <section> long quotes <blockquote> Division <div> Form <form> Table <table> Inline Level: Inline elements are meant to differentiate part of

This Article is TAGGED in , , . Read more

How to set background image position for all browsers in CSS? Specially for Safari browser.

CSS: div{                    width:600px;                    height:400px;                    border:5px solid black;                    background-image: url('image.jpg');                        /*Add your image path here*/                    background-repeat: no-repeat;                    background-position: right 75% center;                   /*For all browser except Safari*/                    background-position-x: 25%;                                      /*For support all browsers with Safari browser*/                   background-position-y: 50%;                                      /*For support all browsers with Safari browser*/                   margin:0 auto; } DEMO

This Article is TAGGED in . Read more

jQuery: Difference between remove() and detach() methods

Definition: remove() – Removes all child elements with selected element. In this method you can restore all data but not event handlers of the removed elements from the DOM. All data and events related with elements will be removed. detach() – Removes all child elements with selected elements. Even though it keeps

This Article is TAGGED in , , . Read more

jQuery: Difference between parent(), parents() and parentsUntil() methods.

Definition: parent() – Use this method to get direct parent element of the current selected element. parents() – Use this method to get all parent elements of the current selected element. parentsUntil() – Us this method to get all ancestor elements between the selector and the parameter you have selected in the parentsUntil()

This Article is TAGGED in , , , . Read more