HTML5 introduced thirteen new types of form input, adding significantly to the number of different fields web designers and developers could add to our forms. These new types all require browsers to support them, and take-up has been slower than some of us would have liked. What is the state of those field types in 2019? Which can we use, and which should still be avoided?
Read more…
Climate change may not seem like an issue that should concern web developers, but the truth is that our work does have a carbon footprint, and it’s about time we started to think about that. As web developers, it’s understandable to feel that this is not an issue over which we have any influence, but this isn’t true. Many efforts are afoot to improve the situation on the web. The Green Web Foundation maintains an ever-growing database of web hosts who are either wholly powered by renewable energy or are at least committed to being carbon neutral. So, apart from powering servers with renewable energy, what else can web developers do about climate change?
Read more…
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…
