That’s the “color function” from a draft spec from the CSS working group. I think it’s all about making colors a little easier and more intuitive to work with. Looks awesome to me, as someone who uses Sass color manipulation functions quite a bit.… Read article “ColorMe / CSS Color Level 4”
DetailsEtsy moves away from an icon font in production to using SVG. It’s going to be an inline
DetailsWhat if I told you that you could build a Static Site Generator with your own custom CMS without the need for a database? Not just that, but we can get to Hello World! in under … Read article “Build a Custom CMS for a Serverless Static Site Generator”
DetailsStatic Site Website Generators have been getting increasingly popular within the last 2 years. Much has been written (like this and this) and there have been many great open source projects and even funded companies launched to help you get up and running.
DetailsJon Moore documents a trend in which designs opt for non-rectangular headers. Slants, rounded bits, image crops, even weird jagged polygons. I mean c’mon, what kinda site would put a weird jagged polygon as a header? … Read article “Non-Rectangular Headers”
DetailsInspired by Robert C. Martin’s book Clean Code, Ryan McDermott put together a repo with some software engineering best practices as they apply to JavaScript in particular. The repo has tons of great guidelines for beginning programmers, and good reminders for seasoned maintainers.
DetailsI stumbled into an interesting problem the other day. I wanted to animate an element with a random animation-duration. … Read article “Random Numbers in CSS”
DetailsKayce Basques wrote an excellent interactive tutorial that explores how to debug JavaScript with DevTools. Kayce looks into a number of techniques and options that I was completely unaware of and, as he notes in the beginning of the tutorial, if you’re still using console.log to find bugs in your code (like me) then this article is written just for you (also me).… Read article “Get Started with Debugging JavaScript in Chrome DevTools”
Details