December is here, so why not spread some holiday love across your devices — we’ve got some truly eye-catching wallpapers to sweeten the last days of the year. Remember that all images can be clicked on and lead to the preview of the wallpaper, and you can feature your work in our magazine by taking part in our Desktop Wallpaper Calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?
Read more…
Using a Structured Content Management System (SCMS) can be a great way to free your content from a paradigm that begins to feel its age. In this article, Knut Melvær suggests some overarching strategies, with some concrete real-world examples on how to think about working with structured content. This is the guide Knut wished had the last couple of years when running projects with headless Content Management Systems (CMSs), and we hope it will be helpful to you!
Read more…
Throughout this tutorial, Ahmed Bouchefra introduces Angular Router and how you can use it to create client-side apps and Single Page Apps with routing and navigation. You will see how to use the Angular Router to add routing and navigation into our application. Also Ahmed will take a look at different concepts like the Router outlet, routes, and paths and we created a demo to practically show the different concepts. You can access the code from this repository.
Read more…
Progressive web applications (PWAs) are more of a methodology that involves a combination of technologies to make powerful web applications. In this article, Ankita Masand will look at the pain points of users who are browsing old non-PWA websites and the promise of PWAs to make the web great. You’ll learn most of the important technologies that make for cool PWAs, like service workers, web push notifications and IndexedDB.
Read more…
Overusing inline CSS or JS code, as opposed to serving code through static resources, can harm the site’s performance. In this article, Leonardo Losoviz will learn how to load dynamic code through static files instead, avoiding the drawbacks of too much inline code. You will see, as an example, how WordPress loads 43kb of scripts to print the Media Manager, which are pure JavaScript templates and could perfectly be loaded as static resources.
Read more…
It’s getting clearer that design makes all the difference and that unifying designs to a standard model like the Google Material Design Kit doesn’t work well. By using it, you’ll get a decent design that works from a technical perspective, of course. But you won’t create a unique experience with it, an experience that lasts or that reaches people on a personal level. Major updates, new tools, valuable lessons learned. In his monthly reading list, Anselm summarizes everything that’s new and important to know for web developers this November.
Read more…
Today is a very important day for us. We celebrate the first year of Smashing Membership. Those who have been with us from the start will receive an email with details of a present from us to say thank you, and we’ll give you a taste of what’s to come in year two. Now that the team is larger, we’ll be bringing you more content — going up to three webinars a month. The price stays the same. And, of course, we’d love your input on subjects or speakers!
Read more…
What does Gutenberg bring to the future of WordPress? In this article, Leonardo Losoviz will analyze several implications of building sites through a component-based architecture and through Gutenberg (as the implementation), including what new functionalities it can deliver, how much better it can integrate with current website development trends, and what it means to the future of WordPress.
Read more…
Have you ever had a requirement in which you had to design and build an interactive web experience but the grid system fell short? Furthermore, the design elements turned into unusual shapes that just wouldn’t fit into the regular web layouts? In this article, Krutie Patel is going to build an interactive infographic using Vue.js, SVG and GreenSock by using dynamic data and unusual layout.
Read more…
When you prepare for your next presentation, use these tips on how to tweak your slides and your talk so that everyone gets the most out of it. In this article, Allison Ravenhall brings you tips that will make a big difference to your whole audience. Your slide content, design, and how you present can all affect how well the crowd gets your message, if at all. This is particularly true for those with physical and cognitive conditions. Making subtle changes to what you show and your script will help all attendees to get the most out of your hard work.
Read more…