Gutenberg is the future of WordPress, and it is just around the corner. WordPress usually releases its major features as a plugin to test the waters before baking them into the core. Gutenberg is no exception. In this article, Muhammad Muhsin will show you how to go about building your first Gutenberg block. You will be building a Testimonials Slider Block while dwelling on the basics of Gutenberg. Brace up for it by learning how to build your own custom Gutenberg block.
Read more…
In this article, Vitaly Friedman brings you the videos from our Toronto Smashing Conf, which are now available! Toronto was our all live-coded conference. Take a look at what our speakers got up to without their usual slide decks. The speakers had been asked to present without slides. And it was brilliant!
Read more…
Dealing with this in JavaScript can be tricky. But what if instead of fight against it we could leverage on it to achieve nice stuff like function composition with virtual methods? This is what Willian Martins is going to explore in this article about one of the potential upcoming JavaScript features: The Bind Operator. The goal here is to add some hype around it and create awareness of the hard work that TC39 is doing to find consensus, fix all the syntax and semantics issues and have it shipped with the next releases of ECMAScript.
Read more…
In this final article of the series, we wrap up by taking a look at some of the common uses for Flexbox. What should we use Flexbox for, and what it is not so good at? Today, Rachel Andrew is going to spend some time thinking about what the use cases for Flexbox really are, given that you now have CSS Grid Layout, giving some suggestions for what you might use when and a way to decide.
Read more…
Angular is the most powerful JavaScript framework for building highly interactive and dynamic web applications. And material design Is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. In this article, Rachid Sakara is going to build a news application using Angular 6 and Google’s material design in combination, which will help you to make your future applications with Angular look great in web browsers and mobile devices.
Read more…
Looking for a way to create your own website without having to hire a developer? Search no more: The WP Page Builder is a free plugin that does most of the heavy lifting for you. In this article, Jakub Mikita will go through the process of building a real website using the WP Page Builder plugin. He’ll build a website of a few simple pages related to the fictional Rockhedge Park. You’ll learn about the plugin from installation to website launch.
Read more…
The Framer team recently changed course with the announcement of a new prototyping tool, Framer X. Lachezar Petkov got to play with it during the beta phase, and in this article he adresses UI and UX designers who would like to learn more about Framer X’s prototyping abilities. Since it is a brand new product, you don’t need to be familiar with the older Framer application to read along. However, a little bit of familiarity with HTML, CSS, React, JavaScript and Node.js are beneficial.
Read more…
Get your desktop ready for fall and the upcoming Halloween season with a fresh batch of desktop wallpapers. Created with love by designers and artists from across the globe. Please note that all images can be clicked on and lead to the preview of the wallpaper. 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…
Privacy is a fundamental human right that has become one of the most illusive and least understood topics of the Internet. However, the time is coming for change, and it’s up to us whether that’s going to happen willfully or through regulation. In this article, Joe Toscano will explain exactly why making these changes is so critical to the success of your business and how you can make the changes that need to be made in a way that also positively impacts your bottom line.
Read more…
Rachel Andrew writes about her involvement with the CSS Working Group, and why she feels it is important that web developers understand what is being worked on in CSS, and have a way to offer feedback.
Read more…
