Blog

20 Best Bootstrap 4 Plugins

Totally open source and free to use, Bootstrap has become one of the most popular front-end frameworks for desktop and mobile development. With a mobile-first approach, the framework essentially forces designers to create sites for small screens and then scale designs up from there.  Bootstrap 4 is the newest version...

Random Day in the Life of a Developer

Yesterday, I started going through my email as soon as I got to work. I always start my day with email. I kinda like email. I read some interesting things in keeping up with the industry. I deal with some business things. I handle with some personal things. I make a note of the most important stuff going on. Then I ke...

How to Add Auth to Your PWA with Okta and Stencil

This article was originally published on OKTA Blog. Thank you for supporting the partners who make SitePoint possible. Progressive Web Applications (PWAs) are the newest technology on the web dev block, and they’ve arrived just in time to solve a growing problem. Many companies are struggling to keep isolated develop...

Delivering WordPress in 7KB

Over the past six months, I’ve become increasingly interested in the topic of web sustainability. The carbon footprint of the Internet was not something I used to give much thought to, which is surprising considering my interest in environmental issues and the fact that my profession is web-based. The web in a w...

Better Collaboration By Bringing Designers Into The Code Review Process

Better Collaboration By Bringing Designers Into The Code Review Process Ida Aalen 2018-07-10T13:50:26+02:00 2018-07-10T12:05:47+00:00 Smooth collaboration between developers and designers is somethin...

A Faster and Safer Way to Troubleshoot WordPress

Whether you’re building a new WordPress website or applying updates to an existing one, troubleshooting issues can be a very time-consuming process. It can also be a bit risky – especially if you’re dealing with a live site (one more good reason to set up a staging environment, when possible). In general, pinpoin...

itty.bitty

Mark this down as one of the strangest things I’ve seen in a good long while. Nicholas Jitkoff has made a tool called itty.bitty that creates websites with all of the assets being contained within their own link. You can create a website without any HTML or CSS resources at all because it’s all been base64 encoded ...

Little Tip: Draw Your Grid in ASCII in Your CSS Comments for Quick Reference

Say you declared a grid like this: body { display: grid; grid-template-columns: min-content 1fr; grid-template-rows: min-content auto min-content; } This depends on content, for sure, but how it’s likely to play out is like this: +---+-------------+ | | | | | | +-----------------...

UX Hacking Usability with Psychological Principles

There’s no escaping it. Psychology in design is everywhere. It’s why Facebook notifications are red—the color of urgency—to demand our attention. It’s why glossy magazines like Vogue have extra-wide spacing in the typography of their logo. Those teensy gaps signal exclusivity to our subconscious. ...

The CSS Paint API

The CSS Paint API is extremely exciting, not only for what it is, but what it represents, which is the beginning of a very exciting time for CSS. Let’s go over what it is, why we have it and how to start using it. What is the CSS Paint API? The API is just one part of a whole suite of new specifications all under th...