The mobile web is a booming place right now, which means web designers are spending lots of time trying to figure out how to win over this particular class of users. One way not to do that? Dark patterns. While your company may get some superficial and short-term gains in the process, nothing good will come from it in the long-run.
Read more…
There are internships in every industry imaginable — from HR to investment banking — but what could a UX design internship look like? In this article, Erica talks about her internship at an agency in Granada, what her tasks were, all the challenges she faced, and how she overcame the fear of simply trying something new. This is intended for those who are new to UX design looking to explore the field — read on to learn if a UX design internship is the right thing for you!
Read more…
A Progressive Web App or PWA is a web application that has a set of capabilities which provide an app-like experience to users. PWAs need to meet a set of essential requirements. PWAs are similar to native apps but are deployed and accessible from web servers via URLs, so you don’t need to go through app stores. Throughout this tutorial, Ahmed Bouchefra will be using Angular 6 to build a Progressive Web Application, step by step, implementing the core tenets of PWAs using Angular CLI v6.
Read more…
Collaborating on office documents is a solved problem. Collaborating on code is still a pretty difficult thing to do. That’s because sharing just code isn’t enough. In order to really collaborate, a developer needs to be able to share their whole environment. VS Live Share is a new service that lets you do exactly that, and you might be surprised at just how much sharing you can actually do.
Read more…
Over the summer, Adobe XD released two great prototyping features: fixed elements and overlays. When you work with prototypes and want them to be more interactive, functions like these will be very helpful. In this article, Manuela Langella will show you how to set a menu bar as a fixed element and how to apply an overlay transition in a prototype, to simulate a menu opening from the click of a button. She’ll also include an Illustrator file with icons, which you can use to set up your examples quickly. Let’s get started!
Read more…
In the last two articles, we have looked at what happens when we create a flex container, and also taken a look at alignment. This time we explore the often confusing issue of sizing in Flexbox. How does Flexbox decide how big things should be? In this article, Rachel Andrew will explain some of the finer points of how Flexbox works out how big the flex items are. It can seem a little academic, however, taking some time to understand the way this works can save you huge amounts of time when using Flexbox in your layouts. If you and your design don’t agree with what Flexbox thinks is best then you can take control back by setting your own flex-basis.
Read more…
The web is evolving at such a fast pace that it can be hard to stay on top of things. To give you an overview of what happened in the web dev world in the past few weeks, Anselm Hannemann once again compiled his monthly update.
Read more…
Smashing Book 6 is now shipping worldwide. With everything from design systems to accessible single-page apps, CSS Custom Properties, CSS Grid, service workers, performance patterns, AR/VR/XR, conversational UIs and responsive art direction. Check table of contents and get the book now.Read more…
Automated accessibility testing is a process where you use a series of scripts to test for the presence, or lack of certain conditions in code. These conditions are dictated by the Web Content Accessibility Guidelines (WCAG), a standard by the W3C that outlines how to make digital experiences accessible. Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process. Today, Eric Bailey will take a deep look into accessibility testing.
Read more…
Learn about the basics of animation in After Effects by animating one of the most famous type characters and the state of the iMessage App Store in 2018 when it comes to stickers. In this article, Simon Schmid brings you a step-by-step guide of setting up a canvas in After Effects and then he will go through with the animation. You’ll also read about how well the app containing more than 30 animated stickers worked and what some of the specific issues are you might be having on the App Store for iMessage.
Read more…