Quantcast
Channel: Trent Walton » Opera
Browsing latest articles
Browse All 4 View Live

CSS3 Multi-Column Layout & Column-Count

I use the column-count & column-gap property on the search page of this site to break my Tags list into 4 columns.  Because the content is dynamic, I couldn’t just hard code each column, and I...

View Article



Image may be NSFW.
Clik here to view.

CSS3 Border-Radius & Rounded Avatars

Originally when I CSSed the round avatars on the DesignSwap comments area, I used the -webkit-mask-image property. I was really proud of how neat and effective this was until I realized you could apply...

View Article

Image may be NSFW.
Clik here to view.

CSS Box-Shadow:Inset

You’ve gotta appreciate the imageless design elements the CSS box-shadow property makes possible. No more slicing up 3 jpgs to recreate the depth so easily gained in Photoshop. Lately, we’ve been using...

View Article

Image may be NSFW.
Clik here to view.

RGBa & HSLa CSS Color

In certain situations, RGBa (red, green, blue, alpha) and HSLa (hue, saturation, lightness, alpha) color values can save the day.  It’s widely supported in Chrome, Safari, Firefox, Opera, and IE 9, and...

View Article
Browsing latest articles
Browse All 4 View Live




Latest Images