A Beautiful Site

  • Design
  • Development
  • Resources
  • Tutorials
  • About
Cover Image

A Clever Way to Style the "mark" Element

I was checking out the awesome CashNotify app today and I noticed a beautiful style for highlighting text in their testimonials:

February 1, 2019

  • 
  • 
  • 
Cover Image

Opening a New Window After an Async Operation

I was working on an OAuth implementation the other day and needed to open a third-party auth page in a new window.

August 28, 2018

  • 
  • 
  • 
Cover Image

Bootstrap 4 Switches

Here is a fully customizable switch component I created for Bootstrap 4.

November 10, 2017

  • 
  • 
  • 
Cover Image

Adding a Checked State to Bootstrap 4 Dropdown Menus

Bootstrap's dropdown menus are pretty awesome, but they lack a checked state. Think macOS or Windows:

October 22, 2017

  • 
  • 
  • 
Cover Image

Adding Tips to Bootstrap 4 Dropdown Menus

Sometimes, dropdown menus just look better when they have tips to reference their opening element. Here's a SCSS snippet I created that gives you tips in Bootstrap 4.

October 22, 2017

  • 
  • 
  • 
Cover Image

Zipping Multiple Folders Into Separate Zip Files

Here's a bash script that will zip all folders in the current directory into separate .zip files:

July 31, 2017

  • 
  • 
  • 
Cover Image

Shoelace.css – A Back to the Basics CSS Starter Kit

I spent some time last week working on a free CSS boilerplate I'm calling Shoelace.css. It's kinda like Bootstrap, but a lot leaner and pure CSS. You don't need a preprocessor like Sass or Less to use it, but it's still highly customizable with CSS variables.

July 27, 2017

  • 
  • 
  • 
Cover Image

Downloading a List of URLs Automatically

I recently needed to download a bunch of files from Amazon S3, but I didn't have direct access to the bucket — I only had a list of URLs.

July 21, 2017

  • 
  • 
  • 
Cover Image

Surreal CMS Acquires PageLime

Nearly a decade ago, I launched my first SaaS application. It was a new take on content management — a hosted CMS that reads/writes directly to a web server and uses class attributes to define content regions.

July 14, 2017

  • 
  • 
  • 
Cover Image

Rebuilding Your Spotlight Index in macOS Sierra

I use Spotlight more than I like to admit, usually for launching apps. Recently, some of my apps and files stopped appearing — even ones I access frequently.

July 14, 2017

  • 
  • 
  • 
Cover Image

CSS Spinners Made Easy

Here's a simple way to create your own CSS spinners (i.e. loaders) without any images or JavaScript. It's lightweight, easy to use, and completely customizable.

July 12, 2017

  • 
  • 
  • 
Cover Image

Importing Plain CSS Files with Sass/SCSS

When I first started using Sass, there was one thing that drove me crazy about it compared to Less. For some reason, including a plain CSS file just wasn't something the compiler wanted to do:

February 9, 2017

  • 
  • 
  • 
Cover Image

Determining Your App's Base Directory in Node.js

Determining your app's base dir (or document root if you're from a PHP background) isn't as straight forward as you'd think in Node. Here's a little trick to get a globally available reference to your app's root directory.

February 9, 2017

  • 
  • 
  • 
Cover Image

Hashing Passwords with Node.js and Bcrypt

The bcrypt library on NPM makes it really easy to hash and compare passwords in Node. If you're coming from a PHP background, these are roughly equivalent to password_hash() and password_verify().

February 8, 2017

  • 
  • 
  • 
Cover Image

SSH Failing on MacOS Sierra

For me, upgrading to MacOS Sierra broke a lot of things that use SSH, including Transmit, Sequel Pro, and a handful of other apps. In fact, it seems to break any app that uses an SSH key with a passphrase. 🤔

January 14, 2017

  • 
  • 
  • 
Cover Image

SimpleImage 3.0

Back in 2011, I released the first version of SimpleImage for PHP — an open source project for working with images.

January 10, 2017

  • 
  • 
  • 
Cover Image

Executing Promises in Sequence (and Stopping at the First Resolved Promise)

Here's a challenge that a friend of mine came across yesterday. He needed to iterate over an array of file names one at a time in a specific order, stopping at the first one that existed. He was, of course, using Node.js and the checks were being done asynchronously.

November 30, 2016

  • 
  • 
  • 
Cover Image

DirtyMarkup 3.0

Today I launched the third major iteration of DirtyMarkup, a free tool to clean up HTML, CSS, and JavaScript. The original version launched back in 2009.

October 31, 2016

  • 
  • 
  • 
Cover Image

A Note About PHP

It wasn't long after launching a major open source PHP project until I started hearing things like this:

August 22, 2016

  • 
  • 
  • 
Cover Image

Minimal jQuery Alert and Confirm Replacements

I recently made the decision to stop using modal dialogs in my apps. What once was a good way to obtain information or confirmation has become undesirable and taboo in the world of UX.

May 28, 2016

  • 
  • 
  • 
Older Posts

Topics

  • Business
  • Design
  • Development
  • News
  • Resources
  • Tips
  • Tutorials
  • RSS Feed
  • JSON Feed

A Beautiful Site, LLC

A Beautiful Site is a small web development studio based in Central Florida. We blog about web design, web development, technology, bootstrapping, startups, and other awesome things.

Learn more about us.

A Beautiful Site, LLC · Est’d 2007 · Powered by Postleaf