public marks

PUBLIC MARKS from srcmax with tag css

This year

Fitty

Scales up (or down) text so it fits perfectly to its parent container. Ideal for flexible and responsive websites.

ColorMe - Visualize The CSS Color Function

by 1 other
Visualize The CSS Color Function

2016

The State of Front-End Tooling 2016 - Results - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan

About a month ago, I put out the 2016 Front-End Tooling Survey. The response has been phenomenal – to date, 4,715 developers have taken the time to fill it in. Thank you to all of you who have taken the time to do so.

GitHub - philipwalton/flexbugs: A community-curated list of flexbox issues and cross-browser workarounds for them.

by 1 other
This repository is a community-curated list of flexbox issues and cross-browser workarounds for them. The goal is that if you're building a website using flexbox and something isn't working as you'd expect, you can find the solution here.

Atomic Docs

by 1 other
A style guide generator and component manager.

CSS Stats

by 2 others
Webapp to visualize various stats about your css

jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content.

jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content.

Convert Css to React Style JSON by staxmanade

This simple little tool is intended to help translate plain CSS into the React in-line style specific JSON representation.

include-media: Simple, elegant and maintainable media queries in Sass

by 1 other (via)
include-media is a Sass library for writing CSS media queries in an easy and maintainable way, using a natural and simplistic syntax.

SmartUnderline

SmartUnderline works by searching your page for links which have a CSS underline applied with text-decoration, and replaces the text-decoration with a smarter line drawn in such a way that it gets cleared by the descenders—glyphs such as “g”, “j”, and others—creating more readable and beautiful links.

2015

Coloring SVGs in CSS Background Images by Noah Blon on CodePen

I love using SVG in CSS background images but it sucks that you can't alter the fill color easily within your CSS. Here are a few ways around that.

The Shapes of CSS

All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser.

Flickity

Flickity makes galleries, sliders, & carousels that feel lively and effortless.

flag-icon-css

CSS for vector based country flags!

Advanced CSS filters - Vincent De Oliveira

by 1 other
Back in 2011, browsers started to implement CSS shorthand filters from the Filter Effects specification. Basically, at this time, only SVG filters were supported, and Firefox was the only browser that can apply them to HTML content (it's mainly still the case).

Making things move

Making things move When you are a front-end developer

Solved by Flexbox — Cleaner, hack-free CSS

by 1 other
CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don't address the major problems that Web developers have been complaining about for what seems like an eternity. Finally, thanks to Flexbox, we have a solution.