There is a wide variety of choices when it comes to creating a PDF from a web application. In this article, Rachel Andrew takes a look at the tools that are available and shares her recommendations to help you find the tool that works best for you. She’ll explore ways in which we can generate a PDF directly from a web application on the fly. It isn’t a comprehensive list of tools, but instead Rachel is aiming to demonstrate the different approaches. If you have a favorite tool or any experiences of your own to share, please add them to the comments below.
Read more…
Creating complex SVG animations can be a challenging and tedious task — but not anymore. In this article, Mikołaj Dobrucki will show you how to create path animations for the web using SVGator, an online app created especially for the purpose of animating SVG files. It is a web-based app that allows you to import static SVG files, animate them using a user-friendly visual interface, and export them as animated SVG. Exported animations are CSS-based and ready to use on the web.
Read more…
Figma has become a very popular tool for web and product designers, mainly because of its focus on design teams and team libraries. In this article, Emiliano Cicero aims to help you avoid mistakes and assist you with the building of your own Figma component library. He’ll also cover in detail the components’ organization and will give you a possible solution if you have a large number of icons in the library.
Read more…
Whether it’s you adding Webmentions, removing tracking scripts from a website, recycling plastic, picking up trash from the street to throw it into a bin, or cycling instead of driving to work for a week, we all can make things better for ourselves and the people around us. We just have to do it. For his monthly reading list, Anselm Hannemann summarized what has happened in the web development world in the past few weeks. From browser news and UI/UX to privacy, tooling, work and life.
Read more…
Through this unique “Inspired design decisions” series of article and webinars, Andy Clarke will change that. In the first edition of Inspired Design Decisions, Andy will “Say hello to skinny columns,” a technique which adds one extra narrow column to an otherwise conventional column grid. He explains how to design with, then implement skinny columns using meaningful markup and efficient CSS. He also explains how to design using modular grids to fill your designs with energy.
Read more…
Take a moment to remember the last time you collaborated in a code review. Did your team overcome feedback resistance and manage time expectations? Fostering a healthy mindset is the key to build trust and sharing knowledge with your colleagues. In this article, Sandrina Pereira will share how this outcome can be changed by changing your mindset during a code review as a team, as an author and as a reviewer.
Read more…
How can we improve our keyboard-only (KO) and Assistive Technology (AT) user experiences without affecting the experience for anyone else? In this article, we’ll dig into some specific, practical examples including skip links, navigation menus, modal focusing, and user education components. In this article, Aaron Pearlman is going to go over a few of those affordances that can make your KO/AT user experiences better without really changing the experience for anyone else.
Read more…
Styling applications is a world in itself, one not often given the importance and attention it deserves. With complex modern user interfaces, it’s only matter of time before your app becomes a mess of unordered styles, reducing consistency and making it harder for new code to be added or changes made to the existing codebase. In this article, Ajay NS welcomes you to take a detailed dive into the different ways of organizing styling in modern applications which often have complex interfaces and design patterns. Let’s walk through BEM, preprocessors, CSS-in-JS and even design systems to find out what works best for you.
Read more…
How do browsers and HTML support screen readers today? In this article, Be Birchall explains why it’s so important to prioritize accessibility among teams and why there needs to be more awareness raised among developers. Lack of awareness and prioritization, rather than any technical limitation, is currently the main barrier to an accessible web. We hope to shift your perspective closer to Haben Girma’s by showing how web accessibility fits into the broader areas of technology, disability, and design.
Read more…
Are you using many full-sized images on your WordPress site? Take note that this is causing your pages to load slowly. A slow website affects your SEO, increases the bounce rates, and keeps your audience at a distance. There are many ways to speed up your WordPress site, each one complementing the other. In this article, Adelina Țucă will help you learn how to easily optimize all the images on your site (manually or on autopilot) in order to gain better loading times.
Read more…