DOM changes can be frequent, and as a result, there are instances where your app might need to respond to a specific change to the DOM. Monitoring for changes to the DOM is sometimes needed in complex web apps and frameworks. By means of explanations along with interactive demos, Louis Lazaris will show you how you can use the MutationObserver API to make observing for DOM changes relatively easy.
Read more…
Many mobile applications require access to location, photos, and even the camera during installation, which isn’t something most customers would be happy to consent to. In this series of articles, Vitaly Friedman talks about privacy-related design patterns. You’ll be exploring some of the respectful ways to approach privacy and data collection, and how to deal with the notorious cookie consent prompts, intrusive push notifications, glorious permission requests, malicious third-party tracking and offboarding experience.
Read more…
The web is more than predictable compositions of rectangles, circles and triangles. With CSS Grid Layout, CSS Shapes and a bit of art direction we can achieve remarkable results — we just need a front-end strategy how to get there. That’s why we created “Art Direction for the Web,” a new Smashing Book for breaking out of generic experiences on the web. Now we can study the once uncharted territory of layout, type treatment and composition that print designers have skillfully and meticulously conquered, and explore which lessons from print we could bring to our web experiences today.
Read more…
Currently, with WordPress supporting Markdown, the format has become even more widely used. In this article, Sameer Borate will show you how to use Node.js and the Express framework to create an API endpoint. The context in which we will be learning this is by building an application that converts Markdown syntax to HTML. Along the way, you will also add authentication to your API endpoint, and you will also find ways to test your application endpoint using Postman.
Read more…
A lead capture page greatly differs from a traditional web page in a number of ways. Put that lead generating page on mobile and you’ll see those differences expand and even test the limits of what you thought was possible for mobile. In this article, Suzanne Scacca is going to look at some tips for utilizing those differences to improve how well your lead capture pages convert on mobile. She’ll also analyze a number of landing pages on mobile so you can see how the design criteria may change based on what you’re promoting and who you’re trying to promote it to.
Read more…
For a while now, Sketch has been the de facto application of choice for UX and UI designers. But in the last year or two, we have seen many new contenders for the Sketch’s crown. Two of them that have made the biggest strides are Figma and Adobe XD. In this article, Ashish Bogawat will try to summarize my thoughts on how Figma and Adobe XD compete with Sketch and what unique features each one of them brings to the table. He will also reference some other alternative apps that are aiming to become leaders in the same niche.
Read more…
With so many applications and services and people and machines and chatbots fighting for our attention, staying focused is a luxury that needs to be savored and protected, and so no wonder notifications don’t enjoy a decent reputation these days. More than that, often they feel off the point and manipulative, too. In this series of articles, Vitaly Friedman will talk about privacy-related design patterns. He’ll be exploring some of the respectful ways to approach privacy and data collection, and how to deal with those notorious cookie consent prompts, intrusive push notifications, glorious permission requests, malicious third-party tracking and offboarding experience.
Read more…
Many performance optimizations can be made when we can predict what users might do before they actually do it. Resource Hints are a simple but effective way that web developers can help the browser to stay one step ahead of the user and keep pages fast. Think of them as a way for the developer to tell the browser about what’s likely to happen in the future so that the browser can factor that into its choices for how it loads resources. In this article Drew McLellan will take a look at the main types of Resource Hints and when and where we can use them in our pages.
Read more…
Story structure can be the lens through which we view websites. It helps us step into the user’s shoes and understand where and how users interact with our websites. The user finds themselves on a journey through your website on the way to their goal. If you can see this journey from their perspective, you can better understand what they need at each step, and align your goals with theirs. We, web professionals and site owners, are characters in their story and it’s about time we acted like it.
Read more…
Whether you’re a designer or developer, it can be challenging to stay current in this fast-paced world where it feels like new tools are Product Hunted on a weekly basis. If you’re working in a larger team, and especially if you’re working in an enterprise or b2b (business-to-business) context, being able to make even small improvements in efficiency can lead to huge increases in the effectiveness of your design organization. In this article Paul Hanaoka will show you how large teams can benefit from using more open, collaborative tooling and how to make adoption and migration feasible and pleasant.
Read more…