CategoryTools

October 6, 2021 — Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. Today, Stephanie Eckles will look at a few categories bugs often fit into, see how you can evaluate the situation, and explore techniques that help prevent these bugs. Read more…

October 5, 2021 — Have you ever struggled with testing cloud services locally? Specifically, have you ever struggled with locally testing an API that uses API Gateway and Lambda, with the Serverless framework, on AWS? In this article, Tom Hudson shares a quick overview of how easy it is to quickly set up your project to test locally before deploying to AWS. Read more…

October 4, 2021 — One of the use cases for using CSS Grid is to display a gallery of images, but a gallery on its own may not be that exciting. In this article, Silvestar Bistrović will be looking at how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way. Let’s get started! Read more…

September 28, 2021 — You can find Markdown in many places on the Internet. In this article, Eric Bailey covers different aspects of Markdown and how it interacts with other technology. At first, it may seem daunting since there is a lot of content to cover across a few different subject areas, but keep in mind that each tweak and update will have a direct impact on someone’s quality of life when using the web. Read more…

September 27, 2021 — Is end-to-end testing a painful topic for you? End-to-end testing does have some pitfalls that are cause for concern. Let’s look at how to prevent many of them. In this article, Ramona Schwering explains how to handle end-to-end testing with Cypress and make it make it not so tedious and expensive for yourself, but fun instead. hope to show you that end-end testing can be fun! Read more…

September 24, 2021 — You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. It’s time to fix them for good in a free Smashing online workshop next week. Today, Vitaly Friedman will take a look into carousels, modals, infinite scroll, parallax and scrolljacking, mega-dropdown menus, disabled buttons, inline validation, frozen filters, CAPTCHA, authentication and privacy. Read more…

September 23, 2021 — The new CSS accent-color property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. It has the potential to provide quick and easy styling for many of our form elements, especially where extensive customization isn’t needed, as well as allowing the browser to pick the best options for accessibility. In this article Michelle Barker will take a look at what it does and how to use it alongside color-scheme for simple, accessible checkboxes and radio buttons — and imagine how you might use it in the future. Read more…

September 22, 2021 — We love little useful tools and techniques to help folks get their work done better and faster. Today, we’d love to shine the spotlights on a little helper that helps spot common performance bottlenecks easily: ct.css. Read more…

September 21, 2021 — Building a development environment with the shell as a keystone offers multiple benefits. You can use tools that fit nicely with each other, you can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard. This can save a lot of cognitive energy as well as deliver a pleasant user experience. Read more…

September 21, 2021 — The last 18 months have been a time of unprecedented turbulence. As the people of the world have flooded online, businesses have joined them, using web development tools to adapt in real-time. Several years ago there seemed to be a gulf between drag-and-drop tools and full-blown web development. Today, it’s heartening to see the likes of Wix adding more code-heavy options to their repertoire. Read more…