Pugly Pixel

Tutorials

PS I Love You: Type Mask

Yesterday, I got an email from Taylor Marie. She’s a student on break from architecture school and she was looking for advice about how she can train herself to become proficient in Photoshop on her own over the Summer. The best advice I can give is this: Turn to your favorite magazine and pick your [...]

{ 33 comments }

Fab Font: Font Awesome

print Today’s awesome socks and tights come from The White Pepper, which brings us iconic street-inspired fashion with a twinkle in its eye. And the matching font I’m using to put graffiti on these fab photos is Font Awesome, a collection of iconic… well, icons, actually. This is the second time I’ve featured Font Awesome. [...]

{ 8 comments }

Colour Lover: Vogue Japan by Lacey

I’ve recommended WordPress plugins before, but that was almost three years ago. Since then I’ve experimented with many plugins, and it’s about time that I update my list. Of the original 15 plugins that I recommended, 6 have survived. I currently have 12 active plugins and I list them below according to their design values [...]

{ 66 comments }

PS I Love You: Healing Brush

Last week, I wrote about my Pop Phone Handset and took photos of it on my table-for-two Ikea dining table. Before the shoot, I wiped the vinyl tablecloth with a microfiber cloth to brush away Taco’s hair (which in only one week has taken over the house in the form of balls of pug-hair tumbleweed). [...]

{ 2 comments }

CSS: Text Alignment

Yesterday I mentioned Eva Black’s new column, Design Terms. The first term she featured was justify. Here’s a short review of how to align text in both Photoshop and CSS. With Photoshop, it’s only a matter of selecting text and then clicking the appropriate alignment icon: left, right, center, or justify. By the way, if [...]

{ 1 comment }

Unicode

My sister actually visited my blog yesterday (it’s about freakin’ time) and sent me an email asking me which entities I use for the little heart , social , and shopping cart icons on my landing page and universal nav bar. Actually, those little icon-like figures are not HTML entities. They’re …

{ 3 comments }

PS I Love You: Square Brushes

shoe love: adidias originals in amberlight  •  dance dance dance The house that I’m buying has wonderful tiling in the kitchen and in the bathrooms. What makes the tiles so special is that they are tiny, opalescent squares that remind me of pixels. I love them. Now, the tiles in the photo above belong to [...]

{ 2 comments }

CSS: Pretty Gradients

February 21, 2013

in HTML/CSS, Tutorials

CSS: Background Gradients

css gradients • click here to see the html demo • another example The picture above is a painting of Kailey of Mermaidens! The painting is by Laura Manfre and it’s floating over a linear gradient background made with CSS. I’ve shown how to create gradients with Photoshop in my Ombre Effects post. This time, [...]

{ 0 comments }

CSS: How to Make Lines and Borders

I love coincidences. Today’s post is about adding lines or “section dividers” to your blog using CSS. The image above is a random photo I took with my iPhone recently. The synchronicity comes in when I look back at my previous CSS box outlines/borders post and see that the cover photo was also of roses [...]

{ 2 comments }

CSS Name Colors

Nail polish names are fun — Opi’s pastel green is Read My Palm and a darker green is Jade is the New Black, and Essie’s hot pink is Fiesta. Web browsers have some inspired names for colors, too. Sure, the old standbys are there — red, blue, green, grey, and black — but web browsers [...]

{ 3 comments }

© 2007-2013 Pugly Pixel • Small Dreams Company LLC • powered by pastries