Tag Archives: css

  • A gradient generator web app that mimics Photoshop’s gradient creation tool. Could do without the IE filter though. If you really have to use a gradient for IE, just write a conditional comment and only let IE users clock up another HTTP request.

  • Hands up if you’re a web designer who uses Photoshop and ever thought that this might be a possibility? Yeah, me neither. John Nack, the Principal Product Manager for Adobe Photoshop, has put forward an idea of Photoshop gaining the ability to include actual rendered HTML and CSS (via WebKit) elements within a .psd file. The main reason why I think this could be a great idea and has a lot of potential is we’ll finally be able to render elements and text as they will be seen in the browser.

    On the other hand however, you will need to create the elements with HTML and CSS in the first place before using them in Photoshop so why not just design in the browser? This could be useful but if you’re going to create something in HTML and CSS so it can render as it would in a browser will you not have to create everything within HTML and CSS due to the vast differences between the way Photoshop renders elements (especially text) differently?

    I’m interested what you think of this idea. Personally I think it’s great to see Adobe reaching out to web designers which isn’t something they traditionally do or have ever done as far as I know. I don’t think they’ve paid paid us much notice judging from the last few updates of Photoshop so it’s certainly encouraging. Send me an @tkenny reply on Twitter with your thoughts.

  • Any good website owner knows that they need to be constantly looking at ways to improve their site even through small little tweaks. If you’re using Wordpress you’ll notice that it isn’t easy to create a development version without creating a separate installation. Of course, you can make changes directly on a live WordPress site but that isn’t recommended for anything other than minor tweaks. Continue reading

  • The general convention in web design is to present static images of designs to clients but what happens when you have an idea that can’t be visually presented in this form? Perhaps it is some form of interaction or animation that can breathe extra life into the design.

    Of course you could just explain your idea to the client but the problem here is they may not understand what you mean or have a hard time visualising it. The next step is to show them something similar on another site but there is still a disconnect from what you want the client to see and what they’re actually seeing. Continue reading

  • In the relative short time that websites have been around, compared to other media, much has been learnt about web design. There aren’t any ‘rules’ beyond web standards and even then, they’re only guidelines. There are a number of other … Continue reading

  • 1 2 3

    Subscribe to Inspect Element by email to get updates on new articles, tutorials and WordPress themes: