This…

.myFontStyle {
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 10px;
line-height: 12px;
font-family: verdana, sans-serif;
}

is the same as this:

.myFontStyle {
font: bold italic small-caps 10px/12px verdana,sans-serif;
}

There’s a great slidedeck on CSS architecture here.

Share this

I love this stuff. Inspirational on many levels.

http://www.dzinepress.com/2009/10/100-amazing-retro-russian-poster-designs/

Share this

1. Create a blend using two Bézier curves. Use specified steps and set the number to 40 (you’ll probably need to play with this some before you get the effect you want):

   

2. Now, take one of the paths and put a gaussian blur on it (use about a radius of 6 pixels). Do the same with the other path, only change the radius on the blur to about 3 pixels:

   

3. OK, now modify the shape of the paths so that they overlap, crossing over each other. It should start to look more and more like smoke:

   
   

4. Apply blending and opacity settings to the paths like overlay, screen, multiply, etc. Play time.
5. Copy/paste the blend and adjust the Bézier curves on that blend.
   
6. Cool, huh? Now, play with the color on each of the curves too.

   

There you have it. I discovered it by accident, and I haven’t played with the technique too much. There’s probably an Illustrator plug-in or brush out there that does the same thing, so you can decide for yourselves if this is of any value.

Share this

W3C CSS Selectors

Share this

”When there are many browsers available for the users to surf the internet, it becomes evident for you to check the Cross Browser Compatibility of your website. Different people use different operating systems and browsers and you cannot control their wish to surf your website on one particular browser, just because your website does not look well on it. Though among many available browsers, Mozilla and IE are the most used browsers around the world. But still while designing a website web designers make it sure to check the browser compatibility of the website in all browsers.”

Share this

30 Usability Issues To Be Aware Of

Share this

1. Keep the site elegant
2. integrate a slideshow feature on the landing page
3. integrate a Flash gallery browser
4. provide a way to automatically update his photo galleries.

I decided to choose the WordPress platform because I was impressed with the ease of implementation and breadth of features for this framework. I was pretty sure I would be able to exceed the customer’s expectations by providing additional features with minimum development time.

One example of this is the Shadowbox JS plug-in, enabling visually engaging photo galleries that are easily customizable. See it in action on the site: http://www.photo-ess.com/blog/?page_id=42

I convinced Photo Essence that including a blog would be a great way to get higher rankings on search engines. As the site accumulates more and more content, that content is getting indexed by search engines, and thus, more and more views by potential customers. Blogging is so easy now and there are many applications out there to write and publish blogs including Microsoft Word 2007, Microsoft Live Writer, or even e-mail to post a blog.

Lastly, I developed tools to enable the client to quickly and easily update galleries with one or two mouse clicks. I wrote a small C# application which uses Photoshop APIs (OK, this is getting technical…) to take his high-resolution photographs and resize them, create thumbnail images in a specific size used in the WordPress photo galleries, save them in .jpg format, and finally, FTP the finished pictures to photo-ess.com. I’m going to write another blog soon on the C# application and PhotoShop scripting features. It’s really pretty awesome.

Below are some screenshots, but please visit the live site: www.photo-ess.com.

Share this

The background image is a photo of the Oregon coast taken at Seaside, Oregon.

Share this