Web Standards, and the documentation to support them, provide huge insight into ‘the why’ and ‘the what’ of the world wide web. They are a fantastic resource for any web developer and help people build stuff for the web that is functional, accessible and cross-compatible. In this article, we take a look at the history of Web Standards, how to use them in your work and ways you can get involved in making them. In this article, Amy Dickens will give you an introduction to web standards, as well as ways you can get involved in contributing to new and existing standards. Let’s begin!
Read more…
The Multi-column Layout spec is often overlooked as we use Grid and Flexbox. In this article Rachel Andrew explains why it is different to other layout methods, and shows some useful patterns and sites which showcase it well. Rachel will take a look at Multi-column Layout — often referred to as multicol or sometimes “CSS Columns”. You’ll find out which tasks it is suited for, and some of the things to watch out for when making columns.
Read more…
Are you considering transforming old cursive handwriting into a modern digital font? Before forging ahead with the design, assess your goals for historical accuracy, identify the idiosyncrasies that make the handwriting special, develop a strategy for connecting glyphs, and decide if you want to include texture. One of the biggest decisions you will need to make is whether you want to capture every nuance of your handwriting specimen, or if you want to design something inspired by that handwriting. Today, Carolyn Porter will help you with that. Let the fun begin!
Read more…
The scope of possibilities to apply Google Cloud Vision service is practically endless. With Python Library available, it can certainly help you bring out deeper interest in Machine Learning technologies. Google Vision API turned out to be a great tool to get a text from a photo. In this article, Bartosz Biskupski will guide you through the development process with Python in a sample project. If you’re a novice, don’t worry. You will only need a very basic knowledge of this programming language — with no other skills required. Let’s get started!
Read more…
A search bar isn’t some throwaway design element. When your app promises a speedy and convenient experience to its users, a search bar can cut down on the time they have to spend inside it. So, as you work on creating better experiences for your mobile app users, spend some time thinking about the design of your app’s search bar. Things like placement, hint text, and the way search results are displayed contribute to how users engage with search as well as your app as a whole.
Read more…
Let’s make 2019… fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences today.
Read more…
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…