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 }
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 }
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 }
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 }
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 }
check out photoshop-centric version here As I mentioned the other day, I’m going to recreate the Monki-inspired Photoshop tutorial for Style members using HTML and CSS. While I was working on it, I created the prototypes that you can see in the picture above — we’re gonna make the same layout that I used in [...]
It’s great to have a variety of photo labels at your disposal. The usual place to put a photo caption is above the photo or beneath it. To put a caption on top of a photo, we’ve been using Photoshop (as I’ve done in the image above). But, as you’ll see in the Captions and [...]
{ 0 comments }
instagram@puglypixel I’ve received a couple of questions about the carousel plugin I use to display my Instagram photos on my blog footer at Eat Darling Eat. I use SnapWidget. It’s easy to use, it’s compatible with any blog platform, and it’s free. There’s a premium version that offers more display options, but I imagine that [...]
{ 6 comments }
Click here to see the actual CSS example In my previous post about box outlines in Photoshop, I mentioned that I would show you how to create them with CSS. The CSS term for a box outline is border (as opposed to stroke in Photoshop). CSS borders can be of any thickness and color. There [...]
{ 0 comments }
Louis Vuitton window display, downtown San Francisco I’ve been seeing a lot of polka dots lately. Kate Spade has been using them for her popular iPhone cases. J. Crew has a raft of polka dot items including this cute purse. And, a couple of weeks ago, I bought a pair of tapered polka dot pants [...]
{ 0 comments }
