It’s important to understand how animation can be used (or not used) in your design system. In this article, Val Head explains how you can help ensure that your brand is using animation consistently and effectively while also helping your team work faster. This is all about what to include in a set of motion guidelines for your design system and how to pull it off. Let’s get into it!
Read more…
What is Node in the first place? What is the meaning “event-driven” and “non-blocking” anyway, and how does Node fit into the bigger picture of applications, Internet networks, and servers? In this article, Jamie Corkhill will attempt to answer all of these questions and more throughout this series as he takes an in-depth look at the inner workings of Node, learn about the HyperText Transfer Protocol, APIs, and JSON, and more. An introduction to the backend web application development process.
Read more…
In this tutorial, Ahmed Bouchefra will use the latest versions of Bootstrap 4 and Angular 7 to build an Angular application and style the interface with Bootstrap. Let’s see how we can integrate Bootstrap CSS styles and JavaScript files with an Angular project generated using the Angular CLI, and how to use form controls and classes to create beautiful forms and how to style HTML tables using Table styles.
Read more…
In this Smashing TV webinar recording, join Léonie Watson (a blind screen reader user) as she explores the web, and find out about some unexpected properties of HTML elements that not only have a huge impact on accessibility, but also turn out to be pretty good for performance, too. We felt that the webinar was so valuable that we would open it up so that it’s free for everybody to use. Hopefully, it will serve as a resource for the whole web development community to understand how — and why — semantic markup matters.
Read more…
Web applications require maintenance just like any other type of software, but as an industry, it is not something that we highlight enough. As a result, we are exposing our clients to a tangible risk as well as leaving money on the table. but maintenance is the work we need to do on an application so it can safely stand still. It is a standard business cost. As professionals, we have a duty of care to be educating our clients about maintenance from the outset, and in this article, Darren Beale will tell you why
Read more…
For the past few months, Cory Shaw has been building a software-as-a-service (SaaS) application, and throughout the development process he’s realized what a powerful tool Slack (or team chat in general) can be to monitor user and application behavior. After a bit of integration, it’s provided a real-time view into our application that previously didn’t exist, and it’s been so invaluable that he couldn’t help but write up this show-and-tell.
Read more…
Browser news, valuable lessons learned, best practices, inspiring coding experiments. In his monthly reading list, Anselm Hannemann summarized the most important things that happened in the web development world in the past few weeks.
Read more…
A built-in Angular feature called BreakPoint Observer gives us a powerful interface for dealing with responsive images. In this article, Tamas Piros will take a closer look at image breakpoints, their use-cases and throughout a hands-on example; you’ll implement them in an Angular application using Angular’s own BreakPoint Observer. Having such compelling tools at our hands helps us create immersive visual web experiences — without losing visitors.
Read more…
With Progressive Web Apps, you can now use the web to build full-blown apps. Thanks to an enormous amount of new specifications and features, we can do things with the web that you used to need to write native apps for. However, talking to hardware devices was still a bridge too far up till now. Today, Niels Leenheer will introduce you to WebBluetooth. Thanks to this tool, we can now build PWAs that can control your lights, drive a car or even control a drone.
Read more…
Did you know that the average website is offline for 3 hours per month due to web hosting downtime? This case study by HostingFacts compares 32 web hosting services and their average uptime in 2018. To run this series of tests, John Stevens and his team have signed up for all of the 32 web hosting providers as a regular user, using the cheapest plan available. After that, they set up a basic WordPress website and start monitoring them with Pingdom.com. Their uptime check interval was set to 1 minute, which means all of the sites are scanned every minute to get the most accurate statistics.
Read more…