A Comprehensive Look at jQuery Selectors By Baljeet Rathi August 02, 2016 This article was peer reviewed by Matt Smith and Tim Severien. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! More from this author A History of CSS Image Replacement Five Ways to Hide Elements in […]
Category: 2016
A list of everything that could go in the of your document
HEAD A list of everything that could go in the <head> of your document Table of Contents Recommended Minimum Elements Meta Meta: Not Recommended Link Link: Not Recommended Favicons Social Facebook / Open Graph Facebook / Instant Articles Twitter Google+ / Schema.org OEmbed Browsers / Platforms Apple iOS Apple Safari Google Android Google Chrome Microsoft […]
HTML5 Elements
HTML5 Elements home This is the global <header> element for this page, including the<nav> element. Global <nav> link within the <header> Global <nav> link within the <header> main header Article header Download the HTML and asset files (ZIP does not include audio or video to reduce file size. You can download them from this page […]
Surprising CSS properties you can use today
filter: sepia(1); – 78% browser support CSS filter effects can be used to apply effects like blur, grayscale, brightness, contrast and hue. I remember a few years ago I was asked to create a blur effect as an element that overlays the page content. CSS was no help as none of the browsers supported blur. […]
CSS Protips
A collection of tips to help take your CSS skills pro. Use :not() to Apply/Unapply Borders on Navigation Add Line-Height to body Vertically-Center Anything Comma-Separated Lists Select Items Using Negative nth-child Use SVG for Icons Use the “Lobotomized Owl” Selector Use max-height for Pure CSS Sliders Inherit box-sizing Equal Width Table Cells Get Rid of […]
CSS Refresher Notes
Table of Contents Positioning Display Floats CSS Selectors Selector efficiency Repaints and Reflows CSS3 Properties CSS3 Media queries Responsive Web Design CSS3 Transitions CSS Animations Scalable Vector Graphics (SVG) CSS Sprites Vertical Alignment Known Issues Positioning CSS Position allows up to 5 different values. But essentially only 4 values are commonly used. div { position: […]