The aim of these tests is to check which combination of :focus, :hover and :active works best in order to suppress the outline when an image-replaced link is clicked with the mouse, but leave it visible for keyboard users tabbing through the page…
Articles in the ‘Tools’ Category
-
Better CSS Outline Suppression
Posted: 2 years ago in Tools
Read More: Better CSS Outline Suppression
-
eCSStender – Use CSS3 in All Browsers
Posted: 2 years ago in Tools
Extensions built with eCSStender greatly simplify the design process because you can author modern CSS using advanced selectors, properties such as border-radius, or custom font faces and rest assured that your design will work… even in IE6. To see what you can use today, browse the extensions. To use the extensions, download eCSStender and include it and your extensions in your site…
Read More: eCSStender – Use CSS3 in All Browsers
-
LESS CSS Plugin for Coda
Posted: 2 years ago in Tools
A Cocoa-based app that runs inside Coda and provides a GUI for the LESS compiler, which is a command-line tool that parses LESS syntax into standard CSS. It runs the command-line tool on all .less files within your website’s local directory, either when you click a button or automatically as you save each .less file — your choice. This happens in the background, so you never have to leave Coda or stop working…
Read More: LESS CSS Plugin for Coda
-
CSS Redundancy Checker
Posted: 2 years ago in Tools
Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant…
Read More: CSS Redundancy Checker
-
Atatonic CSS framework
Posted: 2 years ago in Tools
Lately there are more and more CSS frameworks popping out of ground. My issue with most of them is that they mainly focus on the grid. All the other options are added in later. This framework has it's main focus on typography. Vertical rhythm is one of the most important things in design, so why not start your perspective from that angle?To make my life easier as a developer I added grid support in the Atatonic CSS Framework. Its works like any other grid system, but with only about 10 lines of css…
Read More: Atatonic CSS framework
-
All CSS Properties Listed Alphabetically
Posted: 2 years ago in Tools
Read More: All CSS Properties Listed Alphabetically
-
10 Tips for Writing Better CSS
Posted: 2 years ago in Tools
Writing your first piece of css code can seem really weird if you’re used to working with tables, or just haven’t written code before. In this article I want to talk about 10 different ways you can write proper and clean css code as well as streamline the process and ensure you’re getting the job done as quickly and efficiently as possible…
Read More: 10 Tips for Writing Better CSS
-
A Dash of Rosemary on Your CSS
Posted: 2 years ago in Tools
Rosemary is an open-source modular cascading filter-based modification system for CSS files; or commonly recognized as the acronym, OSMCFBMS4CSS. Your CSS files are run through a series of filters that modify it one after another. These filters can be toggled on/off, rearranged, or all of them disabled completely to give you raw output. It provides a scalable CSS wrapper that you can continue to use no matter what version of CSS is supported (or unsupported)…
Read More: A Dash of Rosemary on Your CSS
-
CSS Properties Index
Posted: 2 years ago in Tools
What would HTML be without CSS? And what is an index of all HTML elements without an index of all CSS properties? To fix the latter I indeed proudly present a continuously updated index of all properties specified in CSS 1, CSS 2, CSS 2.1, and even CSS 3, including all initial values as well…
Read More: CSS Properties Index
-
Generate CSS with Vertical Rhythm
Posted: 2 years ago in Tools
Read More: Generate CSS with Vertical Rhythm