Deliver your best work with the help of monday.com

(This is a sponsored post.)
Here’s the situation: You’ve bashed out a complicated design over two weeks of near full-time effort, gotten everything down to the exact spec of the design file, turn it in for stakeholder review and… you’re way off scope. Turns out a few folks on the team put their heads together, made some changes, and never sent you an updated comp.
Boo!
The unfortunate truth is that this happens all too often in front-end development, … Read article
The post Deliver your best work with the help of monday.com appeared first on CSS-Tricks.

Link: https://synd.co/2SvPfcR

Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art

Have you seen Diana Smith’s CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing techniques here last year.
Well, Diana has also listed the top five CSS properties she uses to get these masterpieces done, and they are surprising in their plainness:

border-radius
box-shadow
transform
gradients
overflow

…but of course, layered in trickery!

… Read article
The post Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art appeared first on CSS-Tricks.

Link: http://diana-adrianne.com/how/

Don’t Get Clever with Login Forms

Brad points out some UX problems with a variety of apps that are doing things a little outside of the norm when it comes to their login forms. There is already a bunch of things to get right with forms to begin with (e.g. use the right input types, label your inputs, don’t have whack password requirements, use SSL, etc.)… OMG why complicate it even more?!
A “password manager test" should be a development best practice here. Does it work … Read article
The post Don’t Get Clever with Login Forms appeared first on CSS-Tricks.

Link: http://bradfrost.com/blog/post/dont-get-clever-with-login-forms/

instant.page

instant.page is a pretty cool project from Alexandre Dieulot. Alexandre has been at this idea for half a decade now, as InstantClick is his and is essentially the same exact idea.
The idea is that there is a significant delay between hovering over a link and clicking that link. Say it takes you 300ms of delay. That 300ms could have been spent preloading the next page. And if you do use that time preloading, that page loads that much faster.… Read article
The post instant.page appeared first on CSS-Tricks.

Link: https://instant.page/

The #StateOfCSS 2019 Survey

You know about the State of JavaScript survey, where thousands upon thousands of developers were surveyed about all-things-JS, from frameworks to testing and many other things in between? Well, Sacha Greif has launched one focused entirely on CSS.
This is super timely given a lot of the content we and other sites have been posting lately centered around learning, complexity, changing roles, and more. Sacha captures it nicely:

This is especially interesting since it comes at a

… Read article
The post The #StateOfCSS 2019 Survey appeared first on CSS-Tricks.

Link: https://medium.com/@sachagreif/announcing-the-state-of-css-2019-survey-e1e4268df64d

Use monday.com to manage and share projects all in one place

(This is a sponsored post.)
We’ve talked quite a bit about project management and workflows around here at CSS-Tricks, not because it’s the core of what we do as designers and developers, but because we all play a role in it as part of a team and because it impacts the quality of our work at the end of the day.
That’s why having a good system in place is such a benefit both to us and to teams … Read article
The post Use monday.com to manage and share projects all in one place appeared first on CSS-Tricks.

Link: https://synd.co/2GemPNV

“the closest thing web standards have to a golden rule”

The internet’s own Mat Marquis plucks this choice quote from the HTML Design Principals spec:

In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.

And then he applies the idea to putting images on websites in 2019.
Direct Link to Article — Permalink… Read article
The post “the closest thing web standards have to a golden rule” appeared first on CSS-Tricks.

Link: https://cloudinary.com/blog/a_chaotic_good_guide_to_image_performance_part_1

The ineffectiveness of lonely icons

Icons are great and all, but as we’ve been shown time and time again, they often don’t do the job all by themselves. Even if you do a good job with the accessibility part and make sure there is accompanying text there for assistive technology, in an ironic twist, you might be confusing people who browse visually, like the situation Matt Wilcox describes with his mother in this linked article.

I’m a fan of this markup pattern, including the inline … Read article
The post The ineffectiveness of lonely icons appeared first on CSS-Tricks.

Link: https://mattwilcox.net/musing/the-ineffectiveness-of-icons

HTML, CSS and our vanishing industry entry points

Rachel Andrew:

There is something remarkable about the fact that, with everything we have created in the past 20 years or so, I can still take a complete beginner and teach them to build a simple webpage with HTML and CSS, in a day. We don’t need to talk about tools or frameworks, learn how to make a pull request or drag vast amounts of code onto our computer via npm to make that start. We just need a text

… Read article
The post HTML, CSS and our vanishing industry entry points appeared first on CSS-Tricks.

Link: https://rachelandrew.co.uk/archives/2019/01/30/html-css-and-our-vanishing-industry-entry-points/