Digital media magazine for designers and developers
Web design plus tips and tricks.
Converting Plain Text To Encoded HTML With Vanilla JavaScript
17 April 2024 @ 1:00 pm
What do you do when you need to convert plain text into formatted HTML? Perhaps you reach for Markdown or manually write in the element tags yourself. Or maybe you have one or two of the dozens of online tools that will do it for you. In this tutorial, Alexis Kypridemos picks those tools apart and details the steps for how we can do it ourselves with a little vanilla HTML, CSS, and JavaScript.
How To Monitor And Optimize Google Core Web Vitals
16 April 2024 @ 10:00 am
The three Core Web Vitals metrics don’t only tell you how visitors experience your website but also impact your Google search result rankings. In this article, we’ll look at what Core Web Vitals are, how they are measured, and how you can use DebugBear to monitor them continuously.
Sliding 3D Image Frames In CSS
12 April 2024 @ 6:00 pm
Creating 3D effects in CSS isn’t an entirely new concept, but typical approaches use additional elements in the markup and pseudo-elements in the styles to pull it off. Temani Afif applies 3D effects and sliding transitions to a single `![]()
` using clever CSS techniques that demonstrate advanced, modern styling practices.
Penpot’s CSS Grid Layout: Designing With Superpowers
11 April 2024 @ 8:00 am
Penpot helps designers and developers work better together by offering a free, open-source design tool based on open web standards. Today, let's explore Penpot’s latest feature, CSS Grid Layout. Penpot’s latest release is about efficiency and so much more. It gives designers superpowers and a better place at the table. Excited? Let’s take a look at it together.
Connecting With Users: Applying Principles Of Communication To UX Research
9 April 2024 @ 10:00 am
Victor Yocco reviews the components of the Transactional Model of communication, explaining how we might apply this framework to preparing, conducting, and analysing our UX research. You will understand how many UX research best practices align with the model and get an example of a tool for tracking alignment.
The Things Users Would Appreciate In Mobile Apps
5 April 2024 @ 12:00 pm
What can we do to make a mobile app better? What subsidiary features are worth providing for our users? I have some ideas. You might, too. So, let’s compare our notes. Without any prescriptions attached, here are seven features I believe can palpably improve a user’s experience with a mobile app.
Iconography In Design Systems: Easy Troubleshooting And Maintenance
3 April 2024 @ 8:00 am
Tatsiana Tarkan digs deep into iconography as part of a design system and shares some doable tips that will turn icon creation and maintenance into an enjoyable process.
Infinite-Scrolling Logos In Flat HTML And Pure CSS
2 April 2024 @ 12:00 pm
Remember the HTML `` element? It’s deprecated, so it’s not like you’re going to use it when you need some sort of horizontal auto-scrolling feature. That’s where CSS comes in because it has all the tools we need to pull it off. Silvestar Bistrović demonstrates a technique that makes it possible with a set of images and as little HTML as possible.
Colorful Blossoms And Rainy Days (April 2024 Wallpapers Edition)
31 March 2024 @ 8:00 am
Could there be a better way to welcome the new month than with a little inspiration boost? We might have one for you: desktop wallpapers created by the community for the community. Enjoy!
How Developers Can Strengthen Their Mental Health Amidst High-Pressure Projects
29 March 2024 @ 8:00 am
There’s no shortage of articles about the mental health of developers, ranging from personal accounts of harrowing work experiences to round-ups of advice on how to preserve healthy work habits. But what working situations trigger things like stress, anxiety, burnout, and depression? Victor Ayomipo shares his personal triggers and how he manages them.