https://www.startupcto.com/ 2026-04-29T01:34:48+00:00 https://www.startupcto.com/ https://www.startupcto.com/lib/tpl/scto/images/favicon.ico text/html 2023-07-25T05:28:44+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.startupcto.com/front-end-tech/css/best-practices?rev=1690262924 Basic CSS Reference This is a quick 'cheat sheet' for CSS (Cascading Style Sheets). Selectors * selector: The selector defines which piece of the document will be selected (e.g. to select all <p> tags with a class of foobar, you'd use p.foobar {} text/html 2023-10-20T20:27:21+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.startupcto.com/front-end-tech/css/home?rev=1697833641 Cascading Style Sheets css index text/html 2023-11-01T08:04:49+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.startupcto.com/front-end-tech/css/image-replacement-technique?rev=1698825889 CSS Image Replacement There are quite a few cases when you'll want to use an image for a headline, section header and the like, but want to keep a text 'backup' so that search engines and screen readers can understand what the headline says. You can do this with a text/html 2023-10-20T20:41:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.startupcto.com/front-end-tech/css/multiple-buttons-one-image?rev=1697834498 Using One Image for Multiple Buttons (Sprites) Each time you put an image in your HTML, your browser makes a request to the web server, which then serves that image file to the browser so it can be displayed. Those requests are expensive, so some people have started putting multiple small images (such as images for buttons or icons) into one larger image file, and then using background positioning to display only the appropriate part. That way, the browser only has to make one request to the we…