Some time ago, designers and developers built the same kinds of websites over and over again, so much so that they were mocked by people in our own industry. Today, the design landscape has changed completely. We’re equipped with new and powerful tools — CSS Grid, CSS custom properties, CSS shapes and CSS writing-mode, to name a few — that we can use to exercise our creativity. In this article, Zell Liew explains how.
Read more…
Ever find yourself writing the same code over and over again? Sharing code between projects is vital to building software faster, while making your code base simpler to maintain and develop over time. However, the overhead of splitting repositories, refactoring projects, and modifying components from different projects can make it hard to effectively collaborate and share your code. In this article, Jonathan Saring shares his and his team’s lessons learned from their own journey towards simple and effective code sharing.
Read more…
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools. In this article, Oleh Mryhlod will share some insights about the high-level capabilities of React Native and the products you can develop with it in a short period of time. By the end of this guide, you should have all the necessary knowledge to create video/audio recording functionality with React Native. Let’s get into it.
Read more…
Building an MVP is all about building lots of functionality in a small amount of time. Vue.js is a good option, with a minimum of architectural boilerplate and a lot of raw power. All it needs is somewhere to store data. Let’s say you have this great idea for a new product. In this article, Lukas van Driel will guide you through the steps of creating and hosting this new web app.
Read more…
Linking JavaScript functionality to the DOM can be a repetitive and tedious task. In this article, Rik Schennink explains how ConditionerJS can help make websites more flexible and user-oriented. Step-by-step he’ll improve this logic, and finally, he’ll make a 1 Kilobyte jump to replacing it with Conditioner. By combining all of the following tiny changes, you can speed up page load time and more closely match your functionality to each different context. This will result in improved user experience and as a bonus improve our developer experience as well.
Read more…
Is it possible to use digital musical instruments as browser inputs? With the Web MIDI API, the answer is yes! The best part is, it’s fairly quick and easy to implement and even create a really fun project. In this article, Peter Anglea will cover the basics of MIDI and the Web MIDI API to see how simple it can be to create a web app that responds to musical input using JavaScript.
Read more…
Each platform has its own limitations and proprietary publishing mechanism. Creating interactive content that works across all of these environments is a real challenge. Publishing content to so many media without lots of extra development overhead can be difficult. In this article, Chris Ashton explains how they’ve approached the problem in BBC’s Visual Journalism department.
Read more…
It’s incredible to see how far web standards have come. Flash was one of the reasons a lot of folks started building websites. Flash was one of the reasons Simon Owen started building websites. It pioneered in a lot of areas, and this led to people creating amazing things with it. Over the years, it’s pushed the web forward a great deal. Adobe’s official announcement of dropping support of Flash, though, does raise concerns. Here are some of the groundbreaking things Flash could do back then, and how we can go about doing them today.
Read more…
Even if you don’t use any client-side JavaScript at all to build a site, it doesn’t mean you have to give up on the idea of building with components. Learn how to build a static site with the help of an HTML preprocessor. In this article, Chris Coyier will take a walk through a site he built recently using this technique. He used CodePen Projects to build it, which offers Nunjucks as a preprocessor, which was perfectly up for the job.
Read more…
When creating free or premium WordPress themes, you’re bound to make mistakes. WordPress has its own coding and theming standards. While you can write PHP the way you want to in your template files, it’s best to actually stick to “the WordPress way,” even if it’s not necessarily “the best way.” In this article, Nauris Pūķis will show you how you can avoid them in order to save yourself time and focus on actually creating themes people will enjoy using!
Read more…