How can we combine the flexibility of MDX with the power of a headless CMS like Sanity? Learn how to render MDX from Sanity in Next.js in this tutorial! https://smashingmagazine.com/2020/12/mdx-stored-sanity-next-js-website/
Meet our new friendly online meet-up, Smashing Meets, with three wonderful speakers, the entire Smashing family and plenty of truly smashing cats. As always, free for Smashing Members. https://smashingmagazine.com/2020/12/smashing-meets-december/
If you’re a designer or developer with intermediate knowledge of HTML and JavaScript, and know your way around GitHub and the command line, this tutorial is for you. We’re going to walk step-by-step through converting a WordPress site into a static site generated from Markdown. https://smashingmagazine.com/2020/12/wordpress-eleventy-static-site-generator/
Markdown has a declarative syntax that is both powerful and easy to learn for technical and non-technical folks. However, due to the consequential ambiguities in its original specification, there have been a number of distinct flavors (or custom versions). This has led to a steep divergence from what can be parsed and what is rendered. Find out how CommonMark provides a standardized specification of Markdown that reflects its real-world usage. https://smashingmagazine.com/2020/12/commonmark-form
Even though the development of a data importer is a complex matter, you don’t want your users’ experience with it to be just as complex or complicated. The second they experience any friction or fault in data onboarding, the chances of them bailing from the software will skyrocket. So, in this post, we’re going to focus on how best to present your data importer to users. https://smashingmagazine.com/2020/12/designing-attractive-usable-data-importer-app/
In this episode, we’re talking about Product Design. What does it mean to be a product owner, and how can you learn the skills required? Drew McLellan talks to expert Chris Murphy to find out. https://smashingmagazine.com/2020/12/smashing-podcast-episode-30/
In this article, Uri Paz explains how a site complying with accessibility guidelines may still present usability issues when testing with real users. Find out how weaving accessibility best practices with usability testing, can help as many people as possible to fully use your site. https://smashingmagazine.com/2020/11/weaving-web-accessibility-usability/
Let’s welcome December with some new wallpapers! Designed by artists and designers from across the globe, they are available with and without a calendar for the month. https://smashingmagazine.com/2020/11/desktop-wallpaper-calendars-december-2020/
reactive variables work with GraphQL Apollo and offer you the same functionality with Redux or Context API without the complexity or extra layers that come with these other tools. A reactive variable in GraphQL Apollo is easy to use and doesn’t have as much setup process compared to Redux. https://smashingmagazine.com/2020/11/reactive-variables-graphql-apollo-client/
Copy docs is a framework that allows product designers and writers to manage their in-product copy in a smart way. In this article, Valeriia Panina shares her experience in how the copy docs technique turned out to be a game changer for her workflow. https://smashingmagazine.com/2020/11/copy-docs-microcopy/