CSS Grid Layout is switched on by using display: grid. What this single value property actually means is display: block grid. We get a block level box which is defined as a grid container, with direct children that are grid items and participate in grid layout. Continuing a series on the display property in CSS, this time Rachel Andrew takes a look at what happens when you use grid as a value of display, with added information about how subgrid changes that behavior.
Read more…
In Kristofer’s previous article, he explained how the basic parts of a validation library can be implemented. While the next part will focus on improving the developer experience, today’s article will focus on adding more features to what was created in Part 1. Kristofer will continue implementing the validation library you started implementing in the previous part of this series. These are the features that are going to take us from a simple proof of concept to an actual usable library!
Read more…
Now that we have a year of GDPR under our belts, and the ePR is coming soon, there’s no better time than now to review your websites. Do you know what kinds of cookies collect information from your site? And have you provided visitors with information about an option to accept those cookies? If your site is currently not in compliance, or you’re not sure if it is, read this post and start using CookiePro’s cookie consent tool to get your sites moving in the right direction.
Read more…
WordPress is a fantastic CMS that powers a big chunk of websites out there, which all have different features. As a result, it has a pretty robust architecture that can feel a bit too complex to run a simple blog. In this article, Christopher Kirk-Nielsen will go over how he made the transition from WordPress to a specific static site generator named Hugo. Let’s have a look at how Hugo can help us create a blog that is simple and fast!
Read more…
Do websites created with reactive frameworks get indexed by Google and other search engines? Is it compulsory to set up pre-rendering, as your SEO consultants suggest? Or are they wrong? In this article, Paolo Mioni will talk mostly about Vue.js, since it is the framework he’s used most, and with which he has direct experiences in terms of indexing by the search engines on major projects, but most of what will be covered is valid for other frameworks, too.
Read more…
In this new series of short interviews, we talk to interesting people doing interesting work in our industry. Today, we are pleased to feature Jenny Shen who is a UX Consultant and has worked with numerous startups and brands including Neiman Marcus, Crate&Barrel, eBuddy, IBM, TravelBird and Randstad. She is interviewed by Jason Pamental, who has already spoken at our San Francisco conference. Jason is a strategist, designer, technologist, and author of Responsive Typography from O’Reilly.
Read more…
This new edition of the Monthly Web Development Update takes a look at what moves the web and the people working on it. From browser updates and handy tools to how we do work.
Read more…
Ever wondered how validation libraries work? In this article, Kristofer Giltvedt Selbekk will tell you how to build your very own validation library for React step by step. You will go through the process step by step, and you’ll find CodeSandbox examples as we go along. By the end of this post, you will know how to write your own validation library, or at the very least have a deeper understanding of how other libraries implement “the magic of validation”. The next part will add some more advanced features, and the final part will focus on improving the developer experience.
Read more…
When designing interfaces for IoT web page, one always has many options. In the previous part of this article, Richard Leddy shed light on the meaning of IoT and how Vue.js can be used to hosts groups of IoT human-machine interfaces. Today, Richard Leddy will take a closer look at lazy-loading panels and how to keep the Vue state in sync with devices. More about the editing process may be considered in some other discussion. There is a lot to it. But, for now, we have the tools we need in order to load hierarchal components and make them come alive.
Read more…
Developers are known to usually be the last ones who leave their fingerprints before a website or any sort of web product gets shipped. Obviously, a lot of responsibility is involved and the quality of their work can either make a project excel or go down the drain. In this article, Stefan Kaltenegger gives suggestions about what frontend developers can do on their end to better bridge the gap between designers and developers.
Read more…
