In this article, you can learn how to build the animated note display from the Awwwards website. It discusses the HTML5 SVG circle element, its stroke properties, and how to animate them with CSS variables and Vanilla JavaScript.
Read more…
As a web designer, you might think that what you get paid to build websites doesn’t matter so long as you have money in the bank. But it does. If you want to remain competitive within the space, make sure to charge within one of the estimated ranges mentioned in this article — at least, to start. Then, as your business grows, you can steadily raise your prices in line with the increasing value of the websites you build. With this guide, Suzanne Scacca breaks down three ways you can charge for your design services and help you find the perfect rate to charge clients in 2019.
Read more…
You don’t need to commit to memorizing every CSS Property and Value, as there are good places to look them up. There are some fundamental things, however, which will make CSS much easier for you to use. In this article, Rachel Andrew aims to guide you along your path of learning CSS and outline resources for further reading on key areas of modern CSS development. Many of those are things right here on Smashing Magazine. Her aim is to cover the breadth of modern CSS with a focus on a few key areas, that will help to unlock the rest of the language for you.
Read more…
We’re not just the publishers of an online magazine or conference organizers, we are people who work in the web industry. As Editor in Chief of Smashing Magazine, Rachel Andrew looks after the content that goes out on the online magazine, and also our upcoming print magazine for members. This year, we have published almost every weekday — that represents over 290 articles! Today, the Smashing Team looks back at 2018. Conferences, articles, books and the Smashing Membership — there has been a lot going on.
Read more…
Let’s start into the new year with a little inspiration boost: wallpapers created with love by the community for the community. Happy 2019! Please note that sll 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…
The mobile web has definitely improved from where it was just a couple years ago. When it comes to the mobile user experience, are mobile websites all that bad? You hear so much about the benefits of building a dedicated native app, but that can become an incredibly costly gamble if users don’t take to it. That said, is the progressive web app the best choice? And will it eventually replace the mobile web and native apps? In this article, Suzanne Scacca explores this idea.
Read more…
Rendering and interaction have become a lot more consistent across browsers in recent years. It’s still not perfectly uniform, however, and a lot of small issues can trip you up. Add on top of these issues the variables of different screen sizes, language preferences and plain human error, and we find a lot of small things to trip up a developer. When implementing a user interface in a browser, it’s good to minimize those differences and issues wherever you can, so that the UI is predictable. In this article, Ahmad Shadeed has put together a list of common issues, with their solutions, as a handy reference guide for when you’re working on a new project. Let’s begin.
Read more…
An old cliché says that “may you get everything you wish for” makes for a particularly insidious curse. As all the other browsers got easier and easier to deal with, Mat Marquis attempted to convince himself that there was at least still a challenge to quirky old IE. That even became something of a point of pride: he had gotten so good at fixing obscure IE issues that he’d learned to dodge them during the course of my everyday development, leaving nothing to dread come the big “open it up in IE and see what broke” phase. With Edge soon making the switch to Chrome’s rendering engine — well, for better or worse, a bitter wish is coming true.
Read more…
With the advent of responsive web design and the mobile-first approach, it’s been seven wonderful years since any new concepts have compelled us to adapt the way in which we write CSS at the base level. These techniques are at the bedrock of most web developers lives, and they’ve served us well, but alas, times change, and developers constantly iterate. As we increase the efficiency of our methods and the project requirements become more complex, new frustrations emerge. Well, today, Alastair Hodgson has a small surprise. Behold: Generic First CSS.
Read more…
Ever heard of a text adventure? Text adventures have been replaced over the years by games that present better visuals and, especially in the past few years, the increasing ability to collaborate with other friends and play together. This particular feature is one that the original text adventures lacked, and one that we want to bring back in this series of articles. Today, Fernando Doglio explains the process of how to create an entire engine that is capable of letting you play any text adventure you and your friends enjoy. That’s right, we’re going to spice it up a bit by adding multiplayer to the text adventure genre!
Read more…
