In this tutorial, Matt Zand will show you how to harness the power of HTML5 web storage by creating a shopping cart step-by-step. What you learn from this tutorial can easily be applied to other site features that may not require database storage such as user preferences, users’ favorite contents, wish list, user settings like username and password and more.
Update (27,29 Aug) Editor’s Note: We have updated the examples to address accessibility issues in the HTML.
Read more…
The Embedded Image Preview (EIP) technique introduced in this article allows us to load preview images during lazy loading using progressive JPEGs, Ajax and HTTP range requests without having to transfer additional data. JPEG files, for which lazy loading is mostly used, have the possibility, according to the specification, to store the data contained in them in such a way that first the coarse and then the detailed image contents are displayed. Instead of having the image built up from top to bottom during loading, a blurred image can be displayed very quickly, which gradually becomes sharper and sharper.
Read more…
As with many other topics in software development, testing and test driven development are often made needlessly complex in theory and implementation by placing too much emphasis on learning a wide array of testing frameworks. In this article, Ryan Kay will revisit what testing means by a simple analogy, explore concepts in software architecture which will directly result in a reduced need for testing frameworks, and some arguments as to why you might benefit from an attitude of minimalism for your testing process.
Read more…
Think about your last few software projects. Was there a healthy balance between concrete business goals, meeting users’ needs, and shipping the product in a timely fashion? The key to striking this balance is a design process that accounts for complexity, addresses design problems early, and avoids relying too heavily on third parties. A major contributor to clunky software is flawed design processes. In this article, Eric Olive will outline four design process problems and explain how to address them.
Read more…
Virtual reality is a new immersive medium for exploring content, whether that content is a film (Life of Pi), a game (Beat Saber) or a social experience (as depicted in Ready Player One). Despite its novelty, VR doesn’t require a drastically different toolset to design for — the same tools we use for web game development, 3D modeling, and others are all still applicable. In this tutorial, Alvin Wan leverages your familiarity with web development to get started with VR development.
Read more…
Writing for a publication such as Smashing Magazine can help to build your reputation as an expert. In this article, Editor in Chief Rachel Andrew is going to go through the process for pitching, heavily based on her own experience as a writer and as Editor in Chief of Smashing. However, She’s also taken a look at the guidelines for other publications in order to help you find the right places to pitch your article ideas.
Read more…
What happened in the web community in the last few weeks? The web is developing and changing so fast, and we need to acknowledge that we as individual persons can’t know and understand everything. And that’s fine. Choose what you want to do, set your priorities, and, most importantly of all, don’t hesitate to hire someone else for the things you can’t do on your own. In this article, Anselm has summarized the most important happenings in the web community that have taken place over the past few weeks in one handy list for you. Enjoy!
Read more…
Depending who you ask, you may hear that Gutenberg is the worst or the best thing that has happened to WordPress. But since its release 8 months ago, Gutenberg has been greatly improved, offering a user experience much richer than anything that was possible in WordPress. At the current pace of development, it’s only a matter of time until its most outstanding issues have been dealt with and the user experience becomes truly pleasant. In this article, Leonardo Losoviz will take a look at its latest developments, and where it is heading to.
Read more…
A series of interviews between Vitaly Friedman and speakers from the upcoming View Source conference in Amsterdam. Hear from Tejas Kumar, Sharell Bryant, Ali Spittel, Kenji Baheux, Jory Burson, Hui Jing Chen, Henri Helvetica, Elizabeth Sweeney, and Jeremy Keith. Today, Vitaly brings you a conversation with Kenji Baheux, a Product Manager at Google, working on Chrome/Web Platform, about the web in different parts of the world, differences between usage of the web, and what we need to be aware of when expanding to an unfamiliar market in India or Southeast Asia.
Read more…
You don’t have much time to capture the attention of visitors to your PWA. Rather than waste that time with an overcrowded hero image or, even worse, disappoint them with a lackluster design, get creative with what little space you have above-the-fold. One of the best sources of inspiration for this? Movie posters. In this article, Suzanne Scacca will look at some examples of good and bad movie posters and see what sort of lessons we can use to help you with your PWA hero design.
Read more…
