How To Test Your React Apps With The React Testing Library

Today, we’ll briefly discuss why it’s important to write automated tests for any software project, and shed light on some of the common types of automated testing. We’ll build a to-do list app by following the Test-Driven Development (TDD) approach. I’ll show you how to write both unit and functional tests, and in the process, explain what code mocks are by mocking a few libraries. I’ll be using a combination of RTL and Jest — both of which come pre-installed in any new project created with Create-React-App (CRA).

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

Information And Information Architecture: The BIG Picture

We are living in a world exploding with information, but how do we find what is relevant to us at the time that we need it? I believe that good information architecture is key to helping us navigate through the mountains of data and information we have created for ourselves. In this article, we will first describe what information architecture is, why it’s important, and approaches to effective implementation. Then we explore ideas around the broader view of the information age, how we use information, and how it impacts our world and our lives.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

Differences Between Static Generated Sites And Server-Side Rendered Apps

JavaScript currently has three types of applications that you can build with: Single Page Applications (SPAs), pre-rendering/static generated sites and server-side rendered applications. SPAs come with many challenges, one of which is Search Engine Optimization (SEO). Possible solutions are to make use of Static Site Generators or Server-Side Rendering (SSR).
In this article, I’m going to explain them alongside listing their pros and cons so you have a balanced view.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

Smashing Podcast Episode 19 With Andy Bell: What Is CUBE CSS?

Today, we’re talking about CUBE CSS. What is it, and how does it differ from approaches such as BEM, SMACSS, and OOCSS? I spoke to its creator, Andy Bell, to find out.
Show Notes CUBE CSS Piccalilli Learn Eleventy From Scratch – save 40%! Andy Bell and Piccalilli on Twitter Note: Listeners of the Smashing Podcast can save a whopping 40% on Andy’s Learn Eleventy From Scratch course using the code SMASHINGPOD.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

Finding Inspiration In The Simple Things (July 2020 Wallpapers Edition)

The smell of rain after a hot day, watching the moon rise on a summer night’s sky, going for a swim — often it’s the simple experiences that inspire us and that we treasure most. No matter what July will have in store for you this year, our new batch of wallpapers is bound to cater for some colorful inspiration along the way.
More than nine years ago, we started out on this wallpapers adventure to bring you beautiful and inspiring wallpapers every month.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

Firebase Push Notifications In React

Notifications have become a stable part of the web nowadays. It’s not uncommon to come across sites asking for permission to send notifications to your browser. Most modern web browsers implement the push API and are able to handle push notifications. A quick check on caniuse shows that the API enjoys wide support among modern chrome-based browsers and Firefox browser.
There are various services for implementing notifications on the web.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form

With one or two occasional exceptions, I’ve spent the past twenty-two years designing for countless clients. A few of these projects lasted a year, some several months, but the majority for no more than a few weeks.
Being completely absorbed for a few weeks or months in designing a product interface or a website can be a thrill. It often starts with the gratification which comes from winning the work.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

Django Highlights: Wrangling Static Assets And Media Files (Part 4)

Django websites involve a lot of files. It’s not just source code for the configuration, models, views, and templates, but also static assets: CSS and JavaScript, images, icons. As if that wasn’t enough already, sometimes users come along and want to upload their own files to your website. It’s enough to make any developer incredulous. Files everywhere!
Here’s where I wish I could say (without caveats): “Don’t worry, Django has your back!

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

Practical Guide To Testing React Applications With Jest

In this article, I’m going to introduce you to a React testing tool named Jest, along with the popular library Enzyme, which is designed to test React components. I’ll introduce you to Jest testing techniques, including: running tests, testing React components, snapshot testing, and mocking. If you are new to testing and wondering how to get started, you will find this tutorial helpful because we will start with an introduction to testing.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX

How Web Designers Can Help Restaurants Move Into Digital Experiences

As much as I’ve always loved the experience of going out to eat and ordering in takeout, it’s very rare that I enjoy visiting a restaurant’s website. But I get it. The restaurant industry tends to run on very slim profit margins, so it’s hard to justify spending money on a professionally designed website when all they want it to do is list their hours of operation and menu.

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Continue Reading →

Posted in: UX