Videos in category Graphics


CSS-Tricks #12: Converting a Photoshop Mockup: Part Two, Episode One

CSS-Tricks #12: Converting a Photoshop Mockup: Part Two, Episode One

Posted in Graphics, Web Technologies

There has been LOTS of great feedback on the first series of Converting a Photoshop Mockup into HTML/CSS. So let's do it again! Every website is different will require different conversion technqiues so there will be plenty to learn this time around that will be different from last time. The mockup we will be using here is a mini-version of the current version of CSS-Tricks itself!

Tags: Photoshop, Design, HTML, CSS, CSS-Tricks




CSS-Tricks #11: Working Modularly with PHP

CSS-Tricks #11: Working Modularly with PHP

Posted in Development, Graphics, Web Technologies

Many sites do not use any fancy Content Managment System (CMS) to generate their pages, they are just just good ol' static HTML content. A site for your grandmothers pie baking business probably only has a few pages, perhaps a homepage, about page, and contact page. Each of these pages has different main content, but much of it stays exactly the same, like the header, navigation, and footer. Th...

Tags: PHP, CMS, Design, HTML, CSS, CSS-Tricks



Interview: Erik Saltwell on Expression Web

Interview: Erik Saltwell on Expression Web

Posted in Frameworks, Graphics, Development, Conferences

Summary In this InfoQ interview, Erik Saltwell talks about Expression Web and the role of professional designers in the application development process. Erik shares insights into the development process his team utilizes, trends in the web development world and more. Bio Erik is the Development Manager of Expression Web where he manages, and generally randomizes, the developers working there. H...

Tags: Frameworks, Technologies, WPF, Design, Interview, ASP.NET, MS Expression, XAML, .NET Framework, InfoQ




CSS-Tricks #10: Fixed Width, Fluid Width & Elastic Width

CSS-Tricks #10: Fixed Width, Fluid Width & Elastic Width

Posted in Graphics, Web Technologies

There are three different types of layouts for websites: Fixed Width, Fluid Width, and Elastic Width. In this screencast we look at all these three varieties of sites out on the web as well as some hybrid sites and other techniques for making use of wider browser windows. True "fixed width" sites will be a thing of the past when the modern browsers of today take hold in greater number...

Tags: Design, HTML, CSS, CSS-Tricks



CSS-Tricks #9: Starry Night: 3D Background with the Parallax Effect

CSS-Tricks #9: Starry Night: 3D Background with the Parallax Effect

Posted in Graphics, Web Technologies

Using three layers of alpha transparent PNG files, we can can create a pseudo 3-dimensional looking background for a web page. This screencast covers how to do that from start to finish. Since Internet Explorer 6 and under do not support alpha transparency in PNG's, this screencase also covers how to create a warning message that will display only in those browsers.

Tags: Design, HTML, CSS, CSS-Tricks, alpha transparency