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…
In this mobile-first world, there is no such thing as designing a website near-perfectly the first time around. While we know that more experiences with websites begin on mobile, converting those users continues to be problematic. The goal in mobile-first A/B testing is to inspire mobile visitors to keep moving through the experience. Even if the element you’ve chosen to test doesn’t directly lead to conversion, the improvements you make should eventually trickle down to that final step. Today, Suzanne Scacca will show you how with proper A/B testing for mobile-first experiences, you can change that outcome for your clients.
Read more…
Regular expressions have been part of the JavaScript language since the third edition of the ECMAScript standard, which was introduced in 1999. ECMAScript 2018 (or ES2018 for short) is the ninth edition of the standard and further improves the text processing capability of JavaScript. If you have ever done any sort of sophisticated text processing and manipulation in JavaScript, you’ll appreciate the new features introduced in ES2018. In this article, Faraz Kelhini is going to take a good look at how the ninth edition of the standard improves the text processing capability of JavaScript.
Read more…
