Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Enhancing the Design With CSS Border Radius

Kollyn Lund
Kollyn Lund
20,644 Points
Posted by Kollyn Lund
Kollyn Lund
20,644 Points

When to use CSS and when to bring in image/item with styles already on it?

So, many of the CSS things we are doing with the images/HTML we could do just as easily or easier inside of a program like Photoshop or Illustrator. When should we make style changes in CSS and when should we make style changes in Photoshop/Illustrator?

Thanks

3 Answers

Kathy Wu
Kathy Wu
3,420 Points

Personally, I believe whatever you can style with CSS, you should. It's much easier to change the size and color of a circle in css than it is to go to photoshop edit, save, and re-upload an image. Plus when you hand things off to the next developer you won't have to worry about maintaining old photoshop files. CSS also allows you to change elements according to screen width and more making it more flexible to use.

Kollyn Lund
Kollyn Lund
20,644 Points
Kollyn Lund
Kollyn Lund
20,644 Points

very well said. Thank you. That makes a lot of sense. Merry Christmas my programming tutors!

Johnathan Shoff
Johnathan Shoff
6,877 Points
Johnathan Shoff
Johnathan Shoff
6,877 Points

If you are not an artist, and don't really know how to style of an image ahead of time for a webpage then you can use CSS to make some slight adjustments to it. But also keep in mind that just because you round an image, and save it out as a .png there is transparent pixels that still are showing, and taking up space to the browser vs doing it with CSS you then don't just have hidden pixels you now have what you see accurately portrayed .

I hope that helps shine some light on your question.

Kollyn Lund
Kollyn Lund
20,644 Points
Kollyn Lund
Kollyn Lund
20,644 Points

interesting. yeah that helps. I guess it will just depend on the situation and what I am trying to do. For example if I am making a background-image and what it in black and white I might as well do so with photoshop before bringing in into the website. But if I am rounding edges on a pictures I should do so in CSS instead of photoshop.

Am I on the right page?

Johnathan Shoff
Johnathan Shoff
6,877 Points

That is a good way to look at it, though there are many things that come into play but ultimately if it seems like something little most commonly it will be you decision if you wanna use CSS to perform the job or use Photoshop.