Videos in category Graphics

Summary Mr. Miller returns to dnrTV to develop a custom control in Windows Presentation Foundation using the latest Orcas build. Mark goes into all the details of creating, testing and using your custom control in Microsoft Expression Blend. Bio Mark has been developing software since the early 1980s. He spent the 12 years preceeding 2004 coding developer tools, which are his -- figuring out ho...

This episode is a prequal to episodes 12, 13, and 14. We go back to a blank Photoshop document and re-create it. There is no HTML/CSS in this episode, just pure Photoshop work.

Here’s a neat method of creating a glass button effect for various objects by Richard Querin

Firebug is an essential Firefox extension for web designers and developers. You are able to quickly target any element on a page to see the markup, the CSS, the layout, and the DOM in an instant. Not only can you see all of this juicy information, you can edit and see the results directly in the browser window. This makes Firebug the go-to tool for debugging CSS trouble. Also indispensable for ...

This tutorial illustrates how to slice a web page layout into individual image files in Inkscape v0.45. by heathenx

Summary Ramnivas Laddad talks about domain aspects, how aspects fit in the design phase, how to model aspects in UML, how to enforce policies with Aspects, how he used Aspects to diagnose production problems including touch threading problems, and using aspects to simplify design pattern implementation. Bio Ramnivas Laddad is an author, speaker, consultant, and trainer specializing in aspect-or...

We wrap up the mockup conversion here in Episode Three. We create the "article area" and the "sidebar" (semantic class naming!), and then we clear the float. We use Firebug to steal the typography from the live CSS-Tricks. Then we fix up the header a little bit in Photoshop and use CSS Image Replacement for the logo.

A screencast demonstrating how to use the perspective effect in Inkscape. [UPDATE: Kudos to Don Waters for pointing out the fact that in Inkscape 0.46, you have to choose the shape to be transformed first and then the perspective path shape - the opposite of 0.45 it seems.] by Richard Querin

In Episode Two of this series, we continue on with the structure of the site. In Photoshop, we create the three different states of the menu, then slice them up and use the CSS sprites technique to create the rollover and "on" states for the tabs. We then create the main content area and footer.

This tutorial illustrates the steps needed to place text around a circle in Inkscape v0.45. by heathenx