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
Learn How To Store Data on The Client with LocalStorage
The LocalStorage API gives front-end web developers access to a simple key-value datastore that can be used to save data on a users computer. Saving data on the client-side can help to 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?…
August 3, 2022 in Learn
CSS Toggle Switch
Today, we’ll go over how we can transform a regular checkbox input element to a responsive toggle switch. It’s not as hard as you may think and only involves CSS. No JavaScript. So let’s get into it! If you get…
July 28, 2022 in Learn
How to Add a Favicon to Your Website
What is a favicon? When creating a website, you may overlook something small like the favicon. The favicon, which is short for ‘favorite icon’, is a small, 16×16 image used on browsers to give your space visual representation. Many popular…
July 26, 2022 in Learn
Dark Mode In CSS
How often do you find yourself on a website or app looking for a toggle for dark mode? Most apps now-a-days, like Facebook, Twitter, Instagram, & Snapchat just to name a few, use some sort of dark mode feature. Implementing…