Category: Goodies

Free .design Domain Names

Claim Your Free .design Domain Name… Before Someone Else Does!

Perhaps you’ve already seen the new .design domain on a friend’s site, business card or being used by some of the major companies amplifying their design content on .design, like Facebook.design. The basic premise is that it is impossible to get a good .com domain. Maybe you’ve come up with a great idea for a website name, only to find that it’s already taken. Maybe you already have a website name but want it to be more reflective of what...

Sign Language: How to Create Icons and Illustrations for Web Design

Sign Language: How to Create Icons and Illustrations for Web Design

“All text and no icon makes Jack a dull boy” – had The Shining been filmed in our days (and had Jack been a web designer), he might have typed that sentence over and over obsessively. We would have agreed: icons and small illustrations provide an additional visual layer to a web page, on top of the sometimes tiring texts and images. With the right use, they rapidly enhance a layout’s look and feel, making it more fun, professional, or...

CSS Camera

At a Glance: CSS Camera

The stunning camera you see above has been intricately crafted by Cassidy Williams entirely in CSS. Although it was inspired by this White Leica shot on Dribbble, Cassidy has taken it to the next level by adding some lovely animations to to, without the use of any JavaScript. Check it out on CodePen here About these At a Glance posts: ‘At a Glance’ is a new type of post we’re introducing on Beautiful Pixels. These will usually be short posts...

Learn Ulysses

Learn Ulysses — A Set of Video Tutorials from The Sweet Setup

Ulysses is by far my favorite writing environment on both the Mac and iOS platforms. It is a remarkable app that serves the needs of all kinds of users — from those looking for a minimal text or notes app to those looking for a full-fledged writing environment, complete with its own library, customizations and syncing. Although I personally prefer Bear for short notes and random snippets and use Ulysses for long-form writing ideas (mostly articles), I know several others...

Panda Syntax Dark Theme for Coding

At a Glance: Panda Syntax Dark Theme

Panda is a “superminimal” dark Syntax Theme for a variety of coding IDEs and Terminals created by Siamak Mokhtari. It features a dark background and some lovely subtle colors to make your code look elegant and pleasing to the eyes. The theme is specially crafted for the Atom editor, but you can also download versions for the macOS Terminal.app, iTerm, Sublime Text, and a few other apps. Unfortunately, there doesn’t appear to be a version for Panic’s Coda yet. Get...

The Responsive House

The Responsive House Animation

A few months ago, Gal Shir posted this lovely and impressive animated GIF titled Responsive House on Dribbble. It features a slider that when moved from right to left, the house above it goes from 6 Rooms to 5 Rooms to 4 Rooms and then to 3 Rooms. It’s quite fascinating to look at that animation, so go ahead and check it out before reading any further. Gal also posted a video on his YouTube channel as to how he...