The General Sibling Selector ~ selects all elements that are siblings of a specified element. The following example selects all <p> elements that are siblings of <div> elements: The Adjacent Sibling Selector + selects all elements that are the adjacent siblings of a specified element. The following example Continue reading s What is the difference between ‘+’ and ‘~’ sibling selectors?
Both em and rem units are based on the font-size CSS property. The only difference is where they inherit their values from. em units inherit their value from the font-size of the parent element rem units inherit their value from the font-size of the root element (html) In most browsers, the font-size of the Continue reading What is the difference between em and rem units?
CSS sprites combine multiple images into one image, limiting the number of HTTP requests a browser has to make, thus improving load times. Even under the new HTTP/2 protocol, this remains true. Under HTTP/1.1, at most one request is allowed Continue reading What are the advantages of using CSS sprites and how are they utilized?
jQuery tabs are often covered but also often used, and like the scrolling trick above it’s important to know how to do these without a plugin. The first thing to do is write our markup, which should be perfectly presentable Continue reading Jquery – Add Tabs without a Plugin