Categories
Bookmarks

Flexbox30 Learn Flexbox with 30 Code Tidbits ✨

Learn Flexbox in 30 days with 30 code tidbits ✨ Topics Introduction Flex Container & Flex Items Immediate Child Only Flexbox Axes Flexbox Module Parent Properties Display block vs inline flex-direction flex-wrap flex-flow justify-content [row] space-around vs space-evenly justify-content [column] align-items [row] baseline align-items [column] align-content Child Properties order flex-grow flex-grow calculation flex-shrink flex-shrink calculation […]

Categories
Bookmarks

Modern CSS Solutions for Old CSS Problems

This is a hell of a series by Stephanie Eckles. It’s a real pleasure watching CSS evolve and solve problems in clear and elegant ways. SOURCE https://moderncss.dev/

Categories
Bookmarks

Happy Hues – Curated colors in context

Not sure what colors to use in your designs or where to use them? Happy Colors is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects. Let’s learn the terminology of color. You can think of each of these as […]

Categories
Bookmarks

vendure A modern, headless GraphQL-based e-commerce framework built with TypeScript & Nodejs

Vendure is a new e-commerce framework built for the developers who are building the modern web. Vendure is a headless framework, meaning that it delivers content through its GraphQL API, leaving you free to implement your store-front applications in the technologies of your choice. Vendure makes developer productivity a top priority. The framework is written […]

Categories
Bookmarks

A GraphQL-first platform for perfectionists

Saleor’s open source solution is the fastest-growing e-commerce platform in the world, maintained and supported by an engaged community of Python, Django, and GraphQL enthusiasts. Fork the platform and build an extendable, flexible e-commerce solution to the exact needs of your business. SOURCE https://saleor.io/open-source/

Categories
Bookmarks

Front-End Performance Checklist 2020

Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, […]

Categories
Bookmarks

The State of UX in 2020

We have seen a lot this year. After curating and sharing 2,411 links with 358,917 designers all around the world, we have identified a few of the trends our industry has been writing, talking, and thinking about. Here’s what to expect for UX in 2020. We have always talked about 2020 as an iconic year. […]

Categories
Bookmarks

Atomic Design by Brad Frost

We’re tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That’s a daunting task indeed. Thankfully, design systems are here to help. Atomic Design details all that goes into creating and maintaining robust design systems, allowing you to roll […]

Categories
Bookmarks

Web Almanac 2019: HTTP Archive’s annual state of the web report

Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. It is comprised of 20 chapters spanning aspects of page content, user experience, […]

Categories
Bookmarks

How to read a WebPageTest Waterfall View chart

I often find myself looking at WebPageTest (WPT) waterfall charts, but as I seem to have the memory of a chimpanzee (not a goldfish, that’s a myth), I tend to forget some of the details and what they all mean. So I decided to pull together many bits of information into a single blog post I can refer to […]