17 Ancient Abandoned Websites That Still Work

Mental Floss has put together an impressive list of websites from the mid-to-late 90s that have been abandoned and are still present on the web today. If you are the kind of person who enjoys taking a trip down memory lane and doesn’t mind seeing how horrifying the world of web design was back in the 90s, then be sure to check this out, though take caution—animated GIF buttons, tables, and frames abound.

Read More →

Mario & Luigi In CSS


For many web designers, CSS isn’t just another language. They also see it as an art form. That goes for Philip Da Silva, who created this artwork of Mario and Luigi using nothing but lots of CSS.

If you want to see the real deal, head on over to CodePen. A live preview can be found there as well as both the HTML and CSS source code needed to make this work. Be sure to check out Philip’s other CSS creations there, as well!

SASS and LESS Explained


Once a year, I teach a web design course at the local college. This course is aimed toward beginners and focuses on the basics of web design. I always make a habit of showing my students examples of HTML and CSS code from several popular websites, and some of them are surprised at how much code goes into developing a simple page!

Of course, looks can be deceiving. Over the years, the process of actually developing a website has become more and more streamlined as the industry has grown and matured. New tools and resources are available to designers that weren’t available before. One in particular—the CSS preprocessor—aims to make the task of writing CSS easier and quicker than ever before.

There are two popular CSS preprocessors in use today—SASS and LESS—and the way these two work is simple. A developer writes their CSS using a special syntax. This syntax can include shorthand elements not present in CSS, such as variables, nested rules, and so on. The developer then takes the finished SASS or LESS code and runs it through a compiler. The end result is a complete CSS file that is ready for upload and took far less time to code.

If you would like to learn more about how to use CSS preprocessors, both the SASS website and LESS website have excellent documentation that will get you up and running quickly.

10 Bad Habits To Break In Photoshop

Via Tuts+:

Photoshop is an extremely versatile application and offers and endless number of ways to accomplish the same task. With so many ways of producing the same effect, it can be difficult for users to understand which technique is the best for the task at hand. In this tutorial, we will explain 10 bad habits that you can break in Photoshop to help you work a bit more efficiently.

Read More →

Easily Selecting Objects In Illustrator


As part of my job as a graphic designer, I’m constantly mixing and matching objects from multiple vector files to create my finished pieces. The worst part about this is that many vector files that you will download online typically are not organized very well at all, and this makes it hard to isolate individual elements. Illustrator does, however, have a somewhat-hidden feature that makes this process a little bit easier.

First select an element on your artboard. Then go to Select > Same in the menu bar. From there, you can select similar objects on your artboard based on fill color, stroke, opacity, and other factors. It’s an easy tip that can make you much more productive when working in Illustrator.