Tag: website

Flexbox30 Learn Flexbox with 30 Code Tidbits ✨

Posted on by gleam

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…

Happy Hues – Curated colors in context

Posted on by gleam

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…

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

Posted on by gleam

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…

A GraphQL-first platform for perfectionists

Posted on by gleam

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/

Front-End Performance Checklist 2020

Posted on by gleam

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,…

The State of UX in 2020

Posted on by gleam

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….

Atomic Design by Brad Frost

Posted on by gleam

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…

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

Posted on by gleam

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,…

How to read a WebPageTest Waterfall View chart

Posted on by gleam

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…