Frontend build tooling is crucial to the workflow of the modern frontend developer for a host of reasons classified under improved developer and user experiences. From the developer’s perspective, frontend tooling gives us: the ability to author modules, a dev server for local development, Hot Module Replacement (HMR) for a shorter feedback loop in development…
Category Archives: Blog
The table is one of the most painful components designers have to deal with in their daily design lives. The table element is often a complex combination of text components, lines, rectangles, icons, and more. It soon may become a nightmare to work with, especially if you also want to support different screen resolutions, change…
An IDE is a development environment that helps you write and edit code. It provides syntax highlighting, code completion, and project management tools so that you can focus on coding while the IDE handles the rest of your work. Continue reading What Is an IDE? How Does It Enable Faster Development? on SitePoint.
Looking for UI design inspiration? Rather than adding a new color or changing a font, have you thought about your textures? Continue reading UI Design Inspiration: Do You Think About Your Textures? on SitePoint.
There’s a reason for all the new, experimental color features CSS is introducing. And there’s a reason for all the excitement they’re stirring up. Colors are hard. Defining a base color palette can be time-consuming and involve quite a few stakeholders. And that’s not even considering contextual colors, like hover, active and inactive states. Defining…
They say we are entering the Data Age. There’s certainly enough of the stuff about. Between analytics, public records, and the slow yet steady growth of the Semantic Web, millions of data points are at our fingertips, just waiting to have their stories told. Telling captivating stories with data is easier said than done. Spreadsheets…
HeadSpin is a performance testing platform for actionable insights into your app. Test on real devices, automate testing, and move faster. Continue reading Get Deeper Insights Into Your App Performance with HeadSpin on SitePoint.
Setting up a new typography system is always a complicated task with literally hundreds of tweakable variables. The best way to save your sanity is a design system that can answers most of those little questions. Continue reading Web Typography: Establishing a Strong Typographic System on SitePoint.
The best JavaScript charting libraries for creating and graphs and figures. From the scientific to the simple. Continue reading 15 JavaScript Libraries for Creating Beautiful Charts on SitePoint.
When we talk about accessibility, we tend to talk about many things — such as dark mode, keyboard navigation, prefers-reduced-motion, and screen readers — but there is one thing that does not receive that much attention: Windows High Contrast Mode (from now on, abbreviated as WHCM). This is a tendency I have seen in some…