February 8, 2023 in Learn
How to Perform Mobile Website Testing
Mobile browser usage is much more common than you may think. According to recent data, around 59% of web traffic comes from mobile devices. This means that consumer expectations for mobile websites are higher than ever before. Even with smart…
February 8, 2023 in Learn
Increase Site Performance With CSS Hardware Acceleration
Did you know that we can hardware-accelerate graphics-intensive CSS features by offloading them to the GPU (Graphics Processing Unit) for better rendering performance in the browser? Computers have graphics cards suitable for CSS hardware acceleration. Because of this, we can…
December 21, 2022 in Learn
How to Use the Double Ampersand Selector in Sass
The Sass ampersand (&) symbol is used to reference the parent selector in a nested rule. For example, the following targets .btn on :hover: .btn { … &:hover { background: dodgerblue; } } We can also place the & after…
November 25, 2022 in Learn
How To Add Custom Fields to a Custom Post Type in WordPress
WordPress has come a long way from its humble blogging beginnings. With the popularization of Custom Posts Types (CPTs), WordPress has emerged to become a fully-featured CMS platform. WordPress has evolved to be suitable for any kind of content you…
November 25, 2022 in Learn
How To Create Autocomplete Dropdowns with the Datalist Element
The <datalist> element is a new addition in the HTML5 specification. The <datalist> element allows developers to create native autocomplete dropdowns for their web applications. This type of user interface component is used on form fields and search boxes as…
November 25, 2022 in Learn
How to Store Data in LocalStorage in JavaScript
The LocalStorage API gives front-end web developers access to a simple key-value datastore that can be used to save data on a user’s computer. Saving data on the client side can help speed up the performance of your web applications…
September 28, 2022 in Learn
Creating Custom HTML
(Photo by Kenny Louie / Flickr) An exciting feature of the HTML specification is creating custom HTML elements. These allow you to create your own HTML elements along with their own JavaScript API. This can be useful when building interfaces with reused…
September 28, 2022 in Learn
Why Whitespace Matters for Your Web Layout
In a time when we’re sounded by information, it is extremely important for designers to think about being clear with their layouts. We must remember to deliver a page that will get viewers’ attention, whether they’re purchasing something from an…
August 23, 2022 in Learn
How to Build a JavaScript Search
Being able to search and/or filter through your website’s data is a great feature to implement for your users and setting it up isn’t as hard as you may think. It just requires a little bit of JavaScript. Today, I…
August 17, 2022 in Learn
How to Shorten Text With CSS (Ellipsis)
Ever wondered how to shorten text with an ellipsis? It’s quite easy to do and only requires a few lines of CSS. Follow along as I take you through setting this up! Also, if you’re interested in checking out the…
August 15, 2022 in Learn
HTML-Only Accordion
Accordions are all over the web and mobile apps. They are a great way to show and hide content based on user interaction and aren’t very hard to build but usually require a bit of HTML, CSS and JavaScript. Did…
August 7, 2022 in Career Advice
Front-End vs. Back-End: The Complete Guide
When you first decide to begin your coding journey — and maybe even pursue a career in web development — it can be difficult to understand industry terms like front-end, back-end, and full-stack. What are these different web development roles?…